Structure Hn : à quoi servent vraiment les balises H1 à H6

Prenez n’importe quelle page de votre site Internet de Bayonne. Le titre qui résume tout porte le nom h1. Les grandes parties sont des h2, leurs sous-parties des h3, et ainsi de suite jusqu’à h6. Six niveaux natifs en HTML, pas un de plus : le glossaire du RGAA les définit exactement comme ça.

En gros, vos titres jouent le rôle d’un plan de ville. Le W3C le formule en une phrase : « Headings communicate the organization of the content on the page » – les titres communiquent l’organisation du contenu (tutoriel « Headings » du W3C). Sur une page de plombier bayonnais, le h2 « Zone d’intervention » fonctionne comme un panneau : le visiteur sait avant même de lire qu’il va y trouver les quartiers desservis.

Un titre HTML se lit dans le code, pas à l’écran

Voilà le point qui embrouille tout le monde. Un texte gros et gras posé dans un div n’est pas un titre ; un h3 peut s’afficher tout petit. La mise en forme se règle en CSS, la hiérarchie se règle dans les balises. Or les thèmes WordPress et les page builders brouillent sans arrêt cette frontière : dans ton éditeur, tu choisis « Titre 2 » parce qu’il rend bien visuellement. Le W3C a une expression pour ce piège : des titres choisis « for their visual rendering rather than their meaning », pour leur rendu visuel plutôt que pour leur sens (

Ce que Google dit (vraiment) de la structure Hn

Voici la phrase la plus utile de tout ce dossier. Elle vient du guide SEO officiel de Google :

« Having your headings in semantic order is fantastic for screen readers, but from Google Search perspective, it doesn’t matter if you’re using them out of order. »

Tac. Aucun risque de pénalité parce qu’un h4 suit un h2. Le même guide précise deux choses : il n’existe pas de nombre idéal de titres par page, et les titres servent avant tout à aider les utilisateurs à naviguer dans un contenu long, découpé en sections. Le Search Essentials ajoute une exigence distincte : les contenus importants doivent apparaître dans des emplacements visibles, dont le titre principal de la page.

Eug, et le classement, alors ? La documentation décrit les titres comme une aide à la compréhension du contenu. Aucun texte officiel ne les érige en facteur de classement direct, et Google ne publie aucune donnée qui isole leur effet. C’est mon garde-fou quand on me promet monts et merveilles avec trois balises.

Les chiffres locaux qu’on ne retrouve nulle part

En préparant cet article, je suis tombé sur des pages d’agences qui annoncent 46 % de recherches à intention locale et 78 % des clics accaparés par le top 3 du pack local. J’ai cherché les études d’origine. Rien. Aucune source primaire retrouvée pour l’un ni pour l’autre, et un « 54 000 habitants » à Bayonne qui attend une vérification côté INSEE. Ces chiffres circulent parce qu’ils rassurent et qu’ils vendent. La structure Hn n’en a pas besoin : elle a des textes officiels derrière elle, et ça suffit largement pour se décider.

Loi de 2005, RGAA 9.1, RGPD : le cadre officiel

En France, le sujet dépasse le conseil d’expert : il est encadré. La CNIL le rappelle : l’article 47 de la loi n° 2005-102 du 11 février 2005 rend obligatoire l’accessibilité des services de communication publique en ligne. Le RGAA 4.1, qui opérationnalise cette exigence depuis 2020, compte 106 critères répartis en 13 thématiques. Son critère 9.1 demande que l’information soit structurée par l’utilisation appropriée de titres. Détail qui dédramatise : un saut hiérarchique ne suffit pas, à lui seul, à invalider le critère quand la hiérarchie reste cohérente.

Le RGPD, vous avez vu passer ? Articles 12, 13 et 14 : l’information sur les données doit être « concise, transparente, compréhensible et aisément accessible » (CNIL). Une structure Hn propre aide concrètement à trouver la mention cookies, le formulaire et les droits – même mécanique que pour un client qui cherche vos horaires. Le W3C résume l’enjeu pour les lecteurs d’écran : « Properly coded headings allow assistive technology users to understand the hierarchy of content and navigate to the section most likely to have the material of interest. » Autrement dit : des titres bien codés, et le visiteur équipé d’un lecteur d’écran saute directement à la section qui l’intéresse (méthode WCAG 3 « Headings in HTML »).

Et le DMA ? Je n’ai trouvé aucune règle touchant le balisage Hn d’un site vitrine à Bayonne. Si un prestataire vous affirme le contraire, demandez la source.