{"id":40530,"date":"2026-01-20T12:30:00","date_gmt":"2026-01-20T11:30:00","guid":{"rendered":"https:\/\/www.redacteur.com\/blog\/?p=40530"},"modified":"2026-01-20T12:30:16","modified_gmt":"2026-01-20T11:30:16","slug":"comment-controler-structure-hn-page-web","status":"publish","type":"post","link":"https:\/\/www.redacteur.com\/blog\/comment-controler-structure-hn-page-web\/","title":{"rendered":"Comment contr\u00f4ler la structure Hn de vos pages ?"},"content":{"rendered":"\n

La structure de vos pages web<\/strong> est importante pour le r\u00e9f\u00e9rencement naturel. Elle permet notamment aux moteurs de recherche, comme Google, de comprendre de quoi parlent vos pages et joue un r\u00f4le pr\u00e9pond\u00e9rant dans leur r\u00e9f\u00e9rencement.<\/p>\n\n\n\n

Les balises <h1>, <h2>, <h3> jusqu’\u00e0 <h6> permettent de structurer vos contenus<\/strong>. Si vous sous-traitez votre r\u00e9daction web, comme sur Redacteur.com<\/a> par exemple, vous pouvez demander \u00e0 vous faire livrer vos textes directement au format HTML avec ces balises d\u00e9j\u00e0 configur\u00e9es.<\/p>\n\n\n\n

Mais comment contr\u00f4ler si vos pages respectent bien la bonne structure<\/strong> ? D\u00e9couvrons ensemble comment faire.<\/p>\n\n\n\n

Titre, sous-titres et organisation de page<\/h2>\n\n\n\n

Vous le savez si vous lisez r\u00e9guli\u00e8rement nos articles, une page doit \u00eatre correctement structur\u00e9e<\/strong> techniquement pour bien se r\u00e9f\u00e9rencer sur les moteurs de recherche. La structure d’une page, c’est le moment o\u00f9 se m\u00e9langent technique et s\u00e9mantique.<\/p>\n\n\n\n

En effet, l’organisation de votre page permet \u00e0 Google de structurer le contenu d’une page web. Comme s’il lisait un livre, le moteur de recherche va comprendre le titre de la page (h1), comment est organis\u00e9 votre contenu (h2) et ses \u00e9ventuelles sous parties (h3, h4, h5, h6).<\/p>\n\n\n\n

Comment doivent \u00eatre organis\u00e9s les titres Hn ?<\/h2>\n\n\n\n

Comme un livre, un m\u00e9moire ou une th\u00e8se, une page web doit \u00eatre organis\u00e9e de mani\u00e8re logique.<\/p>\n\n\n\n

H1 : le titre de la page<\/h3>\n\n\n\n

On attend un seul titre H1 dans une page web<\/strong>. C’est litt\u00e9ralement le titre de votre page. Pourquoi en avoir deux ? Il est essentiel et il est \u00e9videmment conseill\u00e9 d’y inclure le mot-cl\u00e9 principal de votre article ou de votre page web sur lequel vous esp\u00e9rez vous r\u00e9f\u00e9rencer.<\/p>\n\n\n\n

H2 : les sous-parties principales<\/h3>\n\n\n\n

Viennent ensuite les H2. Ils sont en principe aussi obligatoires, puisqu’ils viennent organiser le contenu<\/strong>. Une page dispose rarement d’un simple H1, sauf dans les rares cas d’une page qui n’a pas vocation \u00e0 se r\u00e9f\u00e9rencer, comme une page de contact ou un formulaire.<\/p>\n\n\n\n

En revanche, il faut penser \u00e0 en avoir au moins deux<\/strong>. Comme pour une th\u00e8se, il est \u00e9vident que vous n’allez pas d\u00e9velopper qu’un seul point pour argumenter. En SEO, c’est pareil ! Pensez \u00e0 structurer vos propos en plusieurs parties.<\/p>\n\n\n\n

H3 \u00e0 H6 : organisez votre contenu en sous-parties<\/h3>\n\n\n\n

En fonction de la profondeur du sujet, vous pouvez vouloir cr\u00e9er des sous-parties<\/strong>. Rien de bien compliqu\u00e9 donc, mais pensez \u00e0 bien organiser votre contenu comme vous le feriez pour un document Word. Ici encore, on \u00e9vitera de mettre des titres isol\u00e9s, c’est \u00e0 dire un titre seul titre de niveau inf\u00e9rieur.<\/p>\n\n\n\n

Par exemple, si votre article contient un H1 et quatre H2, vous pouvez ensuite aller dans le d\u00e9tail pour d\u00e9velopper le contenu de vos H2 avec des H3. Mais il n’y a pas de raison de mettre un seul H3 sous un H2. Dans ce cas, le titre H2 se suffit \u00e0 lui-m\u00eame.<\/p>\n\n\n\n

Une image vaut mille mots et le sch\u00e9ma suivant vous explique visuellement la marche \u00e0 suivre :<\/p>\n\n\n\n

\"Structure<\/figure>\n\n\n\n

Les choses \u00e0 \u00e9viter dans votre structure de page<\/h2>\n\n\n\n

Voici la liste des diff\u00e9rents \u00e9l\u00e9ments \u00e0 \u00e9viter dans votre structure de page.<\/p>\n\n\n\n

Plusieurs H1<\/h3>\n\n\n\n

Un livre n’a qu’un seul titre. Vos pages web aussi. Pensez \u00e9galement \u00e0 diff\u00e9rencier votre balise title de votre titre H1<\/strong>. La balise title<\/a> peut avoir un c\u00f4t\u00e9 plus “marketing” pour inciter les internautes \u00e0 cliquer sur votre site. Int\u00e9grez une date ou des superlatifs pour favoriser le taux de clic !<\/p>\n\n\n\n

Les balises Hn isol\u00e9es<\/h3>\n\n\n\n

Contrairement \u00e0 la balise H1<\/a>, les autres balises vont au minimum par pair<\/strong>. Comme dans l’exemple en image ci-dessus, ne mettez pas une seule balise H3 sous une balise H2. Pour reprendre la comparaison du livre, imaginez-vous un livre avec un seul chapitre ?<\/p>\n\n\n\n

Les sauts de balises<\/h3>\n\n\n\n

Il faut \u00e9galement \u00e9viter \u00e0 tout prix les sauts de balises<\/strong>. Par exemple, si vous avez une balise H2, si vous avez besoin de segmenter le contenu, il vous faudra au minimum deux balises H3. Ne mettez pas directement des balises H4.<\/p>\n\n\n\n

Il arrive parfois, que pour des raisons esth\u00e9tiques, on utilise le mauvais balisage. Il est essentiel de bien respecter l’ordre des balises. N’h\u00e9sitez pas \u00e0 vous rapprocher de votre d\u00e9veloppeur web ou de votre agence web si la mise en page de votre titre ne convient pas.<\/p>\n\n\n\n

Comment v\u00e9rifier si les balises de titres de vos pages sont bien organis\u00e9es ?<\/h2>\n\n\n\n

Nous vous proposons 3 m\u00e9thodes pour analyser cela.<\/p>\n\n\n\n

V\u00e9rifier le code source de la page<\/h3>\n\n\n\n

Lorsque vous naviguez sur votre site, vous pouvez effectuer un clic droit avec votre souris puis s\u00e9lectionner “Afficher le code source de la page<\/strong>“. Si vous \u00eates \u00e0 l’aise avec le code, vous pouvez facilement identifier les balises HTML<\/a> correspondant \u00e0 vos titres. Mais cette m\u00e9thode n’est pas la plus simple, car cela reste peu lisible.<\/p>\n\n\n\n

Utiliser le plugin Chrome headingsMap<\/h3>\n\n\n\n

Le plugin gratuit pour Google Chrome HeadingsMap<\/a><\/strong> vous permet en un clic d’obtenir la liste des titres Hn et leur organisation. Dans l’exemple ci-dessous, vous pouvez donc voir en gros la balise title, suivie du H1 et des H2. On constate que le premier H2 est suivi de 5 H3. Ici, nous avons donc un article correctement organis\u00e9.<\/p>\n\n\n\n

\"Exemple<\/figure>\n\n\n\n

Si des probl\u00e8mes sont pr\u00e9sents au niveau de l’organisation de votre page, les titres probl\u00e9matiques seront affich\u00e9s en rouge. Dans l’exemple suivant, on voit que le titre H5 est identifi\u00e9 comme \u00e9tant en erreur. On devrait effectivement avoir un titre H3.<\/p>\n\n\n\n

\"Exemple<\/figure>\n\n\n\n

\u00c0 noter que les titres H5 suivants ne sont pas mis en rouge, mais doivent \u00eatre corrig\u00e9s \u00e9galement. On notera aussi que le titre H3 surlign\u00e9 en blanc (car nous avons cliqu\u00e9 dessus) n’est pas identifi\u00e9 par l’outil comme \u00e9tant une erreur. Mais c’est un titre isol\u00e9 et il est recommand\u00e9 d’\u00e9viter d’avoir des sous-titres isol\u00e9s.<\/p>\n\n\n\n

Utiliser un crawler comme Screaming Frog<\/h3>\n\n\n\n

Enfin, il est possible d’utiliser un crawler<\/strong>. Cet outil permet de naviguer sur toutes les pages de votre site et de faire remonter les erreurs. Il comprend notamment l’analyse des titres. L’outil est gratuit pour le crawl de 500 URLs, mais m\u00eame un site modeste peut disposer de plus d’URL \u00e0 crawler (les images et les liens externes comptent dans le total). En version payante, ces outils sont chers (239\u20ac pour une licence de 1 an avec Screaming Frog).<\/p>\n\n\n\n

Ainsi, si vous avez peu de pages ou si vous d\u00e9butez, nous vous conseillons plut\u00f4t de commencer \u00e0 regarder vos pages avec le plugin Chrome qui a l’avantage d’\u00eatre gratuit. Les crawlers<\/a> sont plus complexes \u00e0 utiliser et vous fournissent des informations qui vont bien au-del\u00e0 de la simple analyse de la structure Hn des pages.<\/p>\n\n\n\n

La checklist pour ne rien oublier<\/h2>\n\n\n\n

En bref, voici ce qu’il faut retenir :<\/p>\n\n\n\n