Améliorer la compréhension de vos pages web et booster le SEO

Aout 2024
UX design / 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.

  1. 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.
  2. 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.
  3. 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.

Partager