Analyseur de balises de titre
Le plan de chaque page, de H1 à H6
Cet analyseur de balises de titre dessine le plan de n’importe quelle page : chaque titre dans l’ordre, indenté selon son niveau, avec les niveaux sautés et les titres vides signalés. Collez une adresse, ou collez directement le balisage.
- GratuitPrix
- 2Modes
- AucuneInscription
- RienStocké
Analyseur de balises de titre
Le plan H1 à H6 d’une page, et l’endroit où il casse
- Titres
- 0
- Balises H1
- 0
- Niveaux sautés
- 0
- Titres vides
- 0
- Niveau le plus profond
- —
Prêt. Collez une adresse, ou passez en mode balisage et collez la page elle-même.
À quoi sert un plan de titres
Les titres ne sont pas du gros texte. Ils sont la table des matières qu’une page construit pour elle-même et, en effet, deux groupes lisent cette table plutôt que la page.
Les utilisateurs de lecteurs d’écran sautent de titre en titre pour atteindre la partie voulue. De même, les robots lisent cette structure pour comprendre ce que couvre une longue page.
C’est pourquoi un plan sans H1, ou qui saute de H2 à H4, se lit comme une table des matières à laquelle il manque des chapitres.
L’Initiative pour l’accessibilité du Web du W3C le dit de la même façon dans son guide sur la structure de page : les titres décrivent des sections, et les niveaux décrivent comment ces sections s’imbriquent.
Un seul H1, et pourquoi
Le H1 dit de quoi parle toute la page. Un seul, en haut, correspondant au sujet de la page.
Techniquement, HTML5 en permet plusieurs, car les sections devaient créer leurs propres plans. Cependant, les navigateurs n’ont jamais mis ce plan en œuvre, donc en pratique un seul H1 reste la règle.
Un vérificateur de H1 est donc l’audit de page le plus rapide qui soit. Aucun H1 ou trois balises H1 signalent tous deux un problème de modèle plutôt que de rédaction.
Pourquoi un niveau sauté compte
Un saut de H2 à H4 indique aux technologies d’assistance qu’une sous-section se trouve dans quelque chose que personne n’a jamais ouvert.
La correction est presque toujours visuelle. Quelqu’un voulait un texte plus petit et a pris un niveau inférieur, or la référence des éléments de titre est claire : la taille relève du CSS.
Donnez au H3 le style que vous voulez. Ainsi, le plan reste honnête et la page garde la bonne allure.
Les titres vides
Un titre qui entoure une image, une icône ou rien du tout. Un lecteur d’écran annonce alors "titre, vide", ce qui est pire que pas de titre, c’est pourquoi cet analyseur signale chacun d’eux.
Deux vues d’une même page
Le mode adresse récupère une page en ligne via ce serveur, car votre navigateur n’a pas le droit de lire un autre site à votre place.
Le mode balisage lit ce que vous collez, entièrement dans votre onglet. Il couvre ainsi un site de préproduction protégé, une page encore dans l’éditeur ou un fragment de modèle.
La ligne d’état indique quel mode tourne. De plus, en mode balisage rien ne quitte l’onglet, et le pied de page le précise.
Comment les gens utilisent vraiment un plan
Un lecteur d’écran peut lister tous les titres d’une page et sauter directement à l’un d’eux. Cette liste est le plan que dessine cet outil, dans le même ordre.
Les lecteurs voyants font quelque chose de semblable à l’œil. Ils parcourent la page à la recherche d’un titre qui correspond à ce qui les amène, puis lisent à partir de là.
Les deux comportements récompensent la même chose : des titres qui décrivent leur section et se trouvent au bon niveau. En revanche, aucun ne récompense un mot-clé casé de force dans un H2.
Écrivez donc d’abord le plan, puis remplissez-le. Une page qui se lit bien comme liste de titres se lit en général bien comme prose.
Titres et pages longues
Une page longue vit ou meurt par son plan. Au-delà d’un millier de mots, personne ne lit de haut en bas et, par conséquent, les titres deviennent la navigation.
De plus, Google tire des liens de section d’une structure claire pour certains résultats, ce qui donne à une page longue plus d’un point d’entrée.
Par conséquent, une page de quinze sections a besoin de quinze titres honnêtes, pas de cinq titres et dix lignes en gras.
Lire l’arbre que dessine cet outil
L’arbre indente chaque titre sous le précédent, donc un saut de H2 à H4 apparaît comme un vide visible plutôt que comme un avertissement à lire.
Le rouge gras signale le second H1, si la page en porte un. C’est le défaut à corriger en premier.
Les titres vides apparaissent sous forme de tiret. En effet, un titre qui ne contient qu’une icône ne dit rien à un lecteur d’écran.
De plus, le décompte en haut indique combien de titres de chaque niveau la page utilise. Neuf H3 sous un H2 signifient en général que la section demandait à être scindée.
Les titres ne sont pas une astuce de classement
Bourrer un H2 de mots-clés ne marche plus depuis longtemps. Une structure de titres claire aide un robot à comprendre une longue page et, surtout, elle aide bien davantage un lecteur, ce qui est la meilleure raison.
Sur cette page
- L’outil
- À quoi sert un plan de titres
- Comment utiliser l’analyseur de balises de titre
- Ce qui distingue cet analyseur de balises de titre
- Des règles pour une structure de titres propre
- Six erreurs de titres sur de vrais sites
- Vos questions sur les balises de titre
- Des outils pour le reste de la page
Continuer
Comment utiliser l’analyseur de balises de titre
Trois étapes, et le plan apparaît sous forme de liste à lire de haut en bas.
- 1
Choisissez un mode
Une adresse en ligne, ou un balisage que vous collez. Le mode balisage n’envoie rien nulle part, c’est pourquoi il convient à une page pas encore publiée.
- 2
Lancez-le
Le plan se remplit, indenté par niveau, avec le nom de la balise sur chaque ligne. De plus, les lignes orange sont des niveaux sautés et les rouges des titres vides.
- 3
Lisez les constats
Sous le plan, les défauts apparaissent en termes clairs : pas de H1, plusieurs balises H1, niveaux sautés, titres vides et tout ce qui est anormalement long.
- 4
Corrigez les niveaux, pas les tailles
Presque chaque niveau sauté est une décision de taille de police. Par conséquent, modifiez le CSS et laissez le titre au niveau que mérite sa position.
Ce qui distingue cet analyseur de balises de titre
La plupart impriment une liste plate de titres. Ici, au contraire, les différences tiennent à l’indentation, aux défauts et au second mode.
Un plan indenté
Chaque ligne se place à son propre niveau, donc un saut de H2 à H4 se voit au lieu de devoir être compté.
Le mode balisage
Collez un fragment depuis votre éditeur. Rien n’est récupéré ni envoyé, ce qui compte pour un travail non publié.
Des défauts nommés en mots
Sauté, vide, absent. Chaque constat dit quoi faire au lieu de noter la page sur cent.
Les blocs script ignorés
Les titres dans script, style, template ou les commentaires ne sont pas de vrais titres, donc aucun n’entre dans le décompte.
Pas d’analyseur DOM, volontairement
Ce site bloque l’analyse DOM de balisage non fiable, donc le scan trouve les balises par leur forme. Ainsi, la page d’un inconnu ne peut jamais entrer dans ce document.
Un plan copiable
Un seul appui vous donne toute la structure en texte indenté, prête pour un ticket, une revue ou un document.
Des règles pour une structure de titres propre
Les titres sont faciles à réussir et pénibles à corriger plus tard. Ces huit règles couvrent presque tous les cas.
- Un H1 unique, placé en tête de page. Il nomme la page. Si deux choses d’une page méritent un H1, vous avez probablement deux pages.
- Ne sautez jamais de niveau en descendant. H2 suit H1, et H3 suit H2. Remonter est permis, puisqu’un nouveau H2 ouvre simplement la section suivante.
- Utilisez le CSS pour la taille. Choisissez le niveau selon la position dans le plan, puis stylez-le. Un titre choisi pour sa taille de police casse la structure pour tous ceux qui ne la voient pas.
- Écrivez des titres qui tiennent seuls. Quelqu’un qui parcourt la liste de vos titres doit comprendre la page. "Aperçu" ne lui dit rien.
- Faites-les courts. Pas plus de neuf ou dix mots. Les gens parcourent les titres plutôt que de les lire, donc un titre de la longueur d’une phrase manque son but.
- N’enveloppez pas une image dans un titre. Un lecteur d’écran annonce alors un titre vide. Mettez le texte dans le titre et le logo à côté.
- Vérifiez le modèle, pas une page. Un défaut de titre dans un modèle se répète sur chaque page construite avec lui, donc un contrôle en couvre des centaines.
- Revérifiez après une refonte. Les nouveaux thèmes changent les niveaux de titre pour suivre leur échelle typographique, et c’est là qu’apparaît en général un trou dans le plan.
Six erreurs de titres sur de vrais sites
Aucune ne se voit dans un navigateur. Les six se voient dans un plan.
Le logo en H1
Fréquent sur les anciens thèmes. Chaque page prétend alors parler du nom de l’entreprise, et aucune ne dit ce qu’elle couvre vraiment.
Un H4 choisi pour sa taille
Le designer voulait un texte plus petit. Le plan a maintenant un trou, et les technologies d’assistance signalent une sous-section sans parent.
Plusieurs balises H1 venant de widgets
Une barre latérale, un pied de page et un hero en ajoutent chacun un. La page finit par revendiquer trois sujets.
Des titres utilisés pour la mise en valeur
Une ligne en gras au milieu d’un paragraphe balisée en H3. Elle apparaît dans le plan comme une section qui n’existe pas.
Des titres vides autour d’icônes
Une forme décorative dans des balises de titre s’annonce comme un titre vide, ce qui est du bruit pour quiconque écoute.
Aucun H1 sur une page d’atterrissage
Les constructeurs de pages l’oublient plus souvent que tout le reste, et la page perd le seul titre qui nomme son sujet.
Vos questions sur les balises de titre
Faut-il un ou plusieurs H1 par page ?
Une. En théorie, HTML5 en autorise davantage, mais aucun navigateur n’a jamais mis en œuvre le plan dont dépendait cette idée, donc un vérificateur de H1 traite toujours une seconde balise comme un constat.
Un niveau de titre sauté nuit-il au SEO ?
Très peu en soi. Cependant, il nuit clairement à l’accessibilité, puisque les utilisateurs de lecteurs d’écran naviguent par titres, et cela suffit à justifier la correction.
Puis-je vérifier une page qui n’est pas encore en ligne ?
Oui. Passez en mode balisage et collez le HTML. Dans ce mode, rien ne quitte votre onglet, donc un travail non publié reste sur votre machine.
Pourquoi le décompte diffère-t-il de mon éditeur ?
Cet analyseur de balises de titre ignore les titres situés dans les blocs script, style, template et les commentaires. En effet, ce ne sont pas de vrais titres, même s’ils en ont l’air.
La hiérarchie des titres a-t-elle de l’importance ?
Énormément. Le plan se lit de haut en bas, donc un titre de section placé après le contenu qu’il présente déroute autant le lecteur que le robot.
Et un H1 dans l’en-tête du site ?
Il compte et, sur la plupart des thèmes, c’est le logo. Par conséquent, toutes les pages ont le même H1, ce qui est le constat le plus fréquent de cet outil.
Faut-il glisser des mots-clés dans les titres ?
Naturellement, oui. Délibérément, non. Après tout, un titre qui décrit sa section contiendra les mots que les gens recherchent sans aucune aide.
Et les titres dans un nav ou un footer ?
Ils comptent, car ils sont dans le document. De plus, un H2 répété dans un pied de page mérite d’être connu, puisqu’il apparaît sur chaque page.
Combien de mots mettre dans un intertitre ?
Pas plus de neuf ou dix mots. L’analyseur note tout ce qui dépasse soixante-dix caractères, soit à peu près le point où un titre ne se parcourt plus d’un coup d’œil.
Suit-il les redirections ?
Jusqu’à cinq, et chaque saut repasse par tous les contrôles avant la requête suivante. Par conséquent, le plan obtenu appartient à la page où la chaîne s’arrête.
Les titres d’une barre latérale comptent-ils ?
Oui, car ils sont dans le document. Un H2 de barre latérale répété sur chaque page mérite l’attention et, de plus, le plan montre exactement où il se place.
Puis-je exporter la liste des titres analysés ?
Appuyez sur le bouton de copie et vous obtenez toute la structure en texte indenté, avec le niveau sur chaque ligne. Elle se colle ainsi proprement dans un ticket ou un document de revue.
L’adresse vérifiée est-elle stockée ?
Non. Elle sert une requête puis disparaît et, de plus, ce serveur ne garde aucune copie de la page.
Des outils pour le reste de la page
Le plan n’est qu’une couche de la revue on-page. Ces trois outils couvrent les autres.
Le bloc head de la même adresse, avec les manques nommés.
Ouvrir l’outil →Cinq formules appliquées à la rédaction sous ces titres.
Ouvrir l’outil →Extrayez le texte brut d’une page en gardant les sauts.
Ouvrir l’outil →
On affiche la structure de votre page ?
Collez une adresse ou votre balisage, puis lisez le plan de haut en bas. L’analyseur de balises de titre est gratuit, ne demande aucun compte et ne garde aucune trace de la page.