Comment utiliser plusieurs balises H1

TL; DR

Notre conclusion est que, même s’il est acceptable de s’en tenir à un H1 par page, plusieurs H1 peuvent être utilisés tant qu’ils ne sont pas surutilisés au point de pourriel, et que les H1 s’inscrivent contextuellement dans la structure de la page.

Mise à jour: Google a créé une vidéo le 3 octobre 2019 – Plusieurs rubriques H1: comment les gérer pour le référencement et l’accessibilité

Mise à jour: Confirmé par Google le 21 décembre 2017 – Le modèle de mon site comporte plusieurs balises H1

Le débat sur les balises H1 multiples

Les balises H1 sont synonymes de SEO. HTML5 a été officiellement déployé en octobre 2014. Cela a suscité un regain d’intérêt pour un vieux débat sur le référencement parmi les concepteurs de sites Web et les professionnels du marketing en ligne. L’utilisation de plusieurs balises H1 sur une seule page est-elle mauvaise pour le référencement? Selon l’école de pensée à laquelle vous êtes abonné, certains concepteurs Web ont débattu du véritable cas d’utilisation dans le document décrivant. Tout comme certains référenceurs. Nous savons que les balises H1 ont une valeur, mais ces derniers temps, cette valeur a diminué pour devenir «légère» comme signal de classement. Certains référenceurs essaient d’insérer plusieurs balises H1 sur une page (généralement avec des mots clés cibles) en croyant avoir un impact sur un algorithme de mise en forme. J’ai vu des éléments H1 dans des chemins de navigation, cachés derrière des graphiques sans mots et poussés à la marge avec CSS.

Mais les autres référenceurs qui s’inquiètent du spam, optent pour une règle empirique de balise h1. Lorsqu’un client a posé des questions sur ce sujet, nous avons réévalué nos multiples meilleures pratiques H1. Nous devions établir notre position sur cette question. Nous avons écrit ce billet de blog avec la participation de collègues SEO et de concepteurs de sites Web via les médias sociaux.

Présentation du document HTML5

Pour tous les non-techniciens, depuis 1997, HTML4 était la voie à suivre pour les développeurs Web pour définir, coder et créer des sites. En fait, de nombreux sites qui existent aujourd’hui sont construits en HTML4. Que vous soyez passé à la spécification HTML5 ou que vous utilisiez HTML4, l’utilisation de plusieurs balises H1 est OK. Assurez-vous qu’il y a une raison logique à cela et que vous ne les abusez pas au détriment de l’expérience utilisateur. Cette vieille mais pertinente vidéo de Matt Cutts concurs.H1

Utilisation des balises pour les débutants

Nous (SEO, rédacteurs et concepteurs / développeurs Web) disons toujours que l’utilisation des balises est similaire à la structure du titre d’un article. Pour cette raison, il est logique que Google les utilise comme signaux ou indices contextuels concernant votre sujet. Ils aident les moteurs de recherche à mieux comprendre le contenu de la page, de l’article ou de l’article.

Joignez-vous à notre liste d’envoi!

Vous voulez savoir quand de nouveaux outils gratuits et des articles de blog seront publiés? Rejoignez notre newsletter!

Les référenceurs techniques mettent alors leur spin sur ce fait. La méthode à l’ancienne pour «optimiser» les balises d’en-tête HTML et les balises H1 pour un meilleur classement de recherche consistait à effectuer des recherches par mot-clé, puis à les remplir plusieurs fois sur un seul élément de contenu. Google était au courant de cette tactique. Ce qui a suivi a été la partie tactique de l’industrie du SEO effectuant des expériences sur la valeur des balises H1, dont la plupart était alambiquée et avait des résultats peu concluants.

Aussi loin que je me souvienne, il y a eu des articles contradictoires proclamant que le H1 n’a pas de pouvoir, seulement les premiers sujets du H1, tous les H1 ont un impact énorme. La conclusion générale finale s’apparentait à: « Google est à nous – n’utilisez qu’une seule balise H1 et assurez-vous qu’elle est riche en mots clés. » Je dirais que c’est là que se trouve la moitié de l’industrie du référencement aujourd’hui.

Mais cela a-t-il un sens du point de vue du marketing de contenu et du marketing numérique? N’y a-t-il pas des situations où une page peut regrouper plusieurs sujets (malgré certaines recommandations techniques de SEO), où quelques balises H1 sont appropriées? Grâce aux normes de document HTML5 finalement convenues, l’utilisation de plusieurs balises H1 sur une seule URL est désormais acceptée comme sémantiquement correcte – tant qu’elles sont utilisées de la bonne manière et non comme une astuce de spam. Autrement dit, il existe de nouvelles règles d’utilisation H1.

Voici comment les balises H1 peuvent être utilisées dans la structure de votre document:

  • Un H1 doit toujours se trouver dans la première section du contenu de la page (généralement le logo ou la zone d’en-tête de niveau).
  • Les balises H1 peuvent être utilisées pour diviser les sections de contenu (traditionnellement là où la plupart sont considérées comme H2).
  • Les balises H2 sont utilisées comme éléments de tête HTML pour détailler un plan pour prendre en charge le libellé de la section H1, suivi de H3, etc.

De notre point de vue, à mesure que Google élargit sa compréhension au-delà des mots clés simples, nous encourageant à toujours écrire pour les humains, nous allons recommander d’utiliser les balises H1 selon les besoins des utilisateurs. Ensuite, travaillez dans des mots clés quand cela a du sens. Nous ne sommes plus de la mentalité «une seule balise H1» et nous ne voyons aucune raison de ne pas recommander les règles d’utilisation HTML5. Cela ressemble à une correspondance appropriée avec les désirs de Google après Hummingbird.

Optimisation des balises H1 pour le référencement

Vous devez toujours essayer d’inclure un mot-clé lorsqu’il est pertinent pour la copie précédente dans votre balise H1 afin que vos utilisateurs et les moteurs de recherche comprennent l’idée principale de votre page Web. Vous trouverez ci-dessous quelques conseils utiles que notre équipe de référencement suit afin que nos rubriques soient optimisées pour le référencement sur la page. Nous souhaitons obtenir la valeur SEO de ces balises.

  • Le mot clé que vous choisissez pour votre balise H1 doit être quelque peu différent de celui que vous recherchez dans la balise de titre et l’URL.
  • Écrivez le contenu de votre page Web afin que votre H1 articule un message convaincant et convivial qui soit logique et facilement reconnaissable, contrairement à un titre bourré de mots clés.
  • Les mots de chaque balise H1 doivent être uniques et ciblés sur la page Web sur laquelle ils se trouvent. Avoir une balise H1 unique serait utile pour que Google reconnaisse la pertinence unique entre différentes pages. Les balises H1 sont l’un des éléments SEO les plus importants sur la page à côté de la balise de titre.

Exemple de document HTML4

<—C'est le début de l'article<—C’est le début de l’article

Apprendre le référencement

<—Ce H1 est la balise de titre de l'article; généralement le sujet principal

À propos du référencement

<-Cette balise H2 est le début d’une partie spécifique de l’article

paragraphe

paragraphe

paragraphe

paragraphe

Pourquoi apprendre le SEO

<-Cette balise H2 est le début d’une autre partie spécifique de l’article

paragraphe

paragraphe

paragraphe

paragraphe

<—C'est la fin de l'article

Exemple de document HTML5

Maintenant, c’est le même article créé à l’aide des normes de document HTML5:

Apprendre le référencement

<-Cette balise H1 est la balise d’en-tête de l’article entier et représente également la première section de contenu.

<—Remarquez comment le titre est séparé du reste de l'article

<—Notez le div "article", un nouvel ajout pour la section du contenu.

À propos du référencement

<-Cette balise H1 est le début d’une partie spécifique de l’article. (Notez que ce sont maintenant des balises H1, et non H2 comme dans HTML4).

paragraphe

paragraphe

paragraphe

paragraphe

<—Notez comment chaque section de contenu est conservée dans sa propre division d'article.

Pourquoi apprendre le SEO

<-Cette balise H1 est le début d’une autre partie spécifique de l’article. (Encore une fois, notez que ce sont maintenant des balises de titre H1, pas H2 comme dans HTML4).

paragraphe

paragraphe

paragraphe

paragraphe

<—C'est la fin de l'article.

Alors, que montrent ces deux exemples de balises HTML? En résumé, la raison pour laquelle il est acceptable d’utiliser plusieurs balises d’en-tête dans un document HTML5 est celle d’éléments tels que le

et

Mots clés. Ces balises HTML indiquent aux moteurs de recherche qu’ils doivent traiter ces sections comme des articles distincts.

Étant donné que Google favorise les sites avec une forme plus longue, des éléments de contenu plus holistiques (comme en témoigne Hummingbird), ainsi que l’augmentation de sa capacité de compréhension sémantique, avoir plusieurs H1 sur une seule page peut continuer à devenir plus courant. Cela pourrait en fait être utile pour aider les utilisateurs et les araignées de recherche à mieux digérer la section de contenu de chaque page Web. C’est une hypothèse sûre de penser que Google adoptera HTML5 avec les tags H1 – s’ils ne l’ont pas déjà fait.

Que pensez-vous de plusieurs balises H1? Tweetez-nous @greenlane_team!