Dans l’univers du SEO, les balises de titres (H1, H2, etc.) jouent un rôle essentiel. Que ce soit pour optimiser vos propres pages web ou analyser celles de vos concurrents, avoir une vue claire et précise de la structure des titres est indispensable pour une stratégie de référencement réussie.
En tant que webdesigner, j’ai passé des années à chercher l’outil idéal pour m’aider dans cette tâche. Pourtant, aucune des extensions Chrome que j’ai testées n’a réellement répondu à mes attentes : bugs fréquents, interfaces mal conçues, trop d’informations inutiles… Rien n’était à la hauteur de mes besoins. C’est alors qu’une idée a germé : pourquoi ne pas créer moi-même l’outil parfait ?
La genèse d’Hnspector
Mon objectif était simple : développer une extension qui soit à la fois simple d’utilisation, fiable, ergonomique, et qui permette d’accéder en un clin d’œil aux informations essentielles.
En bref, je voulais combiner le meilleur des outils existants tout en éliminant leurs points faibles.
C’est ainsi que j’ai lancé le projet Hnspector.
Une navigation simplifiée à travers les balises Hn
Le 17 septembre 2024, après plusieurs semaines de développement et des centaines de lignes de code HTML, CSS, et JavaScript, Hnspector a vu le jour sur le Chrome Web Store.
Hnspector : qu’est-ce que c’est ?
Hnspector est une extension Chrome gratuite conçue pour inspecter facilement les balises de titres (H1 à H6) sur n’importe quelle page web. Que vous soyez webdesigner, créateur de contenu ou expert SEO, cet outil vous permet d’identifier rapidement la hiérarchie des titres sur une page.
L’extension récupère les balises Hn directement depuis le code HTML et les présente sous forme de liste indentée, en respectant leur ordre d’apparition. Si la hiérarchie n’est pas correctement suivie, une pastille rouge apparaîtra pour vous alerter. Vous pouvez copier le texte d’un titre en un clic ou naviguer directement vers celui-ci sur la page en cliquant dessus.
En activant l’option « Highlight header », les titres seront surlignés dans la page avec une couleur différente selon leur niveau Hn, facilitant ainsi leur repérage visuel.
Enfin, toutes ces informations peuvent être exportées au format .csv, que ce soit via le presse-papier ou par téléchargement d’un fichier.
Comment installer Hnspector ?
Pour installer Hnspector sur votre navigateur (Chrome, Chromium, Brave ou Arc), rendez-vous directement sur sa page dans le Chrome Web Store :
Fonctionnalités
Version 1.1.3 (17/09/24)
- Affiche la structure des titres sous forme de liste indentée.
- Active/désactive le surlignage des titres directement sur la page inspectée.
- Permet de faire défiler la page jusqu’au titre sélectionné dans la liste.
- Copie le texte d’un titre en un clic.
- Avertit lorsque la hiérarchie des titres est incorrecte.
- Indique le nombre de chaque balise Hn et leur total.
- Copie la structure Hn au format .csv dans le presse-papier.
- Exporte la structure Hn dans un fichier .csv.
