Un client m'envoie un jour un message paniqué : « Mon article sur les meilleures pratiques SEO a chuté de la position 4 à la 12 en deux semaines. Je n'ai rien touché. » Je jette un œil. Rien touché, vraiment ? Le H1 était devenu un H2 suite à un changement de thème, et deux H3 se baladaient sous un H4. Structure cassée, Google perplexe. En dix minutes, on a remis les niveaux dans l'ordre. Trois semaines plus tard, il était revenu en 5.
Ce genre de scénario, je le rencontre presque à chaque audit. La structure Hn (H1, H2, H3…) est la colonne vertébrale sémantique d'une page. Quand elle tient debout, tout le reste suit : le crawl, la compréhension, parfois même l'affichage en extrait enrichi. Quand elle part en vrille, vous pouvez empiler les backlinks, ça ne sauvera pas la mise.
Voici la méthode que j'applique quand j'audite un site, du premier coup d'œil jusqu'à la priorisation des corrections.
Points clés à retenir
- Un H1 unique par page, mais la règle souffre quelques exceptions techniques qu'il faut savoir repérer.
- Un saut de niveau (H2 → H4) n'est pas fatal en soi, mais il brouille la lecture pour Google comme pour les lecteurs d'écran.
- Un Hn simulé en CSS (
<p class="titre">) est invisible pour le crawler : c'est un faux titre. - Un audit sérieux se fait en trois passes : extraction page par page, crawl global, priorisation par impact.
- La longueur d'un Hn n'a pas de plafond technique, mais au-delà de 70 caractères il devient illisible et dilue le signal.
- Corriger la structure Hn est souvent l'action la moins chère et la plus rentable d'un audit technique.
Comment auditer la structure de vos balises Hn sans y passer la semaine
La plupart des guides vous disent quoi vérifier. Presque aucun ne vous dit comment. Et c'est là que ça coince : on sait qu'il faut un H1, on sait qu'il faut une hiérarchie, mais devant une page de 3 000 mots avec 14 titres, on ne sait pas par quel bout commencer.
Ma règle : trois passes, dans cet ordre précis. Chacune a un objectif différent, et les mélanger fait perdre un temps fou.
Première passe : l'inspection visuelle en 30 secondes
Ouvrez la page. Regardez les titres. Pas le code, juste ce qui s'affiche. Normalement, vous devez pouvoir deviner la hiérarchie à l'œil nu : un titre principal gros, des sections moyennes, des sous-sections plus petites.
Si vous ne distinguez pas la hiérarchie visuellement, il y a un problème. Soit les styles sont mal calibrés (H2 et H3 à la même taille), soit les titres n'en sont pas vraiment. Et là, surprise : ouvrez l'inspecteur (clic droit → Inspecter). Si vous voyez <p><strong>Mon titre</strong></p> au lieu d'un <h2>, vous avez un faux titre. Google ne le verra jamais comme une section.
J'ai fait cette erreur moi-même sur mon premier blog : j'avais stylé des paragraphes en gras pour « faire joli », sans réaliser qu'aucun de mes articles n'avait de H2 réel. Résultat : zéro apparition en extrait enrichi pendant huit mois.
Deuxième passe : l'extraction automatisée
Une page, c'est bien. Un site entier, c'est mieux. Pour ça, deux approches selon la taille.
- Petit site (moins de 50 pages) : une extension navigateur ou un outil en ligne qui liste les Hn d'une URL. Vous collez l'adresse, vous obtenez la structure brute. Rapide, gratuit, suffisant.
- Site plus gros : un crawler SEO qui exporte la structure Hn de toutes les URLs dans un CSV. Vous filtrez ensuite par page, par niveau, par nombre de H1.
- Et pour avoir une vue agrégée sur l'ensemble d'un domaine sans crawling complet, l'inspection d'URL et la couverture côté console peuvent dépanner, mais elles ne remplacent pas l'extraction réelle.
Ce que vous cherchez dans le fichier exporté : les pages avec zéro H1, celles avec plusieurs H1, et les enchaînements anormaux (H2 suivi directement de H4). Une fois ces trois filtres posés, vous avez 80 % du diagnostic.
Troisième passe : la priorisation
Toutes les anomalies ne méritent pas votre attention. J'ai classé les défauts en trois niveaux, selon l'impact réel que j'ai constaté.
| Défaut | Niveau de gravité | Priorité de correction |
|---|---|---|
| Aucun H1 sur la page | Critique | Immédiat |
| Plusieurs H1 concurrents | Élevé | Semaine en cours |
| Hn simulés en CSS | Élevé | Semaine en cours |
| Saut de niveau (H2 → H4) | Modéré | Correction progressive |
| Hn trop longs (plus de 90 caractères) | Faible | À revoir à l'occasion |
| H3 orphelin sans H2 au-dessus | Faible | Correction lors d'une refonte |
Le ratio que je vois le plus souvent sur des sites que l'on me confie : environ une page sur trois a au moins un défaut structurel. Sur les sites de e-commerce, c'est plus élevé, parce que les gabarits de fiches produit génèrent des Hn automatiques qui se marchent dessus.
Taille H1 H2 H3 : existe-t-il une longueur idéale ?
Question qu'on me pose à chaque formation. Réponse honnête : il n'existe pas de longueur « officielle ». Google ne pénalise pas un titre de 40 ou de 120 caractères pour lui-même. Ce qui compte, c'est autre chose.
En pratique, j'utilise deux repères :
- Lisibilité visuelle : un H1 qui passe à la ligne sur trois lignes en desktop, c'est trop. Vous perdez le lecteur avant même qu'il ait lu le premier paragraphe. Autour de 60-70 caractères, on est bien.
- Cohérence sémantique : un H2 qui annonce une section doit pouvoir se résumer en une phrase claire. Si vous devez expliquer votre propre titre, c'est qu'il est confus. Raccourcissez.
Pour un H3, c'est encore plus resserré : 2 à 6 mots, c'est ce qui fonctionne. Un H3 comme « Comment configurer un fichier robots.txt pour bloquer les pages de recherche interne » fait 90 caractères. Trop. « Bloquer la recherche interne » suffit.
Franchement, la question de la taille cache souvent une autre question : « Est-ce que mon titre contient le bon mot-clé ? » Là oui, c'est important. Un H1 sans le sujet principal de la page, c'est une occasion manquée. Un H2 vague (« En savoir plus ») n'apporte rien, ni à Google ni au lecteur.
Quels outils gratuits utiliser pour tester son site ?
Vous n'avez pas besoin d'abonnement payant pour un premier passage. Voici ce que j'utilise, dans l'ordre de préférence.
- L'inspecteur du navigateur (F12). Gratuit, instantané, sans installation. C'est votre point de départ.
- Une extension dédiée à l'affichage des Hn : vous cliquez, vous voyez la structure en arbre. Utile pour vérifier page par page.
- Un outil d'analyse HTML en ligne : vous collez une URL ou du code, vous récupérez la liste des balises. Pratique pour partager un diagnostic avec un client.
- Un crawler gratuit (version limitée) : plusieurs outils plafonnent à quelques centaines d'URLs sans paiement. Largement suffisant pour un petit site.
Et pour aller plus loin sans crawler : les données structurées de votre site peuvent révéler indirectement des incohérences de titres, parce qu'elles reprennent souvent la structure visible. Si votre balisage Schema indique un headline qui ne correspond à aucun H1 sur la page, il y a un vrai problème de cohérence, et Google peut s'en apercevoir.
Les erreurs que je vois le plus souvent (et pourquoi elles coûtent cher)
Sur une quarantaine d'audits menés, quatre erreurs reviennent systématiquement. Elles paraissent anodines. Elles ne le sont pas.
Erreur n°1 : le H1 planqué dans le header
Beaucoup de thèmes WordPress ou de templates d'agence mettent le nom du site en H1, dans l'en-tête, sur toutes les pages. Résultat : chaque page a un H1 qui n'a rien à voir avec son contenu. Google lit « Mon Agence Créative » au lieu de « Tarifs de refonte de site ».
Correction : le nom du site doit être en <div> ou en <p> dans le header. Le H1, c'est le titre de la page. Un point c'est tout.
Erreur n°2 : les titres simulés en CSS
Vous avez stylé un <div> pour qu'il ressemble à un H2 ? Visuellement impeccable. Sémantiquement, c'est un trou dans la structure. Les lecteurs d'écran ne l'annonceront pas comme un titre. Google non plus.
C'est l'erreur la plus fréquente sur les sites refaits par des intégrateurs pressés. Elle ne coûte rien à corriger (remplacer la balise, ajuster la classe), et elle rapporte immédiatement en accessibilité.
Erreur n°3 : plusieurs H1 sur la même page
Avant HTML5, c'était une faute grave. Aujourd'hui, la spec autorise plusieurs H1 si les sections sont balisées avec <section> ou <article>. Mais dans la vraie vie, Google traite encore très majoritairement le premier H1 comme le titre principal de la page. Mettre trois H1 concurrents, c'est envoyer un signal flou.
Ma position : un seul H1 par page. Je sais que ce n'est pas une vérité gravée dans le marbre, mais dans 100 % des cas que j'ai testés, un H1 unique donne un meilleur signal. Et je mourrai probablement sur cette colline.
Erreur n°4 : les sauts de niveau en cascade
H2, puis H4, puis H3, puis H5. Ça arrive quand on stylise à la main sans se soucier de la hiérarchie : on choisit le niveau selon la taille de police voulue, pas selon la structure logique.
Le test simple : lisez uniquement vos titres, à la suite, sans le corps de texte. Si vous arrivez à comprendre le plan de la page, la hiérarchie tient. Sinon, il faut reprendre.
Ce que je fais en pratique sur un nouveau site
Quand on me confie un audit structurel, je bloque deux heures. Pas plus. La première heure, j'extrais et je classe les anomalies. La deuxième, je corrige les cas critiques et je rédige une note pour l'équipe technique.
Le plus dur n'est presque jamais technique. C'est de convaincre un développeur que remplacer un <div> par un <h2> n'est pas une lubie SEO mais une correction de fond. Une fois ce cap passé, tout s'enchaîne.
Et si vous ne devez retenir qu'une chose : la structure Hn n'est pas un détail cosmétique. C'est le plan de votre page, celui que Google utilise pour comprendre de quoi vous parlez, et celui qu'un lecteur d'écran utilise pour naviguer. Deux publics, un seul balisage. Ça vaut bien deux heures.
Reste une question que je n'ai toujours pas tranchée : faut-il auditer la structure Hn avant ou après avoir travaillé le contenu ? J'ai tendance à dire après, parce que le contenu dicte la structure. Mais j'ai vu des cas où l'inverse fonctionne aussi, notamment sur des refontes complètes. Si vous avez un avis, je prends.
