Comment structurer correctement vos titres H1, H2 et H3 ?
- Les titres suivent un ordre logique (H1 > H2 > H3…), comme le plan d’un livre.
- Ne sautez pas de niveau (pas de H2 suivi directement d’un H4) : ça brouille Google et les lecteurs d’écran.
- Le niveau d’un titre est sémantique, pas une question de taille de police.
- Les titres, du H1 au H6
- Une hiérarchie, c’est comme le plan d’un livre
- La règle d’or : ne pas sauter de niveau
- Pourquoi ça compte pour Google
- Pourquoi ça compte pour l’accessibilité
- Le piège du style
- À quoi ressemble une bonne hiérarchie
- Comment vérifier et corriger
- En résumé
- Questions fréquentes
- Sources et références
Un titre, deux sous-titres, une sous-partie… vos pages ont une structure, même quand on ne la voit pas. Cette structure porte un nom — la hiérarchie des titres, du H1 au H6 — et quand elle est bien rangée, elle aide à la fois Google à comprendre votre page et les personnes qui utilisent un lecteur d’écran à s’y repérer. Bonne nouvelle : la régler proprement ne demande aucune compétence technique.
Les titres, du H1 au H6
Le HTML prévoit six niveaux de titres, du H1 (le plus important) au H6 (le plus fin). Le H1 annonce le sujet de la page, les H2 ouvrent les grandes sections, les H3 découpent ces sections en sous-parties, et ainsi de suite. Ce ne sont pas de simples effets de style : ce sont des étiquettes qui indiquent l’importance et l’imbrication de chaque partie.
Une hiérarchie, c’est comme le plan d’un livre
L’image la plus parlante est celle d’un livre. Le H1 est le titre de l’ouvrage, les H2 sont les chapitres, les H3 les sous-chapitres. Personne n’écrirait un livre avec un sous-chapitre avant son chapitre : la logique d’emboîtement doit être respectée. Votre page suit exactement le même principe.
La règle d’or : ne pas sauter de niveau
Le W3C, référence de l’accessibilité du web, est clair : il faut emboîter les titres par niveau et éviter de sauter des rangs. Concrètement, un H2 ne devrait pas être suivi directement d’un H4 : on passe du H2 au H3, puis au H4. Sauter un niveau, c’est comme arracher une page de la table des matières — on perd le fil.
Pourquoi ça compte pour Google
Google s’appuie sur cette structure pour comprendre de quoi parle votre page et comment ses parties s’articulent. Son propre guide recommande de découper les contenus longs en sections avec des titres pour aider à la navigation. Une hiérarchie claire, c’est une page que le moteur lit comme un plan bien fait, plutôt que comme un texte indifférencié.
Pourquoi ça compte pour l’accessibilité
C’est sans doute l’aspect le plus important, et le plus oublié. Les personnes qui utilisent un lecteur d’écran naviguent en sautant de titre en titre, comme on parcourt une table des matières. Si un niveau manque, l’outil signale une anomalie et l’utilisateur se demande s’il a raté du contenu. Une hiérarchie propre rend votre site utilisable par tous — et c’est aussi, de plus en plus, une obligation légale.
Le piège du style
L’erreur la plus courante : choisir un niveau de titre pour son apparence (« je mets un H3 parce que c’est la bonne taille ») plutôt que pour son sens. À l’inverse, mettre un texte en gras pour qu’il « ressemble » à un titre, sans utiliser de vraie balise de titre, prive les lecteurs d’écran de tout repère. Retenez : le niveau d’un titre exprime sa place dans le plan, pas sa taille. L’apparence, c’est le rôle du style, géré à part.
À quoi ressemble une bonne hiérarchie
Prenons une page « Nos services ». Elle pourrait s’organiser ainsi : un H1 « Nos services de plomberie », puis des H2 « Dépannage d’urgence », « Installation de chauffage », « Rénovation de salle de bain », et sous « Rénovation », des H3 « Devis gratuit » et « Délais ». On lit le plan d’un coup d’œil, sans aucun saut de niveau.
Comment vérifier et corriger
- Affichez le plan de titres de votre page (des extensions de navigateur le font, ou des outils d’accessibilité) pour voir la structure réelle.
- Dans votre éditeur, choisissez le niveau de titre dans le menu dédié (Titre 2, Titre 3…) plutôt que d’agrandir le texte à la main.
- Laissez Limpi repérer les sauts de niveau et les pages dont la hiérarchie est incohérente.
Emboîtez vos titres dans l’ordre (H1, puis H2, puis H3…) sans sauter de niveau, et choisissez le niveau pour son sens, jamais pour sa taille. Le style s’occupe de l’apparence.
Une hiérarchie de titres, c’est la table des matières invisible de votre page : bien rangée, tout le monde s’y retrouve — Google comme vos visiteurs.
En résumé
La hiérarchie Hn organise votre page comme le plan d’un livre : un H1, des H2 pour les sections, des H3 pour les sous-parties, sans jamais sauter de niveau. Cette structure aide Google à comprendre votre contenu et permet aux lecteurs d’écran de naviguer. Le bon réflexe tient en une phrase : choisissez le niveau d’un titre pour sa place dans le plan, pas pour son apparence — et laissez le style gérer le reste.
Questions fréquentes
C’est quoi la hiérarchie Hn ?
C’est l’ordre logique de vos titres : un H1 pour la page, des H2 pour les sections, des H3 pour les sous-parties, emboîtés sans saut de niveau.
Peut-on passer d’un H2 à un H4 ?
C’est à éviter. Sauter un niveau désoriente les lecteurs d’écran et brouille la structure de la page. Passez par le H3.
Combien de H1 par page ?
De préférence un seul, qui décrit le sujet principal de la page.
La taille du texte définit-elle le niveau d’un titre ?
Non. Le niveau est sémantique (la balise), pas une question de taille. Ne créez pas de « faux titres » en agrandissant ou en mettant du texte en gras.
Comment vérifier ma hiérarchie ?
Avec un outil de plan de titres (extension de navigateur ou outil d’accessibilité), ou via Limpi qui repère les sauts de niveau.
Sources et références
- W3C — Web Accessibility Initiative (WAI) — Headings (structurer une page)
- MDN Web Docs (Mozilla) — Les éléments de titre <h1>–<h6>
Vous voulez savoir ce qu'il en est sur VOTRE site ?
Limpi analyse votre site et vous dit, en clair, ce qui cloche et comment le corriger. Sans jargon.