Les titres sont la structure du document
H1, H2 et H3 sont des éléments de titre HTML qui organisent le contenu visible de la page. Un H1 énonce en général le sujet principal de la page ; les H2 découpent les grandes questions ; un H3 subdivise un H2 lorsque le niveau suivant apporte un sens supplémentaire. Ils aident le lecteur à parcourir la page, facilitent la navigation avec les technologies d’assistance et montrent le lien entre les sections. Ce ne sont ni un quota, ni un réglage de taille de police, ni une garantie de positionnement.
Une page peut avoir un H1 efficace sans reprendre mot pour mot une requête cible. Le test le plus solide consiste à vérifier que le titre décrit fidèlement le contenu qui le suit. Google peut s’appuyer sur les titres visibles pour composer les résultats de recherche, mais les titres des résultats et les snippets sont générés à partir de plusieurs signaux de la page. Un balisage de titre ne compense ni une page floue, ni une section trompeuse.
Choisir le plan de la page
Rédigez la séquence de contenu avant de la mettre en forme. Pour une entrée de glossaire, un H1 fourni par le gabarit peut nommer le terme ; les H2 peuvent couvrir la définition, le fonctionnement, la mise en œuvre et les erreurs ; les H3 peuvent détailler un même mécanisme. Pour une catégorie de produits, le H1 peut nommer la catégorie, pendant que les H2 expliquent les critères de choix, les variantes et les informations de livraison. Le bon plan découle de la tâche, et non d’une recette SEO figée.
| Niveau de titre | À utiliser quand | À ne pas utiliser pour |
|---|---|---|
| H1 | Le sujet central de la page | Un slogan décoratif sans rapport avec le contenu |
| H2 | Une grande question ou une étape de la page | Une simple phrase qui relève d’un paragraphe |
| H3 | Une véritable subdivision d’un sujet H2 | Créer un retrait visuel sans hiérarchie |
| Texte mis en forme | Une étiquette ou une légère mise en valeur | Faire passer une étiquette pour une nouvelle section du document |
Exemple concret : une page sur le rendu côté serveur pourrait utiliser des H2 intitulés « Ce que renvoie le SSR », « Quand le SSR change le mode de diffusion » et « Comment tester la réponse ». Sous le H2 consacré aux tests, des H3 peuvent distinguer le HTML initial, le statut HTTP et l’hydratation. Un H3 nommé « SSR » placé sous un H2 sans rapport produirait un plan incohérent.
Vérifier la hiérarchie après rendu
- Lisez la page dans l’ordre du plan et indiquez la question que présente chaque titre.
- Inspectez le DOM après rendu, et non le seul éditeur du CMS, pour repérer les éléments h1, h2 et h3 réels.
- Vérifiez que la navigation du gabarit, les cartes et les libellés de pied de page ne créent pas de séquences de titres trompeuses.
- Contrôlez les accordéons et les contenus injectés dynamiquement dans l’état rendu que reçoivent le crawler et l’utilisateur.
- Utilisez la liste des titres d’un lecteur d’écran ou l’arbre d’accessibilité du navigateur pour repérer les étiquettes sautées ou dupliquées.
Le critère mesurable est structurel : chaque titre correspond à une section liée, les niveaux n’impliquent pas un faux lien parent-enfant, et le contenu reste compréhensible lu comme un plan. Une page peut être parfaitement valide avec un seul H1 et plusieurs H2, sans aucun H3.
Erreurs fréquentes sur les titres
L’erreur courante consiste à choisir un titre pour sa taille visuelle, puis à répéter la même formule dans tous les H2 pour viser un mot-clé. Une autre consiste à créer plusieurs H1 dans des composants réutilisables séparés, sans relire la page assemblée. Un audit de contenu doit signaler les titres vides, dupliqués, déconnectés du contenu qui suit ou utilisés pour masquer un texte sans rapport.