Hiérarchie des titres HTML (H1-H6) : impact sur l'accessibilité et le SEO

Pourquoi la hiérarchie des titres est critique

Les utilisateurs de lecteurs d'écran naviguent souvent dans une page en listant ses titres (touche H dans NVDA). Une hiérarchie incohérente (H2 après H4, plusieurs H1, titres pour le style et non la structure) rend cette navigation impossible.

Les règles fondamentales

• Un seul H1 par page (le titre principal)
• Ne pas sauter de niveau (pas de H4 sans H3)
• Les titres reflètent la structure du contenu, pas un style typographique
• Les H2 sont les sections principales, les H3 leurs sous-sections

Les erreurs fréquentes

Titre pour le style

<!-- ERREUR -->
<h3>Texte mis en évidence</h3>

<!-- CORRECT -->
<strong class="text-lg">Texte mis en évidence</strong>

H1 dupliqué

Certains templates mettent le nom du site en H1 dans le header ET le titre de la page en H1 dans le body. Un seul H1 par page est la règle.

Impact SEO

Google utilise les titres Hn pour comprendre la structure du contenu, exactement comme les lecteurs d'écran. Une bonne hiérarchie améliore simultanément l'accessibilité et le référencement naturel. C'est l'un des rares critères RGAA à bénéfice SEO direct.