Une page bien structurée se lit comme un plan de dissertation : un titre principal, des parties, des sous-parties, chacune imbriquée sous la précédente sans en sauter aucune. Cette hiérarchie n’est pas qu’une question de mise en forme visuelle, elle sert de carte de navigation aux lecteurs d’écran, qui permettent de sauter directement d’un titre à un autre.
Règles de construction
Une page ne devrait contenir qu’un seul <h1>, généralement le titre de l’article, suivi de <h2> pour les sections principales, puis de <h3> pour leurs sous-sections, sans sauter directement d’un <h2> à un <h4>. Le choix du niveau doit refléter la structure du contenu, jamais la taille visuelle souhaitée : c’est le CSS, pas le niveau de titre, qui règle l’apparence.
Dans WordPress
L’éditeur de blocs Gutenberg affiche un avertissement dans le panneau « Plan » (icône de liste dans la barre d’outils) quand la hiérarchie saute un niveau, ce qui aide à corriger la structure directement pendant la rédaction. Un thème doit veiller à ce que le titre du site et celui de l’article ne se disputent pas tous deux la place de <h1> sur la même page.
Exemple
<h1>Cache de page</h1>
<h2>Fonctionnement</h2>
<h3>Cache de page complet</h3>
<h3>Cache de fragments</h3>
<h2>Bon à savoir</h2>
Pièges fréquents
Choisir un niveau de titre uniquement parce qu’il produit visuellement la taille de police désirée, sans respecter l’ordre logique de la page, casse la navigation par titres pour les utilisateurs de lecteurs d’écran, même si le rendu visuel paraît irréprochable.