Comprendre et utiliser la hiérarchisation de contenu pour le SEO

Les balises de titres (h1, h2, h3…h6) servent à structurer l’information dans une page web. Comment bien les utiliser pour améliorer le référencement naturel en plus de la lisibilité de la page ? Voici le guide ultime !

Définitions et norme HTML des balises HN

Définition

Les balises de titres H1, H2… H6 (parfois notées Hn) sont des balises servant à définir les différents niveaux de titres pour structurer un (gros) contenu éditorial sur une page HTML. C’est similaire aux différents styles Titre 1, Titre 2, Titre 3, etc. que vous pouvez trouver dans votre traitement de texte Word, Libre Office, Google Docs ou équivalent. Dans la norme HTML, il existe 6 niveaux de titres : H1 est le plus important, H6 le moins important. Remarque : j’utilise souvent dans cet article des majuscules pour noter ces niveaux de titres, mais en pratique dans le code HTML on utilise généralement des minuscules. Cela dit, la casse n’a pas d’impact.

A quoi servent les balises de titres ?

Il ne faut pas utiliser les balises H pour de la mise en forme, mais pour fournir une information sémantique. En d’autres termes, ces balises servent à définir des niveaux de titres, un découpage en sous-parties, bref une structure ou une hiérarchie des contenus de la page. Ne vous souciez pas de la mise en forme liée à chaque niveau de titre, les feuilles de styles CSS sont là pour définir leur apparence. Une bonne façon de voir si vous avez bien utilisé ces balises dans une page, c’est de voir si on peut facilement en faire une table des matières.

Les balises de titres dans la norme HTML

Selon HTML5, les attributs possibles des balises de titres sont tous les attributs globaux. Selon la norme HTML5 (source W3C), les balises de titres H1-H6 ne sont pas adaptées dans les cas suivants :
pour un fil d’ariane ou un nuage de tags : il vaut mieux utiliser les listes ul pour une conversation, le compte-rendu d’un événement minute par minute, le transcript d’un chat, les dialogues dans un scénario, les logs d’une conversation par messagerie instantanée : il vaut mieux utiliser des paragraphes, les notes de bas de page ou dans la marge (dans ce cas la balise est appropriée

Les titres H1-H6 et le référencement

Impact des balises de titres sur le référencement naturel

L’impact SEO direct existe mais il est faible, bien plus faible qu’on l’imagine souvent. Cela étant, vous auriez tort de ne pas les utiliser, notamment les H1. Regardez par exemple ce test de mai 2016 qui montre l’intérêt des H1 en SEO. Mais l’impact indirect me semble également très intéressant. En effet, ça incite à bien réfléchir au contenu et surtout à bien le structurer. Cela permet aussi d’inclure des expressions stratégiques dans les H, tant qu’on ne tombe pas dans la « suroptimisation ».

Combien de balises H1, H2, H3… maximum pour le référencement ?

C’est ridicule de se poser la question de cette façon ! Ce serait également idiot de penser « Je n’ai pas encore utilisé de H2 sur cette page, il faut donc que j’en ajoute pour améliorer mon référencement. Et si possible aussi quelques H3 ». Voici le raisonnement que vous devriez plutôt suivre : pour le titre éditorial principal de ma page, je choisis H1. si j’ai 3 parties dans mon contenu, alors je vais utiliser une balise H2 pour le titre de chacune des 3 parties. si dans une des parties de niveau 2 j’ai besoin de découper encore, j’utiliserai le niveau 3, donc des H3. Rappelez-vous une règle d’or : la structure des balises de titres de votre page doit permettre de se faire une très bonne idée de la structure de son contenu.

Les bonnes pratiques pour les balises h1 – h6 pour le référencement

Il s’agit généralement simplement de bon sens. Ne pas les respecter ne va plomber votre référencement, mais autant faire les choses comme il faut. J’ai essayé de les classer en mettant les règles les plus importantes en premier (parfois il y a des bonnes raisons de ne pas les suivre).

Pas de saut de niveau

Une balise Hn ne peut être suivie que par une balise H(n+1) dans l’ordre du code source : on ne saute pas de niveau. Par exemple, après une H1, il ne peut y avoir qu’une H2. Après une H3, il ne peut y avoir qu’une H4.

Pas de balise vide

Une balise Hn ne doit pas être vide. Si votre balise ne contient qu’une image (c’est possible), n’oubliez pas de remplir son attribut ALT, qui fera office de texte du titre.

Au moins une balise H1 par page

Une page doit au minimum avoir une balise H1 (sauf peut-être la page d’accueil), par contre il est tout à fait possible d’avoir uniquement une H1 et rien d’autre, pas même des H2.