Un client m'a envoyé un jour un mail furieux : "Mon article est en page 3 alors que j'ai mis le mot-clé dans le H1, le H2 et même le H3. C'est quoi ce bordel ?" J'ai ouvert sa page. Le H1 était en bas, dans le footer, sous forme de logo. Le vrai titre, lui, était une image. Son H3 avait été placé avant son H2. Et dans le même contenu, il y avait quatre H1 différents, parce que son thème WordPress en injectait un par widget.
Voilà le problème avec les balises heading : tout le monde connaît la théorie. Presque personne ne vérifie ce qui sort réellement du CMS. Et c'est précisément là que se joue l'optimisation des balises H1, H2 et H3 pour le référencement naturel.
Dans cet article, je vous donne la méthode que j'applique sur mes propres sites, les règles chiffrées que j'utilise, et la procédure de vérification que personne ne détaille jamais vraiment.
Points clés à retenir
- Une page = un seul H1, placé en haut du contenu principal, jamais dans un logo ou un widget
- La hiérarchie doit être continue : H2 puis H3, jamais de H3 orphelin avant un H2
- Un H2 tous les 300 à 500 mots environ : c'est un repère de lecture, pas une contrainte SEO
- Les balises heading aident surtout à structurer le sens — le gain de positionnement vient du contenu lui-même
- Vérifiez toujours le HTML généré, pas l'éditeur : les thèmes ajoutent souvent des balises invisibles
À quoi servent vraiment les balises heading pour le référencement
Les balises de titre HTML vont de H1 à H6. Elles indiquent une hiérarchie : le H1 est le titre le plus important de la page, le H6 le moins important. Les moteurs de recherche s'en servent pour comprendre de quoi parle votre page et comment son contenu est organisé.
Mais soyons précis sur ce qu'elles font et ne font pas. Mettre un mot-clé dans un H2 ne vous fera pas grimper dans les résultats. En revanche, une structure de titres claire permet à Google d'identifier les thèmes principaux et secondaires d'une page — et ça, ça compte quand plusieurs pages de votre site se disputent la même intention de recherche.
À quoi ressemble un H2 en HTML, concrètement ?
Un H2 s'écrit avec la balise <h2>, suivie de son contenu, puis fermée :
<h2>À quoi servent les balises heading</h2>Le navigateur l'affiche en gros et en gras par défaut. Le CSS peut modifier son apparence — taille, couleur, police. Mais l'apparence visuelle n'a aucune importance pour le SEO : ce qui compte, c'est la balise elle-même. J'ai vu des sites où tous les titres étaient visuellement identiques, et où le développeur avait "corrigé" ça en remplaçant les H2 par des <div class="titre">. Résultat : zéro structure sémantique. Un joli design, une page muette pour les robots.
Deux publics, un seul outil
Il y a le robots d'indexation, et il y a votre lecteur. Les deux lisent vos titres, mais pas de la même façon.
- Le robot analyse la hiérarchie pour saisir le sujet de la page
- Le lecteur, lui, scanne : il lit le H1, puis les H2, puis décide s'il reste ou s'il repart
- Un lecteur d'écran pour personne malvoyante saute de titre en titre pour naviguer
Ce dernier point est trop souvent oublié. Une hiérarchie cassée ne pénalise pas seulement le SEO : elle rend la page inutilisable pour une partie de vos visiteurs.
Les règles que j'applique pour structurer H1, H2 et H3
Je vais être franc : la plupart des "règles" qu'on lit sur les balises heading sont des conventions raisonnables, pas des lois. Voici celles que je considère comme non négociables, et celles où je prends des libertés.
Le H1 : un seul, en haut, et textuel
Trois exigences. Une seule balise H1 par page. Placée en tête du contenu principal. Et en texte, jamais dans une image.
Le contenu du H1 doit refléter le sujet de la page. Y glisser le mot-clé principal est une bonne pratique, à condition que ça reste lisible. "Meilleur plombier Paris pas cher urgence 24h" n'est pas un titre, c'est une liste de courses. "Plombier à Paris : intervention d'urgence en moins d'une heure" fonctionne bien mieux, et contient l'essentiel.
Sur la longueur, je vise 60 à 70 caractères. Pas pour le SEO — pour l'affichage dans les résultats de recherche, où les titres trop longs sont tronqués.
Les H2 et H3 : une hiérarchie continue
Un H2 ouvre une grande partie. Un H3 détaille un point à l'intérieur de cette partie. Et on ne saute pas d'étape : pas de H3 directement sous un H1, pas de H4 isolé après un H2.
Combien de H2 par page ? Je n'ai pas de chiffre magique, mais un repère : un H2 tous les 300 à 500 mots sur un article de blog. En dessous, la page paraît dense et illisible. Au-dessus, vous découpez tellement que plus rien n'a de poids.
| Balise | Rôle | Nombre par page | Erreur fréquente |
|---|---|---|---|
| H1 | Titre principal de la page | 1 exactement | Un H1 par widget dans le thème |
| H2 | Grandes sections | 3 à 8 en général | Utilisé pour grossir du texte courant |
| H3 | Sous-sections d'un H2 | Variable, 0 à 4 par H2 | Placé avant tout H2 |
| H4 à H6 | Niveaux de détail avancés | Rarement utile | Utilisé pour styliser, sans logique |
Le H4 et en dessous ? Sur un article de blog classique, vous n'en aurez presque jamais besoin. Si vous descendez au H5, c'est que la section mérite probablement sa propre page.
Les erreurs que je vois le plus souvent (et que j'ai commises)
La première fois que j'ai audité un site e-commerce, j'ai trouvé 11 H1 sur la page d'accueil. Un pour le logo, un par bannière, un par bloc produits. Le développeur avait simplement utilisé la balise la plus grosse à chaque fois qu'il voulait du texte en gras. Personne n'avait vérifié.
Confondre style et structure
C'est l'erreur numéro un. Un texte doit être gros ? On met un H3. Il doit être petit mais c'est un titre ? On met un <p> avec une classe CSS. Dans les deux cas, la sémantique est fausse.
La règle est simple : la balise décrit ce qu'est l'élément, le CSS décrit à quoi il ressemble. Si votre H2 doit être petit et gris, écrivez un H2 et stylisez-le.
La hiérarchie cassée
Un H3 qui apparaît sans H2 parent, un H2 qui contient directement un H4 : ça arrive surtout quand on insère des blocs préfabriqués dans un CMS. Sur un site que j'ai repris, un composant "encadré" injectait systématiquement un H3. Résultat : des H3 flottant au milieu de nulle part, sans aucune section parente.
La correction a pris deux heures. L'impact sur le trafic ? Honnêtement, difficile à isoler. Mais la page est devenue lisible pour les lecteurs d'écran, et ça, ça n'a pas de prix.
Empiler les mots-clés dans les titres
Un H2 qui contient trois fois le même mot-clé ne vous aidera pas. Il vous fera surtout passer pour un spammeur aux yeux de vos lecteurs. Écrivez des titres qui donnent envie de lire la suite — c'est le seul critère qui compte vraiment.
Comment vérifier vos balises heading, concrètement
Voilà le point que la plupart des articles survolent. Voici ma procédure, celle que j'applique à chaque audit.
Inspecter le HTML réel
- Ouvrez la page dans votre navigateur
- Clic droit, puis "Inspecter" (ou F12)
- Dans le code, cherchez
<h1,<h2,<h3avec Ctrl+F
Vous verrez immédiatement combien de H1 existent et dans quel ordre les balises apparaissent. C'est brutal, rapide, et ça révèle tout ce que l'éditeur visuel vous cache.
Passer à l'échelle sur tout un site
Pour un site de plus de cinquante pages, l'inspection manuelle devient infernale. Deux options :
- Un crawler type Screaming Frog, qui exporte la liste des H1 et H2 de toutes les URL en un fichier
- Une extension de navigateur dédiée à l'analyse on-page, qui affiche la structure d'une page en un clic
Sur mon dernier audit, le crawl a sorti 34 pages avec zéro H1 et 12 avec plusieurs. Aucune n'avait été repérée par le client, qui jurait avoir "tout bien rempli dans WordPress".
Un dernier réflexe : vérifiez ce qui se passe sur mobile. Certains thèmes masquent des blocs entiers en responsive, et avec eux, des H2 disparaissent du rendu. Le HTML reste, mais la structure perçue change.
Ce qui compte vraiment au-delà des balises
Je vais peut-être vous décevoir : optimiser vos balises heading ne transformera pas une page médiocre en page qui se classe. C'est un travail de fond, pas un levier magique. J'ai vu des pages parfaitement structurées ne jamais décoller, et des pages au H1 approximatif truster les premières places — parce que le contenu répondait mieux à la question posée.
Les balises heading font partie d'un tout. Elles disent aux moteurs comment votre contenu s'organise, et elles disent à vos lecteurs où regarder. Négligez-les, et vous perdez un peu de clarté. Sur-optimisez-les, et vous perdez du temps sur ce qui fait vraiment la différence : la réponse que vous apportez.
La prochaine fois que vous publiez un article, ouvrez l'inspection du code. Comptez vos H1. Regardez si un H3 traîne avant son H2. Vous serez surpris de ce que vous trouverez — et c'est souvent à cet endroit précis, invisible à l'œil nu, que se cache le vrai problème.
