Balises H1, H2, H3 : définition et fonctionnement

Faut-il un seul H1 par page ? Pour Google, non : John Mueller a indiqué qu’un site se positionne « parfaitement » avec aucun H1 ou avec cinq. Pour les lecteurs d’écran et la lisibilité, la règle reste d’en garder un seul. Voici ce que sont les balises H1, H2 et H3, ce que Google en fait réellement et comment vérifier celles de vos pages.

L’essentiel

• Les balises H1, H2 et H3 structurent le contenu en niveaux hiérarchiques, facilitant la lecture et l’interprétation.
• Google tolère plusieurs H1 sur une page et ne tient pas compte de l’ordre des titres pour la recherche.
• Le standard HTML autorise plusieurs H1, mais MDN le juge mauvaise pratique ; les bonnes pratiques d’accessibilité conseillent un H1 unique et une hiérarchie sans saut de niveau.
• Intégrer naturellement le mot-clé principal dans le H1 ; formuler des H2 en questions facilite l’extraction (extraits optimisés, réponses IA).
• Le code source (Ctrl+U), l’inspecteur du navigateur ou la fonction « Show Outline » du validateur HTML du W3C permettent de vérifier la structure des titres.

AFFICHER LE SOMMAIRE

Définition et rôle des balises H1, H2, H3

Qu’est-ce que les balises H1, H2, H3 ?

Les balises Hn sont des éléments HTML qui organisent le contenu selon une hiérarchie visible et sémantique. Le H1 désigne le titre principal d’une page, celui qui résume son sujet. Les H2 représentent les grandes sections, tandis que les H3 servent à structurer les sous-parties. Cette hiérarchie permet au lecteur de survoler la page et aux moteurs d’en repérer les sous-thèmes.

Voici l’exemple de plan donné par MDN : le H1 pose le sujet, les H2 découpent les parties, les H3 détaillent sans sauter de niveau.

<h1>Beetles</h1>
  <h2>Etymology</h2>
  <h2>Distribution and Diversity</h2>
  <h2>Evolution</h2>
    <h3>Late Paleozoic</h3>
    <h3>Jurassic</h3>
  <h2>External Morphology</h2>
    <h3>Head</h3>
      <h4>Mandibles</h4>
    <h3>Thorax</h3>

Le rôle des balises Hn pour Google, les lecteurs et l’accessibilité

Les balises titres servent trois usages distincts mais complémentaires :

• Pour Google, elles sont un signal sémantique visant à comprendre la structure et les sous-thèmes d’une page, sans toutefois exiger une hiérarchie stricte.
• Pour les visiteurs, ces titres améliorent la lisibilité et permettent de prendre rapidement la mesure du contenu.
• Pour les technologies d’assistance, comme les lecteurs d’écran, les balises Hn facilitent la navigation, notamment pour les personnes malvoyantes. Les bonnes pratiques d’accessibilité conseillent un H1 unique et une hiérarchie sans saut de niveau, et MDN déconseille de sauter un niveau pour les lecteurs d’écran.

Fonctionnement et bonnes pratiques SEO des balises H1, H2, H3

Hiérarchie et unicité : mythe ou réalité ?

Le SEO a longtemps imposé la règle d’une balise H1 unique par page. Google ne la reprend pas : John Mueller a déclaré qu’un site se positionne « parfaitement » avec aucun H1 ou avec cinq, et que les alertes des outils SEO sur ce point ne constituent pas, selon lui, un problème critique (Search Engine Journal, 2019). Pour l’ordre des titres, le SEO Starter Guide de Google indique que les placer dans le désordre n’a pas d’importance pour la recherche Google, même si un ordre sémantique reste « fantastique » pour les lecteurs d’écran. Le standard HTML autorise plusieurs H1, mais MDN considère cela comme une mauvaise pratique. Get Ranking juge de son côté qu’un seul H1 reste la règle la plus sûre en SEO comme en accessibilité.

La structure garde son intérêt : pour Mueller, les balises H1 sont une bonne façon de donner plus de structure à une page, que les utilisateurs et les moteurs comprennent.

Comment rédiger des titres efficaces en H1, H2 et H3

Pour optimiser ces balises :

• Intégrez dans le H1 le mot-clé principal, formulé de manière claire et naturelle.
• Utilisez les H2 pour segmenter le contenu selon des sous-thèmes. Selon Get Ranking, un H2 formulé comme une question, suivi d’une réponse directe, est le format le plus simple à extraire pour les extraits optimisés et les réponses IA.
• Les H3 doivent détailler sans multiplier inutilement les niveaux et sans créer de confusion.

Erreurs fréquentes à éviter dans le balisage des titres

Parmi les pièges courants :

• Multiplier les H1 sans raison : toléré par Google, mais déconseillé par MDN.
• Sauter des niveaux de titres, par exemple passer directement de H2 à H4.
• Répéter les mots-clés dans les titres : lecture pénible, sans gain.
• Utiliser des balises H uniquement pour la mise en forme visuelle, sans signification sémantique.

Ces erreurs nuisent surtout à la lisibilité et à l’accessibilité : pour Google, l’ordre des titres n’a pas d’importance (voir plus haut).

Vérification et outils pour auditer les balises H1, H2, H3

Inspection manuelle via code source et navigateur

Pour vérifier la structure, ouvrez le code source de la page (Ctrl+U) et recherchez les balises <h1>, <h2> et <h3>. Vous pouvez aussi utiliser l’inspecteur du navigateur (clic droit > Inspecter) pour examiner directement la hiérarchie et détecter les anomalies.

Outils et extensions pour analyser la structure des titres

Le validateur HTML du W3C propose une fonction « Show Outline » qui affiche la structure des titres de la page. Des extensions de navigateur affichent aussi les titres sous forme de plan indenté, et des audits automatiques contrôlent la présence et l’unicité du H1 ainsi que la hiérarchie.

Balises Hn dans les CMS et leur impact sur la structuration SEO

Sur WordPress, le titre de l’article est un H1 par défaut et l’éditeur propose H2 à H6 ; le piège est un constructeur de pages qui balise chaque titre de section en H1. Sur Shopify, le nom du produit est généralement le H1, et les éditeurs visuels comme Wix ou Squarespace associent chaque style de texte à un niveau de titre. Dans ces environnements, mieux vaut contrôler le résultat dans le code source.

Contextualisation et liens utiles pour approfondir

Pour aller plus loin : le cocon sémantique pour structurer le contenu pour le SEO, l’URL canonique pour éviter les contenus dupliqués, et Google Discover.

FAQ

Peut-on avoir plusieurs H1 sur une page ?

Pour Google, oui : John Mueller a indiqué qu’un site se positionne très bien avec aucun H1 ou avec cinq. Le standard HTML l’autorise, mais MDN le juge mauvaise pratique et les bonnes pratiques d’accessibilité conseillent un seul H1. Un seul H1 reste donc le choix le plus sûr.

Comment intégrer efficacement les balises H1, H2 et H3 sur WordPress ou Shopify ?

Sur WordPress, le titre de l’article est un H1 par défaut : les sections se balisent ensuite en H2 et H3 dans l’éditeur. Sur Shopify, le nom du produit est généralement le H1. Avec un constructeur de pages, vérifiez qu’il ne balise pas chaque titre de section en H1.

Quels outils permettent d’auditer la structure des balises Hn ?

Le code source (Ctrl+U) et l’inspecteur du navigateur suffisent pour un contrôle rapide. Le validateur HTML du W3C affiche aussi la structure des titres avec sa fonction « Show Outline ».