Collez le code HTML d'une page pour visualiser l'arborescence de ses titres H1 à H4, détecter les erreurs de hiérarchie et les problèmes courants.
Astuce : sur n'importe quelle page web, faites Ctrl+U pour voir le code source, puis Ctrl+A et Ctrl+C pour tout copier.
Les balises Hn (H1, H2, H3...) structurent sémantiquement votre contenu. Elles indiquent à Google la hiérarchie des informations sur la page et l'aident à comprendre de quoi elle parle. Une structure cohérente améliore aussi l'accessibilité et l'expérience de lecture.
| Balise | Rôle | Règle |
|---|---|---|
<h1> | Titre principal de la page | Un seul par page, contient le mot-clé principal |
<h2> | Sections principales | Plusieurs autorisés, structurent le plan de la page |
<h3> | Sous-sections | Sous-titres des H2, jamais avant un H2 |
<h4> | Détails imbriqués | Sous-titres des H3, utilisés avec parcimonie |
Les problèmes les plus courants sont : plusieurs H1 sur la même page (souvent causé par un thème WordPress mal configuré), des sauts de niveau (passer de H2 à H4 sans H3), des H2 utilisés pour le design plutôt que pour la structure, et l'absence totale de H1 sur une page.
Techniquement oui, HTML5 l'autorise dans des contextes de sections imbriquées. Mais en pratique SEO, la recommandation reste d'avoir un seul H1 par page. Google a indiqué tolérer plusieurs H1, mais la grande majorité des pages bien positionnées n'en ont qu'un. C'est aussi une question de clarté : un seul H1 = un seul sujet principal clairement défini pour l'internaute et le moteur de recherche.
La balise title s'affiche dans l'onglet du navigateur et dans les résultats Google (le titre cliquable du snippet). Le H1 s'affiche dans le contenu visible de la page. Ces deux éléments peuvent être identiques ou légèrement différents. Il est courant d'avoir un title optimisé pour le CTR ("Consultant SEO Paris | Expert en référencement") et un H1 plus direct et naturel ("Consultant SEO à Paris").
Dans votre navigateur, naviguez vers la page à analyser, puis appuyez sur Ctrl+U (ou Cmd+U sur Mac) pour afficher le code source. Sélectionnez tout avec Ctrl+A, copiez avec Ctrl+C et collez dans cet outil. Vous pouvez aussi faire clic droit sur la page puis "Afficher le code source de la page".
