Vérificateur de balises de titre
Réponse courte
Vérifiez la hiérarchie des titres (H1-H6) pour une structure et un SEO corrects.
Ce qu’il ne fait pas: Il vérifie l’ordre, la présence et les titres vides, pas la longueur, la formulation ni les landmarks ARIA, et il lit le HTML brut : les titres ajoutés par des scripts ne sont pas vus.
Ce que ça fait
Liste les titres de votre page dans l'ordre et vérifie trois éléments : exactement un H1, aucun niveau sauté (comme un H2 suivi d'un H4) et aucun titre vide. Renvoie un score, le plan des titres et les vérifications qui ont échoué.
Pourquoi c'est important
Les titres remplissent deux rôles. Les utilisateurs de lecteurs d'écran passent de l'un à l'autre pour se repérer sur une page, et les moteurs de recherche les lisent pour comprendre comment le contenu est organisé. Un H1 manquant, des titres vides ou des sauts entre niveaux compliquent les deux.
Comment ça fonctionne
-
Saisissez l'URL d'une page ou collez son code HTML
-
Nous récupérons le HTML en direct et extrayons chaque H1 à H6 dans l'ordre du document
-
Validez le nombre de H1, l'ordre des titres et les titres vides
-
Renvoyez un score, le plan des titres et les vérifications qui ont échoué
Exemple d'entrée et de sortie
url: https://rankproof.eu/fr/tools
nombre de h1 : 1 OK
texte du h1 : "44 outils. Une plateforme."
titres au total : 56
profondeur max : H3
niveaux sautés : aucun OK
titres vides : 0 OK
H1 44 outils. Une plateforme.
H2 Analyse SEO
H3 Vérificateur de titre et méta description
H3 Vérificateur de balises de titre
… Comment lire le résultat
- Nombre de h1 (1 dans l'exemple)
- Le nombre de titres H1 de la page. Exactement un réussit. Plusieurs H1 sont du HTML valide et Google dit qu'ils ne posent pas de problème pour la recherche, mais l'outil en attend un, car un seul H1 qui nomme la page est le plus clair pour les lecteurs et les utilisateurs de lecteurs d'écran.
- Texte du h1
- Le titre principal tel que l'outil l'a trouvé, pour vérifier qu'il dit de quoi parle la page. Dans l'exemple, c'est le titre du catalogue d'outils.
- Titres au total (56) et profondeur max (H3)
- Le nombre d'éléments H1–H6 de la page et le niveau le plus profond utilisé. Une longue page avec beaucoup de H2 et de H3 est normale ; les chiffres montrent seulement la forme du plan.
- Niveaux sautés (aucun)
- Un titre plus d'un niveau plus profond que le précédent, comme un H2 suivi d'un H4, reçoit un avertissement : les utilisateurs de lecteurs d'écran qui naviguent par niveau peuvent croire qu'une section manque. Remonter de plusieurs niveaux, de H4 à H2, ne pose pas de problème.
- Titres vides (0)
- Les titres sans texte, souvent laissés par un champ de contenu vide ou un titre qui ne contient qu'une icône. Les lecteurs d'écran les annoncent comme des titres vides.
- Plan
- Les 40 premiers titres dans l'ordre du document, en retrait selon leur niveau, les vides signalés. Lisez-le comme une table des matières : s'il n'a pas de sens tout seul, la structure de la page n'en a probablement pas non plus.
Qui l'utilise
-
Éditeur de contenu
Vérifiez chaque article de blog avant publication pour une structure H1 → H2 → H3 propre, qui aide autant les lecteurs que les utilisateurs de lecteurs d'écran.
-
Spécialiste en accessibilité
Vérifiez l'ordre des titres page par page dans le cadre des tests WCAG 1.3.1.
-
Spécialiste SEO
Vérifiez que chaque page de destination possède un H1 unique qui indique clairement le sujet de la page.
Problèmes fréquents et comment les corriger
-
Pas de H1, ou le logo est le H1
Faites du titre propre à la page un H1 — nom du produit, titre de l'article ou nom de l'outil — et balisez le logo comme une image ou un lien, pas comme un titre. Un modèle qui place le logo dans un H1 donne le même titre principal à toutes les pages.
<header> <a href="/"><img src="/logo.svg" alt="Example Ltd – home"></a> </header> <main> <h1>Running Shoes and Trail Shoes</h1> -
Des titres choisis pour leur taille
Choisissez le niveau selon la structure et réglez la taille en CSS. Un titre de barre latérale qui paraît petit peut quand même être un H2 ; une grande phrase d'introduction qui n'ouvre pas de section doit être un paragraphe.
<h2 class="sidebar-title">Related guides</h2> <p class="lead">A larger introduction is a paragraph, not a heading.</p> -
Niveaux sautés
Passez le titre plus profond au niveau suivant (H2 puis H3, pas H4), ou ajoutez le titre de section manquant si du contenu manque vraiment.
-
Titres vides
Trouvez le modèle ou le bloc de contenu qui affiche un titre quand son champ est vide, et n'affichez rien dans ce cas. Un titre qui ne contient qu'une icône a besoin d'un texte visible, ou ne devrait pas être un titre.
-
Titres ajoutés par JavaScript
L'outil lit le HTML tel qu'il est livré : les titres qu'un script affiche plus tard manquent au plan. Générez le contenu principal côté serveur pour que les robots qui n'exécutent pas de scripts reçoivent aussi la structure.
Questions fréquentes
- Chaque page doit-elle avoir exactement un H1 ?
- Le HTML en autorise plusieurs, et Google a indiqué que plusieurs H1 ne posent pas de problème pour la recherche. Un seul H1 qui nomme le sujet de la page reste néanmoins le choix le plus clair pour les lecteurs et les utilisateurs de lecteurs d'écran, et c'est ce que cette vérification attend.
- Puis-je sauter des niveaux de titre ?
- Évitez-le. Un saut de H2 à H4 laisse penser aux utilisateurs de lecteurs d'écran qu'une section manque, et les tutoriels d'accessibilité du W3C recommandent d'imbriquer les titres dans l'ordre.
- Le H1 doit-il contenir le mot-clé principal ?
- Un H1 qui indique clairement le sujet de la page aide à la fois les lecteurs et les moteurs de recherche, et il contient généralement le sujet principal. Rédigez-le d'abord pour les personnes.
- Quelle longueur est idéale pour les titres ?
- Il n'y a pas de limite fixe. Gardez les titres courts et faciles à parcourir ; un titre très long signifie généralement que la section devrait être divisée. Cet outil ne mesure pas la longueur des titres.
- Vérifie-t-il les repères ARIA ?
- Non — cet outil vérifie uniquement l'ordre et la présence des titres. Les rôles de repère ARIA (main, nav, aside) sont une vérification distincte que cet outil n'effectue pas.
Sources
La documentation sur laquelle reposent cet outil et les explications de cette page.
- Headings — W3C Web Accessibility Initiative
- Understanding Success Criterion 1.3.1: Info and Relationships — W3C Web Accessibility Initiative
- Understanding Success Criterion 2.4.6: Headings and Labels — W3C Web Accessibility Initiative
- <h1>–<h6>: HTML section heading elements — MDN Web Docs
- SEO Starter Guide: The Basics — Google Search Central