Hiérarchie et bonnes utilisations des balises h1, h2

Lio7 · 28 Janvier 2008

Bonsoir,

Cela fait un mois que j'ai commencé ma campagne de référencement. J'ai donc lu un bon nombre de sujets ici mais une question me trotte dans la tête depuis un moment.

J'ai toujours lu ici (et ailleurs) que les balises de titre h1, h2, h3 ... étaient primordiales et donc à soigner aux petits oignons. Voici ce que j'ai retenu :

h1 : Le Titre de la page, de préférence unique
h2 : Les sous-titres ou chapitres de la page
h3 : Les sous parties ... etc

Jusqu'ici j'ai bon ?

le truc, c'est que sur bon nombre de sites et même de CMS ! La balise h1 est utilisé comme un conteneur de l'image en header donc ne contient aucun keyword.
Le titre réel de la page (Actualités, Contact, Livre d'or ...etc) étant placé dans une balise h2.

J'ai aussi vu ça : une balise h1 en header plus une autre comme titre. Mais la balise h1 ne doit-elle pas être unique ?

Bref, où est le bon dans tout ça ? Sur mes pages j'ai choisi ceci :
Code:
<title>Titre que je mettrai en h1</title>

<div>Header</div>

<h1>Le Titre général : actualités, livre d'or, références ...</h1>
<h2>Titre d'une actualité, d'un article de blog</h2>
<h3>Sous parties si article long ...</h3>
Merci de m'éclairer sur mes choix en sémantique

Bonne soirée !

Chrisbe · 28 Janvier 2008

De nombreux designer utilisent effectivement la balise H1 pour le header de la page. Et il y a une certaine logique la dessous.

Perso j'évite pour des questions de référencement.

Et oui, sémantique et référencement ne font pas toujours bon ménage, bien qu'ils forment en général un beau couple...

nickargall · 29 Janvier 2008

En ce qui concerne l'utilisation d'un H1 dans une image, on peut tout à fait placer un attribut ALT à l'image, qui sera ainsi considéré quasiment à la même valeur que du texte classique (je dis quasiment passque je suis pas sur, ça a peut être la même valeur)

Chrisbe · 29 Janvier 2008

Tu peux aussi mettre du texte directement dans le h1 et utiliser une méthode de remplacement par l'image (attention à ne pas abuser, le but n'est pas de mettre du texte caché !!).

C'est d'ailleurs a conseiller si tu mets l'image du header dans un h1 car cela permet de mettre du texte lisible par les personnes souffrant d'un handicap (par exemple nom de la société, slogan).

linkE0 · 5 Février 2008

Utilisation d'un id dans la balise H1

En rapport avec l'optimisation des balises H1 je souhaitait savoir si quelqu'un avait testé l'utilisation d'un Id dans son H1 du style :
<h1 id="logoH1" ><a title="test test test" href="/" >Yoyoyoyo</a></h1>
Et si il avait constaté des changement sur son référencement??? en bien ou en mal lol

merci

Pandore · 5 Février 2008

Perso, j'utilise la "h1" sur le header de la page uniquement que pour la page d'accueil.

Marie-Aude · 5 Février 2008

C'est vrai que beaucoup de CMS font ça, et je trouve ça assez dommage.

Perso, je mets mon beau header en background avec du texte "général" comme le nom du site, et ensuite je mets mon H1 en texte, différent par page, et intégré au design du header. C'est un tout petit peu moins joli, mais beaucoup plus efficace.

Dans un CMS comme Wordpress, l'image est en background, et le titre est modulable via des plugins ou en mettant soi même les mains dans le code.

Chrisbe · 5 Février 2008

Re: Utilisation d'un id dans la balise H1

linkE0 a dit:

En rapport avec l'optimisation des balises H1 je souhaitait savoir si quelqu'un avait testé l'utilisation d'un Id dans son H1 du style :
<h1 id="logoH1" ><a title="test test test" href="/" >Yoyoyoyo</a></h1>
Et si il avait constaté des changement sur son référencement??? en bien ou en mal lol

merci
Cliquez pour agrandir...

Un lien dans un H1 c'est pas top.

En ce qui concerne l'id dans le H1 pas de soucis si c'est pour adapter la mise en forme du H1 au site, mais pas si c'est pour créer un faux titre uniquement pour les moteurs de recherche.

linkE0 · 6 Février 2008

Re: Utilisation d'un id dans la balise H1

Un lien dans un H1 c'est pas top.

En ce qui concerne l'id dans le H1 pas de soucis si c'est pour adapter la mise en forme du H1 au site, mais pas si c'est pour créer un faux titre uniquement pour les moteurs de recherche.[/quote]

Au contraire je pensais qu'un lien dans un H1 c'était pas mal? qu'est ce qui te fais dire que c'est moyen?

Chrisbe · 6 Février 2008

D'un point de vue sémantique ce n'est pas logique, un h1 c'est le titre principal d'une page, ce n'est pas un lien de navigation.

Au lancement de Live de Microsoft, j'avais même lu qu'ils portaient attention à ce type de bidouilles mais je ne sais pas si c'est vrai ou si c'est toujours d'actualité.

Mais par principe j'éviterais.

Similar Threads - Hiérarchie bonnes utilisations	Forum	Date
Hiérarchie des titres avec un builder	Débuter en référencement	8 Décembre 2018
Hiérarchie balises Hn et off canvas menu	Débuter en référencement	29 Mai 2018
Problème hiérarchie de classes php.	Développement d'un site Web ou d'une appli mobile	9 Janvier 2018
Homepage : hiérarchie des titres ?	Débuter en référencement	31 Octobre 2016
Conseils sur l'ordre des balises Hn (hiérarchie)	Rédaction web et référencement	26 Décembre 2015
Question sur la Hiérarchie Hn	Développement d'un site Web ou d'une appli mobile	5 Août 2015
Hiérarchie du contenu (catégories) dans les URLs	Référencement Google	31 Janvier 2015
Hiérarchie des liens d'une page	Netlinking, backlinks, liens et redirections	1 Mars 2014
Mauvaise hiérarchie des balises Hn : Quels risques ?	Débuter en référencement	17 Juillet 2013
Les moteurs de recherche interprètent‑ils la hiérarchie thématique des forums ?	Débuter en référencement	6 Février 2012