Ce que sont les balises Hn
Le "H" vient de l'anglais heading, soit "en-tête". Les balises H1 à H6 sont des balises HTML qui définissent la hiérarchie des titres d'une page. H1 est le niveau le plus important, H6 le moins important. En pratique, on utilise surtout H1, H2 et H3. Les niveaux H4, H5, H6 restent marginaux et servent principalement à des usages d'interface (labels, encadrés).
| Balise | Rôle | Usage |
|---|---|---|
| H1 | Titre principal de la page | Un seul par page, décrit le sujet principal |
| H2 | Sections principales | Divise le contenu en grandes parties |
| H3 | Sous-sections dans un H2 | Détaille un point précis à l'intérieur d'une section |
| H4 à H6 | Labels d'interface, sous-sous-sections | Rarement nécessaires dans un article standard |
Leur rôle en SEO
Google utilise les balises Hn pour comprendre la structure et le sujet d'une page. Le H1 est le signal le plus fort : il dit à l'algorithme de quoi parle la page. Les H2 et H3 précisent les sous-thèmes couverts et enrichissent le champ sémantique.
Une page bien structurée avec des titres hiérarchisés est plus facile à indexer et à associer aux bonnes requêtes. À l'inverse, une page sans H1 ou avec des titres utilisés au hasard pour leur aspect visuel donne un signal de désorganisation que Google pénalise indirectement.
Au-delà du SEO, les balises Hn jouent un rôle d'accessibilité : les lecteurs d'écran utilisés par les personnes malvoyantes naviguent de titre en titre pour comprendre la structure d'une page. Une hiérarchie cassée rend la page inutilisable pour ces utilisateurs.
Les règles à respecter
- Un seul H1 par page. Deux H1 envoient un signal confus à Google sur le sujet principal. Les CMS WordPress génèrent parfois un H1 sur le titre du site ET sur le titre de l'article, à vérifier.
- Ne jamais sauter de niveau. Passer directement de H1 à H3 sans H2 entre les deux est une erreur de structure. La hiérarchie doit descendre progressivement.
- Ne pas utiliser les Hn pour leur style visuel. Un H2 ne sert pas à rendre du texte "gros et gras". Si vous voulez du texte en gras, utilisez
<strong>. Les balises de titre ont une valeur sémantique, pas décorative. - Inclure le mot-clé principal dans le H1. Pas de façon artificielle, mais il doit y figurer naturellement. Le H1 doit décrire exactement ce que contient la page.
- Varier les formulations dans les H2/H3. Répéter le même mot-clé dans tous les titres ressemble à du keyword stuffing. Les synonymes et variations sémantiques sont préférables.
- Formuler certains H2 comme des questions. Un H2 de type "Qu'est-ce que..." ou "Comment..." suivi d'une réponse concise est la structure que Google privilégie pour les featured snippets.
H1 vs balise title : ce n'est pas la même chose
La balise title est dans le <head> de la page et s'affiche dans les résultats Google. La balise H1 est dans le corps de la page et constitue le titre visible par le lecteur. Elles peuvent être légèrement différentes, mais leur contenu doit rester cohérent.
Les erreurs les plus fréquentes
Sur la quasi-totalité des sites que j'audite, je trouve au moins l'une de ces erreurs :
- Plusieurs H1 : souvent causé par un thème WordPress mal configuré qui enveloppe le nom du site dans un H1.
- Pas de H1 : la page a un titre visible, mais il est codé en div ou en p avec un style CSS. Google ne le voit pas comme un titre.
- Des H2 utilisés comme sous-titres décoratifs sans lien avec la structure du contenu, juste pour aérer visuellement.
- Des titres trop longs : un H2 de quatre lignes n'est plus un titre, c'est un paragraphe. Un titre doit être court et précis.
- Aucun H2 dans des articles longs : un texte de 1500 mots sans un seul H2 est un mur de texte illisible pour les humains comme pour Google.
Balises Hn et featured snippets
La structure H2/H3 joue un rôle dans l'obtention de positions zéro. Google sélectionne souvent un extrait de page pour répondre directement à une requête dans la SERP. La structure la plus favorable est une question en H2 (ou H3) suivie immédiatement d'une réponse courte et directe dans le paragraphe qui suit.
| Format de featured snippet | Structure Hn idéale |
|---|---|
| Définition courte (paragraph snippet) | H2 : "Qu'est-ce que X ?" + paragraphe de 40-60 mots immédiatement après |
| Réponse en liste (list snippet) | H2 : "Comment faire X ?" + liste <ol> ou <ul> avec étapes numérotées |
| Tableau comparatif (table snippet) | H2 : "Comparatif de X" + tableau <table> directement sous le titre |
Comment auditer les balises Hn d'un site
Pour vérifier la structure Hn de vos pages, plusieurs outils :
- Vérificateur de structure Hn : outil en ligne qui extrait et affiche la hiérarchie complète des balises de titres d'une page. Utile pour identifier les niveaux sautés ou les doublons de H1.
- Screaming Frog : crawle l'ensemble du site et exporte tous les H1, H2 en une seule vue. Permet d'identifier les pages sans H1, avec plusieurs H1, ou avec des H1 trop longs.
- Chrome DevTools : dans le panneau Elements, vous pouvez inspecter la structure HTML page par page. La commande
document.querySelectorAll('h1,h2,h3')dans la Console liste tous les titres de la page en ordre d'apparition.
Exemple d'une structure Hn correcte
Pour une page sur la "Redirection 301 en SEO" :
H1 : Redirection 301 : définition et cas d'usage en SEO
H2 : Qu'est-ce qu'une redirection 301 ?
H2 : Quand utiliser une redirection 301 ?
H3 : Lors d'une migration de site
H3 : Pour fusionner des pages similaires
H2 : Redirection 301 vs 302 : quelle différence ?
H2 : Comment implémenter une 301 dans le .htaccess ?
La structure est claire, chaque niveau est justifié, et les titres sont informatifs sans être keyword-stuffés.