Les Balises Hn et le SEO : tout ce que vous devez savoir

Ce billet fait partie d’une série d’articles où DigiDux, agence référencement naturel, aborde les fondamentaux du référencement naturel. Vous y trouverez :

• Comment indexer et référencer son site sur google rapidement?
• URL SEO : 10 bonnes pratiques pour le référencement naturel
• La balise Title en SEO
• La balise meta description
• Les balises Hn : tout ce que vous devez savoir
• Le fichier robots.txt

Qu’est ce que les Balises Hn ?

Ce sont des balises HTML utilisées pour l’encadrement des différents titres et sous-titres d’un contenu. 

L’utilisation correcte du balisage Hn fournit une hiérarchie et une vue d’ensemble de la page Web. Il aide les visiteurs à parcourir facilement votre document et les moteurs de recherche à comprendre rapidement sa structure et son contenu.

Les balises Hn se déclinent en six niveaux: de H1 à H6, parmi lesquelles les balises H1, H2 et H3 sont les plus fréquemment utilisées.

Le H1 est souvent appelé «titre principal» (« main heading »), tandis que les H2 à 6 sont dits des «sous-titres» (« subheadings ») parce qu’ils indiquent des sous-niveaux.

Quelle est la différence entre “titre” et “balise de titre” ?

Les gens font souvent référence aux «balises de titre» lorsqu’ils parlent de titres. Pour éviter toute confusion, prenons un exemple et examinons l’élément de titre H1 tel qu’il apparaît dans la source HTML:  <h1>C’est le titre de votre article</h1> :

•  <h1> : la « balise d’ouverture » ou « balise ouvrante » pour le titre H1
• C’est le titre H1 : le texte qui apparaît sur l’écran du visiteur en tant que titre H1
• </h1> : la « balise de fermeture » ou « balise fermante » pour le titre H1

Quel rôle pour les Balises Hn ?

Pour une page web, les balises Hn correspondent aux titres introduisant les différents contenus dans le code HTML (le H fait référence au terme anglais « Heading »). Elles sont utiles à la fois pour les internautes et les moteurs de recherche:

• Elles sont chargées d’améliorer l’expérience utilisateur/l’expérience de lecture : En effet, les visiteurs utilisent ces balises pour parcourir rapidement une page afin de déterminer si elle leur semble pertinente. 

De plus, les visiteurs malvoyants utilisent des lecteurs d’écran pour naviguer sur le Web. Et les lecteurs d’écran s’appuient sur les headings pour «comprendre» les pages Web et aider leurs utilisateurs.

Un internaute lit plus facilement un contenu bien hiérarchisé.

• Elles font comprendre aux moteurs de recherche la structure d’une page et les sujets qu’elle traite : 

Bien que, pour certains, l’inclusion de mots clés dans les balises Hn constitue un ‘faible’ critère dans les algorithmes de classement des moteurs de recherche, il est indéniable que ceci contribue à l’amélioration des performances de votre référencement naturel.

Beaucoup d’études de corrélation SEO ont montré une corrélation faible mais positive entre des classements plus élevés et les titres d’une page.

Et gardez à l’esprit que tout ce que vous faites pour améliorer l’expérience utilisateur se traduit généralement par de meilleures performances SEO.

Le Balisage Hn et les featured snippets 

Les moteurs de recherche peuvent afficher des featured snippets, des encarts spéciaux contenant des extraits d’une page, dans leur SERP.

Ils doivent comprendre suffisamment bien le contenu pour choisir ces extraits en toute confiance, et ils comptent sur les balises de titre Hn pour le faire.

En résumé, une utilisation intelligente et correcte des balises Hn vous aide à apparaître dans les featured snippets, tout en haut dans les résultats de recherche, ce qui augmente votre visibilité et génère plus de trafic organique vers votre site.

Voici un exemple d’un featured snippet :

L’extrait ci-dessus est tiré de cette section de la page Wikipédia :

Comment bien utiliser les Balises Hn de H1 à H6 ?

Les balises de titre Hn doivent être structurées de manière logique sur les pages de votre site. Elles offrent un meilleur repérage visuel sur la page et donnent une structure aux textes sur le web. Cependant, l’erreur serait de penser qu’elles ne sont là que pour hiérarchiser l’article en apportant une taille différente à chaque titre.

En effet, un rôle important des balises Hn est sémantique. Une <h2> ou <h3> doit contenir une variante du mot clé principal ou des mots clés secondaires.

Une page commence par un titre H1 (le plus important), suivie d’un H2 et – si vous avez besoin d’une autre sous-section – elle peut être suivie d’un H3. Si vous avez besoin de plus de sous-sections ou d’axes d’argumentation, vous pouvez même ajouter des H4, H5 et H6.

Dans l’illustration ci-dessous, nous utilisons trois niveaux de titres :

Ne sautez pas un niveau dans la hiérarchie. Par exemple, ne passez pas d’un H1 à un H3. Il devrait y avoir un H2 entre les deux.

Voici un bon exemple d’utilisation correcte des titres:

• <h1>Titre principal</h1>
  • <h2>En bref</h2>
    • <h3> Définition …</h3>
  • <h2> Rôle…</h2>
    • <h3> Intérêt SEO…</h3>

Si vous rédigez un long contenu, vous pouvez avoir, par exemple, la structure de balises Hn suivante :

• <h1> Titre principal</h1>
  • <h2> C’est un sous-titre H2</h2>
  • <h2> C’est un autre sous-titre H2</h2>
    • <h3> C’est un sous-titre H3</h3>
      • <h4> C’est un sous-titre H4</h4>
        • <h5> C’est un sous-titre H5</h5>
          • <h6> C’est un sous-titre H6</h6>
  • <h2> Ceci est aussi un autre sous-titre H2 </h2>
    • <h3> C’est un sous-titre H3</h3>
      • <h4> C’est un sous-titre H4</h4>

Et voici un exemple de hiérarchie de balise Hn que vous devez éviter:

• <h2>Pourquoi ce H2 est en haut ?</h2>
• <h4>Et pourquoi est-ce un titre H4?</h4>
• <h1>Ce titre H1 aurait dû être en haut</h1>
• <h3>Un titre H3 aléatoire ici</h3>

En résumé, les headings (balises Hn) doivent:

• être clairs, courts et concis
• ils sont là pour améliorer la compréhension de votre contenu.
• vous devez mettre au moins une balise Hn par page, et c’est un H1 en priorité

La taille des Headings Hn

Plus vous descendez dans votre page, plus les titres deviennent “petits” (et moins important). Le H1 doit être le plus grand titre de la page. Le H2 est un peu plus petit que le H1, et à son tour, le H3 est plus petit que le H2 et ainsi de suite.

L’affichage des balises présentes se traduit ainsi :

Pour aider les lecteurs à mieux naviguer dans votre contenu, vous devez avoir des titres et sous-titres distinguables.

Être distinguable peut impliquer une différenciation visuelle de la taille, de la police mais, aussi, de la couleur ou de l’effet. Ou une combinaison de tous ces attributs.

L’ordre des Balises Hn dans le code source HTML

D’après, John Mueller, analyste et porte parole des tendances chez Google a récemment indiqué que l’ordre des balises ne comptait pas réellement. Cela n’empêche pas que les balises Hn doivent être placées en respectant les niveaux de différence.

La Balise H1 et le SEO

Première chose et non des moindres : il ne faut qu’une seule balise H1 par page. Après tout, vous ne mettriez pas plusieurs titres principaux à un livre ? La bonne pratique est donc d’avoir une seule h1 par page. Et tous les experts SEO s’accordent sur le fait que la balise H1 a un poids important en référencement naturel. Voici les principales règles élémentaires autour de cette balise :

• La balise H1 décrit le sujet principal d’une page
• Elle doit être étroitement liée au contenu
• La balise H1 contient le mot clé principal de la page
• La balise H1 doit être unique sur votre site Web 
• Et une page ne doit contenir qu’une seule balise H1.

Aussi : Ne pas placer la balise H1 autour d’une image (par exemple : <h1><img src= »logo.png »></h1>), car les moteurs de recherche ne comprennent pas les images aussi bien que le texte. Vous raterez l’occasion de signaler aux moteurs de recherche ce qu’est le sujet principal de la page.

Votre balise H1 peut correspondre au Title de votre page, mais ce n’est pas nécessaire. Les internautes sont beaucoup plus susceptibles de remarquer votre balise H1 que votre Title, alors assurez-vous que votre H1 a du sens pour vos visiteurs et qu’elle contienne votre mot-clé principal (ou une expression-clé cohérente avec le champ sémantique de la page).

<title>Les balises H1-H6 et le SEO : Le Guide ultime</title>

<h1>Les balises Hn et le SEO : tout ce que vous devez savoir</h1>

La taille de la Balise H1

Vous devez éviter une balise H1 trop longue ou plus explicite : la balise H1 ne doit pas comporter trop de mots. Si c’est le cas, il y a de fortes chances que le H1 ne soit pas lisible pour vos visiteurs, ce qui nuit à leur expérience utilisateur.

Nous vous recommandons de vous en tenir à une longueur maximale de 60 caractères, similaire à la balise Title.

Quant à la taille minimale, cette balise doit être suffisamment longue pour avoir un sens. D’après notre retour d’expérience, s’en tenir à 4-5 mots (hors mots vides) est un bon arbitrage. Et surtout : assurez-vous que la balise H1 a du sens pour les internautes et comporte le mot clé principal de votre page pour une bonne indexation par les moteurs de recherche.

Autres utilisations de la balise H1

Si vous n’avez pas défini un Title pour votre page ou si les moteurs de recherche ne l’ont pas trouvé suffisamment pertinent, ils peuvent afficher la balise H1 comme Title dans les SERP.

Les balises Hn de  H2 à H6

Les balises H2-H6 sont utilisées pour structurer davantage le contenu.

La plupart des pages ont l’avantage d’avoir au moins une balise H2. Et le fait de ne pas en avoir n’est pas ‘fatal’.

Pour l’optimisation des balises Hn, voici certaines règles primordiales :

• Utiliser les balises H2-H6 là où cela a du sens 
• Ne pas sauter les niveaux de titres
• Eviter le keyword stuffing (bourrage de mots clés) quitte à sur-optimiser votre contenu
• Diversifier ses balises, en brassant la sémantique et le champ lexical de son mot clé principal (utiliser des termes synonymes, similaires, des déclinaisons … etc)

On soulève ici la notion d’intelligence artificielle (pour le moteur Google) qui sait mesurer la pertinence d’un contenu et son « fil conducteur ».

Ressources complémentaires

• L’élément <header> expliqué
• On Page SEO checker pour évaluer tous les éléments de vos pages web par Semrush ou Site Checker

FAQ autour des Balises Hn

Maintenant, n’hésitez pas à solliciter nos experts pour :

• analyser les balises Hn de vos pages web
• créer des structures Hn claires et stratégiques
• ou tester la performance de vos contenus existants par rapport à vos concurrents.

DigiDux vous aide à booster la visibilité de vos contenus grâce à ses recommandations SEO, notamment sur vos balises Hn.