Conseils · HTML

Hiérarchie H1-H6 : structurer les titres d’une page

Les titres ne servent pas uniquement à agrandir du texte. Ils décrivent la structure logique du contenu et permettent au lecteur, aux technologies d’assistance et aux moteurs de recherche de comprendre rapidement la page.

Guide pratiqueHTML

Partir du sujet principal

Le H1 doit exprimer le sujet central de la page. Les H2 découpent ensuite les grandes parties et les H3 détaillent un sous-point quand cela est réellement utile.

  • Conservez un H1 principal clair.
  • Faites correspondre chaque H2 à une vraie partie du contenu.
  • Utilisez les H3 pour approfondir un H2, pas pour choisir une taille de police.

Éviter une hiérarchie artificielle

La structure doit suivre la logique du contenu. Sauter directement d’un H2 à un H4 ou multiplier les titres courts pour des raisons purement visuelles rend la page plus difficile à parcourir.

  • Ne choisissez pas un niveau de titre pour son apparence.
  • Évitez les titres vides ou génériques comme « Divers ».
  • Gardez des intitulés qui annoncent clairement ce qui suit.

Tester la page comme un sommaire

Un bon contrôle consiste à lire uniquement la suite des titres. Sans les paragraphes, vous devez encore comprendre le cheminement de la page et l’ordre des idées.

  • Relisez uniquement H1, H2 et H3.
  • Vérifiez que deux titres voisins ne répètent pas la même promesse.
  • Réécrivez les titres trop vagues avant d’ajouter du contenu.

Checklist pratique

  • Un seul sujet principal clairement identifiable.
  • Des H2 correspondant aux grandes sections.
  • Des H3 utilisés uniquement quand un sous-niveau est nécessaire.
  • Aucun niveau choisi pour sa taille visuelle.
  • Un sommaire de titres compréhensible sans lire les paragraphes.

Conclusion

Une hiérarchie Hn simple et cohérente améliore immédiatement la lisibilité d’une page. Elle évite aussi d’avoir à corriger la structure plus tard lorsque le contenu s’allonge.