Le Heading Structure Analyzer de Screpy liste les éléments H1–H6 dans l’ordre du code source et signale les titres vides, niveaux sautés et H1 absents ou multiples. Utilisez ce plan pour examiner les liens entre sections avant modification. Compteurs et avertissements décrivent le HTML récupéré, pas un score de classement Google ou une évaluation complète de l’accessibilité.
Lisez le plan HTML dans l’ordre du code source
Saisissez une URL HTTP/HTTPS publique fournissant du HTML lisible. Le rapport indique niveau, texte extrait et ligne source de chaque titre. Lisez d’abord toute la liste, puis les alertes. Le lecteur devrait comprendre la progression générale sans consulter chaque paragraphe.
Les barres comptent les titres par niveau ; plus haut ne signifie pas mieux. Le retrait représente le niveau HTML, pas taille de police, position visuelle ou importance. Un grand paragraphe peut ressembler à un titre sans être H2 ; un H3 stylisé reste H3 dans ce plan.
Jusqu’à 1 000 lignes sont conservées, avec 500 caractères par titre. Les compteurs peuvent donc couvrir davantage de titres que la liste visible. Une coupure de texte ou une limite de lignes produit un avertissement de couverture partielle. Ne prenez pas un libellé raccourci pour le texte complet ni une sélection pour tout le plan.
Faites correspondre les niveaux aux sections et sous-sections
Les consignes W3C WAI sur les titres expliquent comment ils communiquent l’organisation et facilitent la navigation, notamment avec les technologies d’assistance. Choisissez les niveaux selon les relations, pas seulement l’apparence.
Ce plan fictif concerne des ateliers de poterie pour débutants. Il illustre une organisation possible, pas un relevé réel ou une obligation pour chaque page de service.
| Niveau | Exemple de titre | Relation |
|---|---|---|
| H1 | Ateliers de poterie pour débutants | Sujet principal |
| H2 | Ce que vous réaliserez | Section principale sous ce sujet |
| H3 | Votre premier bol | Détail du H2 précédent |
| H2 | Dates et réservation | Nouvelle section au même niveau que le H2 précédent |
| H3 | Choisir une séance | Détail dans dates et réservation |
Si « Votre premier bol » est H4 juste après H2, vérifiez s’il devrait être H3 ou s’il manque une véritable section parente. N’ajoutez pas un H3 vide pour faire disparaître l’alerte. La relation doit découler du contenu.
Revenir de H4 à H2 peut fermer des sous-sections et ouvrir une nouvelle section principale. Ce n’est pas le même saut qu’aller plus profondément de H2 à H4. Les régions fixes, comme navigation ou barre latérale, demandent du contexte. Ne changez pas leurs niveaux utiles uniquement pour faire descendre chaque élément voisin d’un cran.
Examinez les constats dans leur contexte
Un titre vide signifie que l’extracteur n’a trouvé aucun texte. Retrouvez sa ligne, ajoutez un libellé utile ou retirez un élément inutilisé. Vérifiez si le modèle a produit un conteneur vide avant de mettre en cause le rédacteur. Cette extraction ne calcule pas les noms accessibles.
Un H1 absent invite à vérifier le balisage du sujet principal. Plusieurs H1 demandent d’examiner la hiérarchie : un titre de logo répété et un titre d’article peuvent venir d’un modèle partagé. Un titre principal clair est un point de départ pratique ; l’alerte n’annonce pas une pénalité automatique Google. Ne supprimez pas du contenu utile pour imposer un nombre.
Lisez les mots autant que les niveaux. « Plus d’informations » répété guide moins qu’un libellé nommant la question ou le sujet suivant. Utilisez un vocabulaire naturel sans répéter le même mot-clé partout. L’analyseur ne juge pas si un titre décrit fidèlement sa section.
Le générateur de titres de section par IA propose des formulations. Confrontez-les au contenu réel ; générer un libellé ne définit pas sa place ou son niveau.
Publiez les changements sémantiques et revérifiez
Choisissez le bon élément dans le CMS ou le composant, puis appliquez le style séparément. La référence MDN des titres HTML décrit six niveaux et déconseille leur emploi pour simplement agrandir le texte. Modifier le CSS ne corrige pas un mauvais niveau HTML.
Examinez navigation, pied de page et barre latérale avec le contenu principal. Un modèle partagé peut toucher de nombreuses pages : vérifiez une seconde page représentative. Publiez la correction et relancez la même URL. Comparez mots, ordre et relations parent-enfant au plan prévu, sans rechercher des comptes identiques par niveau.
L’outil lit le HTML brut sans JavaScript. Il ne détermine ni visibilité CSS, ni ordre final de lecture, ni rôles et niveaux calculés. Examinez séparément le rendu lorsque scripts ou attributs d’accessibilité modifient l’expérience.
Pour d’autres signaux, utilisez l’On-Page SEO Checker. Le titre du document dans le navigateur est un autre champ ; le générateur de titres SEO par IA aide à le rédiger. Un bon plan favorise la compréhension, sans vérifier toutes les conditions SEO et d’accessibilité.
Utilisez JavaScript SEO Checker pour comparer HTML initial et DOM rendu capturé. Il montre les changements de métadonnées et de contenu avec des limites explicites, sans prédire ce que Google indexe.