Optimisation HTML : les tags H1 à H6 (2ème partie)

Dans le précédent article « Optimisation de code HTML : les tags H1 à H6 (1ère partie) », nous tâchions de définir précisément les balises H1 à H6. Dans cette seconde partie, nous tâcherons d’indiquer comment calibrer au mieux les balises H1 à H6 en vue d’un référencement optimal.

Des balises stratégiques pour le référencement

Les tags H1 à H6 et les autres tags HTML

Après la balise title d’une page web (titre de la fenêtre du navigateur), les balises H1 à H6 (titres et sous-titres du texte de la page) sont probablement les balises HTML les plus considérées par les moteurs de recherche. Elles sont donc presque incontournables dans l’optimisation d’une page web pour un meilleur référencement.

Les tags H1 à H6 entre eux

Toutes les balises H1 à H6 ne se valent pas. Les plus importantes parmi elles sont les balises H1, qui correspondent aux titres de premier niveau. Viennent ensuite les balises H2, puis les H3, etc… jusqu’à H6. Les titres doivent notamment être hiérarchisés pour une bonne optimisation. Pour davantage d’informations, consultez notre article Optimisation de code HTML : les tags H1 à H6 (1ère partie).

Les spécialistes SEO sont généralement d’accord pour dire que les balises H1, H2 et éventuellement H3 ont une véritable influence sur le référencement. Selon ces mêmes experts SEO, les suivantes (H4, H5 et H6) sont apparemment beaucoup plus sujettes à caution. Il est donc vivement recommandé d’insérer des mots-clés stratégiques surtout dans les balises H1 (en priorité) et H2. On veillera tout particulièrement à éviter les fautes d’orthographe.

Dans l’exemple suivant, les titres de la page ne sont pas optimisés :

<H1>Bouger à Paris</H1>
…
<H2>Que visiter ?</H2>
…
<H3>La tour Effeil</H3>
…
<H2>Où dormir ?</H2>
...
<H1>Partir pour Dunkerque</H1>
…

Il faut choisir avec soin les mots-clés à partir desquels les utilisateurs peuvent trouver la page web :

<H1>Voyage à Paris</H1>
…
<H2>La visite des monuments historiques</H2>
…
<H3>Visiter la tour Effel</H3>
…
<H2>Les hôtels à Paris</H2>
...
<H1>Le tourisme à Dunkerque</H1>
…

Comment bien rédiger les balises H1 à H6

SEO & internautes : le bon compromis !

En bon français, un titre doit refléter au mieux le contenu qu’il annonce. Or, un titre pertinent du point de vue de la langue n’est pas nécessairement optimal pour un bon référencement. Si un titre est correctement rédigé pour des lecteurs humains, il ne l’est pas forcément pour les moteurs recherche. Les critères d’appréciation sont différents.

Pour un bon référencement, un titre doit contenir des mots-clés stratégiques. Il faut donc trouver le meilleur compromis entre une rédaction à destination des internautes et une rédaction à destination des moteurs de recherche. Dans la pratique, la tâche peut être ardue. Il faut savoir être fin rédacteur pour glisser opportunément les bons mots-clés dans les titres.

Par exemple, le titre,

« Découvrez comment réussir votre mayonnaise »

peut convenir à des utilisateurs humains comme aux moteurs de recherche mais pour ces derniers, le titre suivant sera préférable :

« Recette d’une mayonnaise réussie »

Un prochain article détaillera comment, à partir d’astuces en CSS, placer facilement des mots-clés dans des balises H1 à H6.

Quelle taille pour les balises H1 à H6 ?

Il n’y a pas de taille canonique pour les titres. Ils peuvent être indifféremment courts ou longs. Il faut néanmoins surveiller la densité des mots-clés dans les titres. C’est un critère important. Cela peut justifier l’emploi plus récurrent de titres courts (ou éventuellement de longueur moyenne).

Dans l’exemple suivant,

« De ce qu’il faut retenir quant aux principes du marketing et les définitions associées »

la densité du mot-clé « marketing » est diluée par le nombre total de mots. On préférera donc le titre suivant,

« Le marketing, principes et définitions »

 scoopeo:Optimisation HTML : les tags H1 à H6 (2ème partie) fuzz:Optimisation HTML : les tags H1 à H6 (2ème partie) tapemoi:Optimisation HTML : les tags H1 à H6 (2ème partie) nuouz:Optimisation HTML : les tags H1 à H6 (2ème partie) pioche:Optimisation HTML : les tags H1 à H6 (2ème partie) digg:Optimisation HTML : les tags H1 à H6 (2ème partie) del.icio.us:Optimisation HTML : les tags H1 à H6 (2ème partie) spurl:Optimisation HTML : les tags H1 à H6 (2ème partie) newsvine:Optimisation HTML : les tags H1 à H6 (2ème partie) furl:Optimisation HTML : les tags H1 à H6 (2ème partie) reddit:Optimisation HTML : les tags H1 à H6 (2ème partie) fark:Optimisation HTML : les tags H1 à H6 (2ème partie) blogmarks:Optimisation HTML : les tags H1 à H6 (2ème partie) Y!:Optimisation HTML : les tags H1 à H6 (2ème partie)

4 commentaires pour “Optimisation HTML : les tags H1 à H6 (2ème partie)”

  1. Pierre dit :

    Merci, enfin un article clair sur l’optimisation de ces balises :)

  2. François dit :

    Super l’article ! Vivement les astuces CSS… je suis curieux de voir ça.

  3. AnnuaireCadeau dit :

    Bon article, j’ajouterai que l’accessibilité reste un point essentiel pour construire de bonne pages web.

  4. Jeff dit :

    Pour le référencement, ces balises ont une importance capitale. J’ai déja remarqué des gains de places importants grace a ces balises !
    Principalement la balise H1 !

Laisser un commentaire