La hiérarchie des titres de page et son impact SEO / RGAA
Souvent oubliée lors de la conception et la contribution, la hiérarchie des titres a pourtant un triple bénéfice pour votre site internet. Elle permet :
- d’améliorer votre SEO (référencement naturel) ;
- d’assurer la conformité au RGAA (critère 9.1) ;
- de garantir une bonne compréhension de votre contenu par vos utilisateurs.
Vous avez donc tout intérêt à vous y mettre, mais comment faire ?
La clé : une bonne gestion des balises heading
Les balises heading servent à définir les différents niveaux de titre de votre page.
Il existe six niveaux de balises heading : h1, h2, h3, h4, h5 et h6.
Comment utiliser la balise h1 ?
La balise h1 est utilisée pour renseigner le titre principal de la page, elle possède donc des règles d’utilisations spécifiques :
- chaque page doit avoir un seul h1, présent avant tous les autres headings ;
- il doit permettre de comprendre clairement le contenu de la page et contenir les mots-clés principaux liés à son contenu ;
- plusieurs pages ne doivent pas partager le même h1 ;
- il est recommandé que le h1 fasse au maximum 70 caractères.
Comment utiliser les balises h2, h3, h4, h5 et h6 ?
Ces balises permettent d’organiser et de hiérarchiser le contenu de vos pages. Elles respectent les règles suivantes :
- Les balises doivent être imbriquées progressivement sans sauter de niveau de titre : un h4 doit toujours être compris dans un h3, un h3 doit toujours être compris dans un h2 etc ;
- Elles peuvent être utilisées autant de fois que nécessaire dans une page ;
- Chaque niveau de titre doit avoir une force visuelle proportionnelle à son importance.
Comment analyser les headings d’un site ?
L’extension de navigateur headingsMaps sur Mozilla est un excellent outil pour vérifier la structure des pages. En un clic, vous pouvez afficher la hiérarchie des titres d’une page dans un volet latéral et identifier en un coup d’œil les erreurs de structure.
Exemples de sites avec une bonne hiérarchie de titres
Dans les exemples ci-dessous, les sites respectent la structure de titres recommandée, offrant une expérience utilisateur et un référencement optimal.
Exemples de sites avec une mauvaise hiérarchie de titres
Vous pouvez voir ci-dessous des exemples de sites qui ne respectent pas la structure de titres recommandée, les erreurs sont identifiées avec un fond rouge.
Vous serez surpris de voir combien de sites ne respectent pas ces principes de base, même ceux qui mentionnent le SEO et le RGAA dans leur cahier des charges.
Pourquoi tant d’erreurs ?
Voici quelques hypothèses pour expliquer ces erreurs fréquentes :
- Un manque de compréhension et de pédagogie
Beaucoup de clients ne comprennent pas l’importance de la structure des titres, et les prestataires n’expliquent pas suffisamment ce point crucial. - Une conception incorrecte
Parfois, les concepteurs ne respectent pas les hiérarchies de titre, bien que ce cas devienne heureusement plus rare. - Des cas pas prévus en phase de conception
Les concepteurs ne prévoient pas toujours tous les cas possibles, forçant les contributeurs à utiliser des solutions non optimales, comme utiliser un h3 au lieu d’un h2 pour des raisons graphiques. - Une implémentation défaillante
Les développeurs peuvent parfois mal implémenter la logique des balises heading, souvent par manque de communication avec les designers. - Une formation insuffisante des contributeurs
Les contributeurs ne sont pas toujours bien formés et peuvent mal structurer les pages sans le savoir.
Nos recommandations pour une bonne structure de titres sur votre site
La structure des titres de votre site est un paramètre à prendre en compte dès la conception, et qui vous suivra tout au long de la contribution.
- Choisir les bons prestataires
Assurez-vous que les designers et développeurs que vous engagez sont compétents en SEO et conformité RGAA. Testez leurs réalisations précédentes avec headingsMaps. - Impliquer les contributeurs dès la conception
Les futurs utilisateurs du site doivent être impliqués dans la conception pour s’assurer que toutes leurs exigences sont prises en compte. Leur implication permet aussi une meilleure adoption des gabarits et du design. - Prévoir une formation pour les contributeurs
Intégrez une session de formation pour que vos contributeurs comprennent bien comment structurer les pages correctement.
Pour conclure
Une bonne gestion des balises de titres est essentielle pour renforcer l’accessibilité, le référencement naturel et l’expérience utilisateur globale de votre site, c’est un travail continu à prendre en compte dès la conception.
En faisant appel à des prestataires experts, vous vous assurez d’obtenir un site conforme aux normes RGAA et SEO liées aux titres, et un accompagnement de vos contributeurs sur les bonnes pratiques à suivre.
Voici quelques-uns de nos projets conçus en ce sens :
Fondation Inria
Fonds d’art contemporain Paris Collection
Centre des monuments Nationaux
Abbaye de Fontevraud
Métropole Grand Lyon
Métropole Toulon Provence Méditerranée
Sylvain Hourany est le fondateur de Perméable.
Diplômé ingénieur de l’Université de Technologie de Compiègne en 2001, puis du mastère Multimédia – hypermédia ENSBA / ENST en 2002, Sylvain a fondé l’agence Perméable en 2003. Il a plus de 20 ans d’expérience dans l’accompagnement d’acteurs institutionnels, publics et privés dans la conception et la réalisation de leurs outils de communication.
Prêt à passer à l’étape suivante ?
On commence par un appel de 30 minutes, gratuit, sans engagement. Vous repartez avec un diagnostic clair des axes d’amélioration prioritaires de votre site internet.
Questions fréquentes
Non. Google utilise les balises heading pour comprendre la structure et le sujet d’une page, et le H1 est un signal fort pour le keyword principal. John Mueller (Google Search Relations) a précisé en 2021 que les headings aident Google à mieux comprendre le contenu, mais qu’ils ne constituent pas un facteur de ranking isolé. C‘est leur cohérence avec l’ensemble du contenu qui compte.
Pas obligatoirement, et il existe de bonnes raisons de les différencier. Le title tag est optimisé pour les page de résultats de recherche de Google . Le H1 est optimisé pour l’utilisateur sur la page, il peut être plus long ou formulé différemment. En pratique, ils sont souvent identiques par commodité. Les différencier peut être utile quand le title tag est très contraint en longueur et que le H1 gagne à être plus explicite pour le lecteur.
Elle n’est pas directement pénalisée, mais sous-optimisée. Google peut indexer et positionner une page avec uniquement un H1 et du texte, mais la structuration en H2 et H3 aide les robots à comprendre les sous-thèmes de la page, ce qui est un signal de pertinence sur des requêtes sémantiquement riches. Pour le RGAA, l’absence de structure ne constitue pas une non-conformité en soi, mais une structure insuffisante peut affecter la navigation des utilisateurs de lecteurs d’écran, qui s’appuient sur les headings pour se déplacer dans le contenu.
Sur toutes les pages, mais avec une priorité claire. Les pages qui génèrent du trafic organique ou qui correspondent à des parcours utilisateurs clés méritent une attention immédiate. Les pages de mentions légales, CGU ou plan du site ont moins d’enjeu SEO, mais leur structure heading reste un critère RGAA à respecter pour la conformité globale du site. Une approche pragmatique : corriger les pages à fort trafic en priorité, puis traiter les autres lors des contributions courantes.
