Comment structurer un article avec les balises Hn pour booster son SEO

Il y a quelques mois, un client m'envoie un audit SEO en panne : « J'ai perdu 40 % de trafic en trois semaines, je ne comprends pas, mon contenu est bon. » Je regarde les pages concernées. Le contenu était bon, oui. Le balisage, catastrophique. Des <h2> utilisés pour grossir des mentions légales en bas de page, des <h3> avant le moindre <h2>, un titre principal en image. Google ne savait pas de quoi parlait la page. J'ai tout repassé à la main en une soirée, et le trafic est revenu en dix jours.

Ce n'est pas un cas isolé. Quand on travaille sur du contenu web depuis un moment, on finit par voir la même erreur partout : on croit que les balises Hn sont un détail technique de mise en forme. Ce n'est pas le cas. C'est la charpente de votre article, ce que Google lit en premier pour décider de quoi vous parlez et à quel point vous en parlez sérieusement. Voici comment structurer un article avec les balises Hn sans se raconter d'histoires.

À quoi servent réellement les balises Hn dans un article

Un <h1> à <h6> n'est pas une façon de mettre un titre en gras plus gros. C'est une balise de hiérarchie sémantique. Elle dit : « cette information est de niveau 1 », « celle-ci est un sous-point du niveau 2 ». Google lit cette hiérarchie pour comprendre l'ossature de votre page, et il la lit avant même de s'intéresser au corps du texte.

Concrètement, quand un robot d'indexation arrive sur votre page, la première chose qu'il reconstruit mentalement, c'est votre plan. Si vos Hn racontent un plan cohérent, il comprend vite de quoi vous parlez. S'ils sont décoratifs, il nage.

Ne confondez pas balise Hn et style visuel

C'est la confusion qui casse la moitié des sites. Vous voulez un texte gros et coloré ? Vous ouvrez l'éditeur et vous choisissez « Titre 3 » parce que visuellement ça vous plaît. Sauf que vous venez de déclarer sémantiquement que ce paragraphe est un sous-sous-titre. Le style, c'est le CSS qui doit le gérer, pas le choix de la balise. Une règle simple : décidez du niveau selon le contenu, ajustez le look avec le CSS.

Le poids SEO des mots dans les Hn

Les termes présents dans un Hn ont un poids plus fort que les mêmes termes noyés dans un paragraphe. Ce n'est pas magique, c'est logique : un moteur suppose qu'un mot placé dans un titre résume le contenu qui suit. La conséquence pratique est double. Utilisez vos termes clés dans les Hn, oui. Mais ne transformez pas chaque titre en liste de mots-clés séparés par des virgules — ça, Google le repère et ça vous dessert.

Un H2 bien écrit se lit comme une promesse de section. Le mot-clé y est naturel, pas plaqué.

Construire la hiérarchie : H1, H2, H3, et l'ordre à respecter

Voici la règle en une phrase : on descend d'un niveau à la fois, jamais deux, jamais en remontant au milieu d'une branche. H1 → H2 → H3 → H4. Pas de H4 sans H3 au-dessus, pas de retour brutal du H4 au H2 sans fermer la branche.

Le H1 : unique et placé dans le contenu

Une page, un H1. C'est le titre principal, celui qui annonce le sujet de toute la page. Il contient le sujet, pas une punchline vide. Et il vit dans le contenu visible, pas dans un attribut alt d'image ou un <title> de l'onglet.

Le débat « plusieurs H1 ou un seul » revient régulièrement. HTML5 tolère techniquement plusieurs H1 dans une page. Mais pour un article de blog ou une page de contenu classique, gardez-en un. C'est la pratique la plus sûre, celle qui ne vous exposera jamais à une mauvaise lecture de la part des moteurs. J'ai testé l'autre approche sur un petit site perso par curiosité : aucun gain, et une lecture plus confuse dans les outils de crawl. Bref, restez sur un H1.

Les H2 : les grandes parties de votre plan

Chaque H2 ouvre une section majeure. Si vous écrivez un plan sur papier avant de rédiger, vos H2 sont ces grandes lignes. Trois à six H2 pour un article standard, c'est un bon ordre de grandeur — au-delà, vous découpez trop fin, en dessous, vos sections deviennent des pavés illisibles.

Les H3 : les sous-parties d'une seule section

Un H3 n'existe que parce qu'un H2 le contient. Si vous vous surprenez à mettre un H3 juste après un H1 sans H2 entre les deux, vous avez cassé la hiérarchie. Reprenez votre plan : soit le contenu mérite un H2, soit il n'a pas besoin d'un sous-titre du tout.

H4, H5, H6 : à utiliser avec parcimonie

Pour un article de blog, vous n'irez presque jamais au-delà du H3. Le H4 a du sens pour une FAQ, une sous-sous-partie dans un tutoriel technique, ou un long guide. Le H5 et le H6 existent mais deviennent vite illisibles pour le lecteur comme pour les moteurs. Si vous avez besoin de descendre si bas, c'est souvent le signe que votre article devrait être découpé en plusieurs pages.

Balise	Rôle	Combien par page	Où elle vit
H1	Titre principal de la page	1	En haut du contenu visible
H2	Grandes sections du plan	3 à 6 (typique)	Entre les blocs de contenu
H3	Sous-partie d'un H2	Variable selon la section	À l'intérieur d'une section H2
H4	Détail dans un H3	Rare, réservé aux guides longs	À l'intérieur d'une section H3

Les erreurs de balisage qui plombent un article

Un site sur deux environ présente une anomalie sur son H1. C'est le constat le plus fréquent quand on audit un site pour la première fois : soit plusieurs H1, soit aucun, soit un H1 collé dans un <div> de navigation. Et ce n'est que la partie émergée.

Plusieurs H1, ou aucun H1

Deux cas de figure, deux problèmes. Plusieurs H1 et le moteur ne sait plus quel sujet est principal. Aucun H1 et la page part en indexation sans titre de contenu — Google prend alors le <title> à défaut, mais vous perdez la main sur ce qu'il retient. Vérifiez chaque gabarit de page, y compris les pages catégories et les articles d'archive que personne ne regarde jamais.

La hiérarchie cassée ou inversée

Un H3 qui se balade avant tout H2, un H4 posé directement sous un H1, un H2 utilisé pour styliser un bandeau publicitaire. Ces anomalies sont invisibles à l'œil, dévastatrices pour la lecture. Un signe qui ne trompe pas : quand vous lisez vos Hn dans l'ordre du code, vous devez pouvoir reconstituer votre plan sans avoir besoin du corps du texte. Si ça ne marche pas, la structure est cassée.

Le bourrage de mots-clés dans les titres

« Comment structurer un article avec les balises Hn pour le SEO, balises Hn, structure Hn, SEO Hn. » Vous avez déjà vu ce genre de titre. Personne ne clique, et Google ne récompense plus ça. Un Hn sert à un lecteur avant de servir à un robot.

Méthode pas-à-pas pour baliser un article proprement

Voici comment je procède concrètement, dans l'ordre. Rédigez d'abord votre article en texte brut, sans vous soucier des balises. Vous voyez naturellement se dessiner des blocs, des transitions, des sous-parties. C'est votre plan réel.

1. Repérez la phrase qui résume tout l'article : c'est votre H1.
2. Identifiez les grands basculements de votre propos : ce sont vos H2. Nommez-les comme des promesses de section.
3. Dans chaque H2, les sous-idées qui méritent une pause : ce sont vos H3. S'il n'y en a pas, tant mieux, ne forcez pas.
4. Relisez vos Hn uniquement, dans l'ordre. Le plan doit tenir debout sans le corps du texte.
5. Vérifiez qu'un seul H1 existe sur la page, et qu'il est bien dans le contenu visible.
6. Contrôlez qu'aucun niveau n'est sauté (jamais de H3 sans H2 au-dessus).
7. Réinjectez le style visuel par le CSS, pas par le choix de la balise.

Pour auditer l'ensemble d'un site, un crawler gratuit comme Screaming Frog fait le travail : il vous sort une vue de tous les Hn page par page, anomalies surlignées en rouge. Je le lance sur chaque projet au moins une fois par trimestre, et à chaque refonte de gabarit. C'est fastidieux, mais rien ne m'a jamais fait gagner autant de temps par la suite. La dernière fois, j'ai trouvé 47 pages avec un H1 dupliqué — toutes issues du même gabarit mal configuré, corrigées en une heure.

Un plan type avec balises Hn, prêt à copier

Pour un article de blog informatif comme celui-ci, voilà comment je pose les balises. Pas de recette universelle, mais un modèle qui fonctionne dans la majorité des cas.

• H1 : comment structurer un article avec les balises Hn
• H2 : à quoi servent réellement les balises Hn → avec deux ou trois H3 sur les concepts clés
• H2 : construire la hiérarchie H1, H2, H3 → avec un H3 par niveau de balise
• H2 : les erreurs de balisage les plus fréquentes
• H2 : méthode pas-à-pas
• H2 : questions fréquentes → chaque question en H3

Pour une page produit, le schéma change : H1 = nom du produit, H2 = caractéristiques, H2 = cas d'usage, H2 = FAQ. Pour une page service, H1 = nom du service, H2 = à qui ça s'adresse, H2 = comment ça se passe, H2 = tarifs. La logique est la même : on suit le parcours du lecteur, pas un plan théorique.

Questions fréquentes sur la structure Hn

Faut-il vraiment un seul H1 par page ?

Oui, reste la pratique la plus sûre. HTML5 tolère plusieurs H1, mais la recommandation actuelle de Google reste un H1 unique qui identifie le sujet principal de la page. Sauf cas très particulier (une page d'accueil qui agrège plusieurs publications, par exemple), gardez-en un.

Peut-on cacher un Hn en CSS pour le SEO ?

Non. Un Hn caché en CSS ou en display: none est traité comme du texte caché par les moteurs, et c'est pénalisable. Un titre doit être visible pour le lecteur, sinon il n'a rien à faire dans votre balisage.

Et si mon titre principal est une image ?

C'est l'un des cas les plus fréquents sur les sites vitrines. Un logo-bannière en image avec le titre en dessous, ça ne compte pas comme H1 pour les moteurs. Vous devez ajouter un H1 en texte, même si vous le masquez visuellement pour un lecteur humain — mais attention, pas en display: none. Utilisez une technique de masquage accessible, ou mieux, restructurez votre design pour intégrer le titre en texte.

À quelle fréquence faut-il auditer ses Hn ?

Au minimum à chaque refonte de gabarit, et une fois par trimestre pour le reste. Les thèmes et les builders modifient silencieusement les niveaux de balises à chaque mise à jour. Une vérification rapide avec un crawler suffit à repérer les dérives.

La structure de vos balises Hn, c'est la carte que vous donnez à Google pour comprendre votre contenu. Elle ne remplace pas un bon texte, elle le rend lisible pour les machines. La prochaine fois que vous ouvrez un article, faites l'exercice : lisez uniquement les Hn dans l'ordre du code. Si vous ne comprenez pas le sujet et son organisation en dix secondes, aucun paragraphe bien écrit ne rattrapera le coup.