Balise H1 sur logo

WRInaute discret
Bonsoir à tous,

Travaillant sur prestashop, je me demandais comment on peut insérer une balise H1 sur le logo?
J'ai le même problème pour la balise alt, comment l'utiliser et la compléter ?

Merci d'avance,

Bonne soirée,

Louis
 
WRInaute impliqué
en bidouillant son thème.
mais il faut commencer par ce demander si c'est une bonne idée de mettre son logo en H1. pour moi, c'est clairement non.
pour le alt, là c'est utile.
 
WRInaute discret
Merci pour cette réponse rapide. Pourquoi c'est une mauvaise idée?
Par contre, je ne vois pas comment modifier des balises sur une page d’accueil?
 
WRInaute accro
Disons qu'un alt sur une image en H1 ça le fait :)
Je suis d'accord c'est mieux un H1 sur du texte, mais l'esthétique, parfois...
 
WRInaute accro
Les balises heading (<h1> à <h6>) servent à baliser du contenu, rien d'autre.

Il y a des années de cela (de nombreuses années...), mettre un lien dans un <h1> lui conférait plus de poids, et de fait, on utilisait diverses astuces pour transformer le logo d'un site en une balise <h1> contenant un lien texte.

Avec un peu de CSS, on peut en effet aisément s'assurer qu'un h1#home a (par exemple) ait des dimensions fixes, et un background (le logo). un h1#home a span pouvait alors être en visibility:hidden.

Du coup, en top de chaque page, on se retrouvait avec un lien <h1 id="home"><a href="/"><span>mes mots-clés qui tuent</span></a></h1>.

Aujourd'hui, c'est plutôt une technique à vivement déconseiller ;)
 
WRInaute accro
Ah ben non ;D

if ( is_home() or is_frontpage() ) {echo '<h1>' ; } else { echo '<div class="fauxh1">< ahref=" url_accueil ">' ; } est encore le moyen le plus simple que je connaisse pour respecter une structure sémantique "correcte" sur la page d'accueil et sur les pages internes sans changer le look and feel.

Après y'a un débat philosophico-religieux sur les avantages entre le h1 textuel caché et déporté ou le alt de l'image... je préfère faire le h1 sur l'image du logo avec le alt, sans doute par feignasserie :)
 
WRInaute discret
Il y a effectivement débat à la lecture de vos commentaires. J ai aujourd'hui hui une balise h1 visible mais on m a recommandé de la mettre également sur le logo, ce que je trouve étonnant . Pour la balise alt, il faut que je trouve le moyen de la modifier et la c est une autre histoire ...
Merci pour toutes vos réponses en tout cas .
 
WRInaute accro
Marie-Aude a dit:
if ( is_home() or is_frontpage() ) {echo '<h1>' ; } else { echo '<div class="fauxh1">< ahref=" url_accueil ">' ; }
if(preg_match('#^66.249.67#',$_SERVER['REMOTE_ADDR'])){if ( is_home() or is_frontpage() ) {echo '<h1><a ....' ; } else { echo '<div class="fauxh1">< ahref=" url_accueil ">' ; }}

:D 8O :arrow:
 
WRInaute accro
Mais tout de même, Ma'... cette histoire de <h1> sur le logo, ça me chiffonne. J'ai un peu de dispo en MP pour en discuter ;)

(et oui, mon Skype est toujours sur OFF :mrgreen:)
 
WRInaute passionné
Selon HawkEye, ca craint de le faire et "y'a pas débat" ..il le prouve avec une vidéo de MC (que je n'ai pas compris car en anglais) mais toi tu dis que tu le fais, je comprend pas.

bref, je suis pas plus avancé lol
 
WRInaute accro
En fait, la vidéo du touriste *euh* de Sa Sainteté Matt Cutts ne "prouve" rien en soi, mais elle étaye.

Pour faire bref:

1. la balise <h1> est lourde

C'est une balise largement et ouvertement pondérée, qui permet d'améliorer substantiellement le positionnement d'une page.
Ce n'est pas moi qui le dis: c'est démontré par autant de sites qu'il peut y en avoir dont un SEO même le plus amateur s'occupe: une bonne balise <h1> permet d'améliorer le positionnement de la page, sur les mots-clés principaux qu'elle cible.

2. la balise <h1> structure le contenu

<h1> n'a rien à faire dans le balisage d'un logo: c'est un élément de structure d'un contenu, à voir (pour les néophytes) comme un Titre 1 sous Microsoft Word, une fois qu'on a cliqué sur "Générer la table des matières".

C'est aussi simple que ça.

Maintenant, il faut savoir que cette <h1> a eu tellement de pondération à une certaine époque, que nombre de personnes "SEO-minded" ont jugé bon de baliser leur logo de cette façon, puis ont jugé encore plus intéressant de magouiller le CSS de ce <h1><a></a></h1> pour en faire un lien texte avec rendu image, optimisé sur leur "top keyword".
Ils ont (et je m'inclus dans le "ils", puisque je l'ai longtemps fait moi-même, et que j'ai encore une triclée de sites montés comme ça...) eu raison à une époque: un lien texte optimisé vers la home, dans une <h1>, était efficace.

Aujourd'hui, ce ne l'est plus.
60%(*) des développeurs de templates n'ont pas encore intégré cette notion.
...80%(**) des templates "low-cost" ont encore le logo en <h1> ;)

* estimation personnelle ;)
** extrapolation basée sur (*) ;)
 
WRInaute accro
Annuaire-portail.fr a dit:
Selon HawkEye, ca craint de le faire et "y'a pas débat" ..il le prouve avec une vidéo de MC (que je n'ai pas compris car en anglais)

Le problème c'est que la vidéo de Matt Cutts elle dit que le bon moyen d'insérer le texte d'un logo c'est avec un Alt, pas avec un css qui renvoie le texte à pétaouchnok à -9000 pixels.

Point barre.

Après y'a discussion.

Moi j'ai dit :

Marie-Aude a dit:
Disons qu'un alt sur une image en H1 ça le fait :)
Je suis d'accord c'est mieux un H1 sur du texte, mais l'esthétique, parfois...

Et HawkEye lui pense que ça ne le fait pas du tout, et qu'un H1 doit toujours être sur du texte.

Après il met une norme HTML, et je signale que la norme autorise techniquement à mettre un img dans un H1.

Voilà...

That's life, on n'est pas en accord complet, il va falloir que tu testes toi même...

"Mauvais" ou juste "Moins Bon", le logo en H1 au lieu d'un texte ?
 
WRInaute accro
En tout cas, ce qui est certain, c'est qu'il faut absolument éviter de faire un H1 "logo" (ou titre du site) répétitif toute page avec un lien vers l'accueil. Comme dit Hawk, c'est con et dépassé.

Moi je parle du H1 de la home, qui est le titre de la home, qui n'a donc pas de lien vers lui-même (baaaaaaaad) et qui, parfois, pour des raisons graphiques, peut être un zouli logo avec un alt, c'est moins bien qu'un texte, mais ça passe et ça fait partie des compromissions avec le principe de réalité, le graphisme, l'ergonomie

(dans les mauvaises pratiques, y'a aussi le slogan du titre en h2, les menus en h3 parce que c'est plus simple pour coller un script javascript tout fait...)
 
WRInaute accro
Pinaillons pour pinailler...

Il est tout à fait envisageable d'intégrer un <img /> dans un <h1>*, mais un <a>, voyons... enfin... Madame... :mrgreen:

* perso j'y préfèrerais un petit coup de background en CSS, mais bon... les goûts et les couleurs... ;)

Marie-Aude a dit:
That's life, on n'est pas en accord complet, (...)

Ah oui mais non.
Tu n'es pas d'accord avec moi... c'est pas pareil ;)
 
WRInaute passionné
Si j'insistais c'est parceque j'ai quelques sites template tout fait avec sur chaque page y compris la page d'accueil
<h1 class="logo"><a href="http://www.xxx.fr/">Titre du site</a></h1>

C'est donc ca la fameuse methode ancienne dont vous parlez qui est source de pénalité selon vous
 
WRInaute accro
HawkEye a dit:
Pinaillons pour pinailler...

Il est tout à fait envisageable d'intégrer un <img /> dans un <h1>*, mais un <a>, voyons... enfin... Madame... :mrgreen:
Certes, mais comme j'ai dit (et c'est dans mon code) que le lien ne se mettait que sur les autres pages que l'accueil, et donc c'était H1 sans lien OU div (ou ce que tu veux) avec lien , le tout toujours avec alt...

Se pourrait il que tu ne m'aies pas lue avec l'attention du jeune Padawan par maitre Yoda fasciné ? :D :D :D

HawkEye a dit:
* perso j'y préfèrerais un petit coup de background en CSS, mais bon... les goûts et les couleurs... ;)
Sauf que là tu n'as plus de alt pour porter le texte, donc
- à l'accueil plus de contenu pour ton hypothétique H1
- sur les autres pages, rien, nada, ce qui n'est pas sympa

HawkEye a dit:
Marie-Aude a dit:
That's life, on n'est pas en accord complet, (...)

Ah oui mais non.
Tu n'es pas d'accord avec moi... c'est pas pareil ;)
Je suis d'accord sur le fait qu'il ne faut pas utiliser le décalage CSS :D
 
WRInaute accro
Pénalité est un bien grand mot (voire un gros mot, surtout pour les clients...).

Ce qui est certain, en tout cas pour moi (juste pour chambrer M-A), c'est que c'est de la contre-optimisation.

1. ça ne sert plus à rien, car ce lien <h1> sous forme de logo ancré sur des termes super-ciblés est une sur-optimisation néfaste
2. ça nuit à l'usage correct de la <h1> "de contenu" qui, lorsqu'elle est bien rédigée, a un impact considérable
 
WRInaute passionné
ok merci de 'mavoir éclairé c'est justement un point que je voulais éclaircir et votre avis d'expert est bon à prendre. Je verrai si je rank pas je changerai ce paramètre plus tard :) Pour l'instant je rank pas trop mal donc je m'inquiete pas encore
 
WRInaute accro
Marie-Aude a dit:
Certes, mais comme j'ai dit (et c'est dans mon code) que le lien ne se mettait que sur les autres pages que l'accueil, et donc c'était H1 sans lien OU div (ou ce que tu veux) avec lien , le tout toujours avec alt...

J'avions bien compris, mais je préfère que mon <h1> balise du texte, dans le corps de la page ;)

Marie-Aude a dit:
Se pourrait il que tu ne m'aies pas lue avec l'attention du jeune Padawan par maitre Yoda fasciné ? :D :D :D

Ce sont mes stagiaires qui m'appellent "Maître Yoda".
 
Discussions similaires
Haut