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...
Je suis d'accord c'est mieux un H1 sur du texte, mais l'esthétique, parfois...
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
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
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
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 .
Merci pour toutes vos réponses en tout cas .
Il n'y a pas de débat qui tienne... :roll:
http://www.w3.org/TR/html-markup/h1.html
et (2009), https://www.youtube.com/watch?v=fBLvn_WkDJ4
http://www.w3.org/TR/html-markup/h1.html
et (2009), https://www.youtube.com/watch?v=fBLvn_WkDJ4
WRInaute accro
HawkEye a dit:
Pour être plus précise pour ceux qui sont perdus dans les documents de norme
Pour le H1
"Permitted elements : phrasing content"
Cliquer sur le lien : phrasing content is constitued of phrasing elements
http://www.w3.org/TR/html-markup/common-models.html#common.elem.phrasing
WRInaute accro
Lol j'ai pas bien placé la fin de mon else 
WRInaute accro
J'ai juste évité de répéter la réponse que j'avais déjà donnée...
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 (*)
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:
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...)
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...)
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...
Ah oui mais non.
Tu n'es pas d'accord avec moi... c'est pas pareil
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:
Ah oui mais non.
Tu n'es pas d'accord avec moi... c'est pas pareil
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
<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
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...HawkEye a dit:
Se pourrait il que tu ne m'aies pas lue avec l'attention du jeune Padawan par maitre Yoda fasciné ?
Sauf que là tu n'as plus de alt pour porter le texte, doncHawkEye a dit:* perso j'y préfèrerais un petit coup de background en CSS, mais bon... les goûts et les couleurs...
- à l'accueil plus de contenu pour ton hypothétique H1
- sur les autres pages, rien, nada, ce qui n'est pas sympa
Je suis d'accord sur le fait qu'il ne faut pas utiliser le décalage CSSHawkEye a dit:Marie-Aude a dit:
Ah oui mais non.
Tu n'es pas d'accord avec moi... c'est pas pareil
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
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
Marie-Aude a dit:
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é ?
Ce sont mes stagiaires qui m'appellent "Maître Yoda".
Discussions similaires
