Améliorer la compréhension de vos pages web et booster le SEO
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.