Qu'est-ce que le tag H1 et pourquoi est-il important pour le référencement?

Audit SEO - Hébergement - Site Internet & Boutique E-commerce Prestashop

Qu'est-ce que le tag H1 et pourquoi est-il important pour le référencement?

octobre 20, 2019 Audits E-commerce 0
h1 SEO

Chaque page ou poste peut avoir plusieurs en-têtes. le

Table of Contents

Balise HTML est généralement utilisé pour le titre d'une page ou d'un article et constitue le premier en-tête visible sur une page. Le formatage d'un h1 diffère généralement du reste des balises d'en-tête trouvées sur une page (h2, h3, h4).

Dans cet article, vous apprendrez quelles sont les balises de titre HTML, quelle est la particularité de la

tag, pourquoi il est important pour le référencement et comment écrire un tag d’en-tête à la fois convivial et convivial.

Pour faciliter la lecture, voici votre table des matières.

Table des matières

Que sont les balises de titre HTML?

Dans le langage HTML (Hyper Text Markup Language), qui est la langue utilisée pour afficher les pages Web dans un navigateur (quelle que soit la plate-forme du CMS), diverses balises peuvent être utilisées pour créer des en-têtes dans un document.

Cela ressemble beaucoup à la création d’en-têtes dans Microsoft Word. Lorsque vous voulez qu'un texte ou une phrase en particulier se démarque, vous pouvez définir son style comme suit: 1, 2, etc.

Les titres d'un document Word peuvent être utilisés pour diviser un document en différentes parties ou comme guide pour la création d'une table des matières.

Le cours complet de référencement

En général, ils facilitent la lecture d'un document en divisant un document volumineux en parties plus petites, chaque partie ayant un en-tête ayant une mise en forme différente (texte plus grand, gras, etc.), que le reste du document.

Les balises de titre HTML fonctionnent de la même manière.

Lorsque vous mettez en surbrillance une phrase dans l'éditeur WordPress et que vous la définissez sur En-tête 1, le système ajoute le code suivant dans le code HTML:

LE COURS COMPLET DE SEO Un cours étape par étape sur la façon de augmentez votre trafic en 60 jours ou moins. Apprenez à créer pratiquement un site Web ou un blog réussi.le SEULEMENT Cours de référencement que vous aurez toujours besoin de lire!

Ceci est une rubrique H1

Cela indique au navigateur de formater cette phrase dans un style différent (défini par les classes CSS) de votre thème.

Regardez l'exemple ci-dessous:

Définition du texte en-tête 1 "width =" 649 "height =" 235 "srcset =" https://audit.boutique/wp-content/uploads/2019/10/Qu39est-ce-que-le-tag-H1-et-pourquoi-est-il-important-pour.png 1000w, https: //www.reliablesoft.net/wp-content/uploads/2018/01/heading1-tag-visually-600x217.png 600w, https://www.reliablesoft.net/wp-content/uploads/2018/01/heading1 -tag-visuellement-300x109.png 300w, https://www.reliablesoft.net/wp-content/uploads/2018/01/heading1-tag-visually-768x278.png 768w "values ​​=" (largeur maximale: 649px ) 100vw, 649px
Définir le texte comme rubrique 1
Titre HTML Tag "width =" 649 "height =" 179 "srcset =" https://audit.boutique/wp-content/uploads/2019/10/_463_Qu39est-ce-que-le-tag-H1-et-pourquoi-est-il-important-pour.jpg 1000w, https: //www.reliablesoft .net / wp-content / uploads / 2018/01 / heading1-600x166.jpg 600w, https://www.reliablesoft.net/wp-content/uploads/2018/01/heading1-300x83.jpg 300w, https: / /www.reliablesoft.net/wp-content/uploads/2018/01/heading1-768x212.jpg 768w "tailles =" (largeur maximale: 649px) 100vw, 649px
Titre 1 Balise HTML

Lorsque vous définissez l'en-tête sur H2 ou H3, le code HTML devient:

Ceci est une rubrique H2

Ceci est une rubrique H3

Ainsi, les balises d'en-tête HTML sont des morceaux de code HTML utilisés pour spécifier les en-têtes d'une page.

Qu'est-ce qu'une balise H1?

le

balise est généralement la première balise d'en-tête visible sur une page. Il se situe en haut de la hiérarchie des tags présents sur une page.

Pour faire ressortir le texte, la balise h1 est formatée différemment du reste des balises de page.

Voici un exemple de balise h1:

Exemple de balise H1 "width =" 651 "height =" 276 "srcset =" https://audit.boutique/wp-content/uploads/2019/10/_600_Qu39est-ce-que-le-tag-H1-et-pourquoi-est-il-important-pour.jpg 1000w, https: // www. reliablesoft.net/wp-content/uploads/2018/01/heading1-tag-600x254.jpg 600w, https://www.reliablesoft.net/wp-content/uploads/2018/01/heading1-tag-300x127.jpg 300w, https://www.reliablesoft.net/wp-content/uploads/2018/01/heading1-tag-768x326.jpg 768w "values ​​=" (largeur maximale: 651px) 100vw, 651px
Exemple de balise H1

Le moyen le plus simple de comprendre l’utilisation des balises est d’imaginer que vous écrivez les grandes lignes d’un document volumineux.

Le titre principal de votre document sera votre

, vos points principaux les

et sous-pointe le

.

En ce qui concerne le développement Web et le référencement, il existe certaines différences entre le titre de la page et le tag H1. Voyons ci-dessous en quoi ces deux éléments diffèrent et pourquoi vous devez vous en soucier.

Différences entre le tag H1 et le titre de la page dans le référencement

Une des balises les plus importantes pour SEO fins est la balise de titre ().

Les principales différences entre les deux sont les suivantes:

La balise de titre est affichée dans le SERPS (pages de résultats du moteur de recherche). Il est utilisé comme en-tête principal de l'extrait de code dans les résultats de la recherche.

La balise de titre ne figure pas dans le corps d'une page, mais fait partie de l'en-tête de la page.

et il est également indiqué dans le titre du navigateur.

le

La balise est affichée aux utilisateurs lors de la navigation sur une page.

La balise de titre est un signal fort pour les moteurs de recherche des moteurs de recherche sur le contenu de la page.

Alors, quand il s’agit de SEO sur la page, le titre de la page est plus important que la balise H1, mais pour optimiser les résultats, vous devez optimiser les deux.

Pourquoi les H1 sont-ils si importants pour le référencement?

L'une des tâches les plus complexes des moteurs de recherche consiste à comprendre le sens (contexte) d'une page.

Pour pouvoir le faire de la manière la plus efficace et la plus rapide, ils utilisent des données provenant de différents signaux.

L'un de ces signaux est le titre de la page et un autre est l'étiquette H1.

Lors de l'exploration du contenu d'une page, les robots des moteurs de recherche lisent le code HTML et tentent d'identifier les phrases contenues dans les balises de titre (h1, h2, etc.).

Ils les considèrent comme une indication du contenu de la page.

Ainsi, en utilisant des mots-clés dans votre balise H1, vous aidez les moteurs de recherche à comprendre en quoi consiste votre page.

Une autre raison pour laquelle les en-têtes sont importants pour le référencement est qu’ils facilitent la navigation des utilisateurs sur la page.

L'utilisateur peut voir d'un coup d'œil en quoi consiste la page en consultant le tag H1. Les autres rubriques fournissent aux utilisateurs un indice important sur ce à quoi s'attendre dans chaque section.

Prenons, par exemple, le message que vous lisez en ce moment. J'ai marqué tous les points importants comme un h2 et ajouté une table des matières en haut facilitant la navigation.

Meilleures pratiques de référencement H1 Tag

Maintenant que la théorie des balises h1 est derrière nous, voyons comment rédiger de bons titres pour vos articles ou le contenu de la page en général.

La balise H1 peut être différente ou identique au titre de la page.

Dans la majorité des cas, le titre de la page et la balise h1 sont identiques. C'est parce que les CMS (comme WordPress) sont configurés de cette façon.

C'est parfaitement bien. Ce n’est pas un Erreur de référencement, avoir le même texte pour le titre de la page et l'en-tête h1.

En règle générale, utilisez différents titres et balises h1 lorsque cela convient à vos utilisateurs et à vos objectifs de référencement.

Par exemple, regardez le titre et h1 que j’ai utilisé pour mon Cours de référencement page.

Exemple de page ayant un titre et un titre différents "width =" 651 "height =" 330 "srcset =" https://www.reliablesoft.net/wp-content/uploads/2018/01/different-page-title- page-heading.jpg 1000w, https://www.reliablesoft.net/wp-content/uploads/2018/01/different-page-title-page-heading-600x304.jpg 600w, https: //www.reliablesoft. net / wp-content / uploads / 2018/01 / différent-titre-page-cap-300x152.jpg 300w, https://www.reliablesoft.net/wp-content/uploads/2018/01/different-page -title-page-heading-768x389.jpg 768w, https://www.reliablesoft.net/wp-content/uploads/2018/01/different-page-title-page-heading-341x173.jpg 341w, https: / /www.reliablesoft.net/wp-content/uploads/2018/01/different-page-title-page-heading-250x127.jpg 250w "values ​​=" (largeur maximale: 651px) 100vw, 651px
Exemple de page ayant un titre et un en-tête différents

Le titre de la page est plus descriptif car il est indiqué dans le SERPS, mais pour l’en-tête de la page, je voulais quelque chose de plus simple.

Comment fournir un h1 et un titre de page différents?

J'ai mentionné ci-dessus que la plupart des thèmes et des plates-formes de développement Web sont configurés pour utiliser la même valeur pour le titre de la page et la balise h1. Il s'agit généralement de ce que vous spécifiez comme titre d'une page ou d'un message.

Si vous souhaitez le modifier et que vous avez des valeurs différentes, vous pouvez modifier votre code HTML ou utiliser WordPress si vous utilisez un plugin tel que Yoast SEO.

Comme vous pouvez le voir dans la capture d'écran ci-dessous, lorsque vous installez Yoast SEO, il existe une zone supplémentaire sous chaque page / publication où vous pouvez définir le titre de la page.

Yoast SEO Title Settings "width =" 650 "height =" 543 "srcset =" https://audit.boutique/wp-content/uploads/2019/10/_619_Qu39est-ce-que-le-tag-H1-et-pourquoi-est-il-important-pour.jpg 1000w, https : //www.reliablesoft.net/wp-content/uploads/2018/01/yoast-seo-title-settings-600x502.jpg 600w, https://www.reliablesoft.net/wp-content/uploads/2018/ 01 / yoast-seo-title-settings-300x251.jpg 300w, https://www.reliablesoft.net/wp-content/uploads/2018/01/yoast-seo-title-settings-768x642.jpg 768w "tailles = "(largeur maximale: 650px) 100vw, 650px
Réglages de titre Yoast SEO

Utilisez des mots-clés dans vos rubriques

Il est fortement recommandé d'utiliser des mots clés dans vos en-têtes. Comme expliqué dans mon Tutoriel de référencement pour les débutants, les mots-clés doivent être inclus dans le titre et les en-têtes.

Si vous choisissez d’avoir un titre et un titre différents, vous pouvez utiliser votre mot-clé principal dans le titre et un mot-clé associé dans le H1, comme indiqué dans l’exemple ci-dessous.

Titre de la page Vs Heading 1 "width =" 650 "height =" 254 "srcset =" https://audit.boutique/wp-content/uploads/2019/10/_102_Qu39est-ce-que-le-tag-H1-et-pourquoi-est-il-important-pour.jpg 1000w, https://www.reliablesoft.net/wp-content/uploads/2018/01/page-title-vs-heading1-600x235.jpg 600w, https://www.reliablesoft.net/wp-content/uploads/2018 /01/page-title-vs-heading1-300x117.jpg 300w, https://www.reliablesoft.net/wp-content/uploads/2018/01/page-title-vs-heading1-768x300.jpg 768w "tailles = "(largeur maximale: 650px) 100vw, 650px
Titre de la page contre le titre 1

Bien entendu, cela ne signifie pas que vous devez franchir la ligne de démarcation et commencer à créer des en-têtes remplis de mots clés. Sur la base des résultats de votre recherche de mots clés, vous pouvez sélectionner les mots-clés à utiliser.

En règle générale, Mots-clés longue queue sont d’excellents candidats à utiliser dans votre rubrique H1 et d’autres rubriques.

Eviter les titres très longs

Ne faites pas vos titres trop longtemps. Utilisez des titres courts mais descriptifs. Utilisez les mêmes repères de longueur que le titre de la page, c'est-à-dire moins de 65 caractères.

Si vous devez fournir une description plus longue, vous pouvez utiliser un titre court, puis un texte en gras, pour donner plus d'informations, comme indiqué dans l'exemple ci-dessous. Google adsense.

En-tête 1 avec la description "width =" 450 "height =" 395 "srcset =" https://audit.boutique/wp-content/uploads/2019/10/_318_Qu39est-ce-que-le-tag-H1-et-pourquoi-est-il-important-pour.png 926w, https : //www.reliablesoft.net/wp-content/uploads/2018/01/heading1-tag-with-description-600x526.png 600w, https://www.reliablesoft.net/wp-content/uploads/2018/ 01 / heading1-tag-with-description-300x263.png 300w, https://www.reliablesoft.net/wp-content/uploads/2018/01/heading1-tag-with-description-768x673.png 768w "tailles = "(largeur maximale: 450px) 100vw, 450px
Titre 1 avec description

Assurez-vous que votre tag H1 est visible et non caché par les utilisateurs

De nombreux thèmes WordPress ont la balise h1 dans le code HTML de la page, mais ils la cachent (à l’aide de css) pour les utilisateurs. Ce n'est pas une bonne pratique de référencement.

Vérifiez que votre thème génère correctement la balise H1 et qu’elle est visible sur la page.

Le moyen le plus simple consiste à afficher le source d'une page (cliquez avec le bouton droit de la souris et sélectionnez VIEW SOURCE), puis recherchez H1.

Ce que vous voyez enfermé dans

devrait également être visible sur la page.

Code source du tag HTML H1 "width =" 650 "height =" 139 "srcset =" https://audit.boutique/wp-content/uploads/2019/10/_168_Qu39est-ce-que-le-tag-H1-et-pourquoi-est-il-important-pour.jpg 1000w, https: //www.reliablesoft.net/wp-content/uploads/2018/01/h1-html-tag-600x128.jpg 600w, https://www.reliablesoft.net/wp-content/uploads/2018/01/h1 -html-tag-300x64.jpg 300w, https://www.reliablesoft.net/wp-content/uploads/2018/01/h1-html-tag-768x164.jpg 768w "tailles =" (largeur maximale: 650px ) 100vw, 650px
Code source de la balise HTML H1

Style de votre H1 différemment du reste des titres

Faites votre h1 se démarquer. Faites les lettres plus grandes que le reste du texte et des titres.

Style H1 Tag "width =" 650 "height =" 407 "srcset =" https://audit.boutique/wp-content/uploads/2019/10/_381_Qu39est-ce-que-le-tag-H1-et-pourquoi-est-il-important-pour.jpg 1000w, https: // www.reliablesoft.net/wp-content/uploads/2018/01/format-heading1-tag-600x376.jpg 600w, https://www.reliablesoft.net/wp-content/uploads/2018/01/format-heading1 -tag-300x188.jpg 300w, https://www.reliablesoft.net/wp-content/uploads/2018/01/format-heading1-tag-768x481.jpg 768w "values ​​=" (largeur maximale: 650px) 100vw 650px
Styling H1 Tag

Utiliser les titres de manière hiérarchique

J'ai mentionné ci-dessus que vous devriez aborder les titres de la même manière que pour rédiger un plan de livre ou de document long.

Pour le référencement, l’important est d’avoir vos tags de manière hiérarchique, sinon vous risquez de dérouter les moteurs de recherche et les utilisateurs.

En d'autres termes, votre

devrait être au-dessus du code HTML et du reste (h2, h3, etc.) à suivre dans cet ordre.

Hiérarchie des en-têtes "width =" 450 "height =" 367 "srcset =" https://audit.boutique/wp-content/uploads/2019/10/_850_Qu39est-ce-que-le-tag-H1-et-pourquoi-est-il-important-pour.png 584w, https: //www.reliablesoft .net / wp-content / uploads / 2018/01 / heading-hierarchy-300x245.png 300w "tailles =" (largeur maximale: 450px) 100vw, 450px
Hiérarchie des titres

Notez dans l'exemple ci-dessus comment la taille de la police change à mesure que vous descendez dans la hiérarchie.

Utilisez un seul tag h1 par page

Les meilleures pratiques de référencement indiquent qu’il ne devrait y avoir qu’UNE balise h1 par page. C'est parce que cela a plus de sens et c'est ce que vous devriez viser.

Si vous avez plusieurs balises h1 dans une page, ce n'est pas la fin du monde. Si vous pouvez corriger la situation, corrigez-la, sinon laissez-la telle quelle.

Voici une vidéo de Google sur l'utilisation de plusieurs balises h1 par page.

Les balises H1 doivent correspondre à l'intention de l'utilisateur

N'oubliez pas l'intention de l'utilisateur lorsque vous écrivez votre h1. Si cela ne correspond pas aux attentes des utilisateurs, ils risquent alors de quitter votre site Web sans même lire le contenu.

Si cela se produit, vous perdez non seulement des clients ou des lecteurs potentiels, mais également votre référencement.

Ce comportement des utilisateurs visitant un site Web et revenant ensuite aux résultats de la recherche parce qu’ils n’étaient pas satisfaits est appelé pogo-collant et peut affecter négativement votre classement à long terme.

Assurez-vous que votre h1 donne aux utilisateurs ce qu'ils s'attendent à voir sur la page.

Exemples de balises h1 optimisées

Examinons quelques exemples intéressants de sites Web dotés d’étiquettes H1 optimisées, pour vous aider à comprendre comment les principes ci-dessus peuvent être appliqués à la pratique.

Exemple 1: la balise de titre est optimisée pour les utilisateurs, tandis que le titre de la page est plus court et convivial.

Exemple de balise H1 optimisée pour le référencement "width =" 649 "height =" 255 "srcset =" https://audit.boutique/wp-content/uploads/2019/10/_100_Qu39est-ce-que-le-tag-H1-et-pourquoi-est-il-important-pour.jpg 1000w, https://www.reliablesoft.net/wp-content/uploads/2018/01/optimized-h1-tag-example-3-600x236.jpg 600w, https://www.reliablesoft.net/wp-content /uploads/2018/01/optimized-h1-tag-example-3-300x118.jpg 300w, https://www.reliablesoft.net/wp-content/uploads/2018/01/optimized-h1-tag-example- 3-768x302.jpg 768w "tailles =" (largeur maximale: 649 pixels) 100vw, 649 pixels
Exemple de balise H1 optimisée pour le référencement

Exemple 2: Pour les marques connues, l'en-tête 1 (pour la page d'accueil) peut correspondre au nom de la marque, tandis que le titre de la page peut inclure des mots-clés.

Exemple de balise H1 optimisée pour le référencement "width =" 651 "height =" 272 "srcset =" https://audit.boutique/wp-content/uploads/2019/10/_544_Qu39est-ce-que-le-tag-H1-et-pourquoi-est-il-important-pour.jpg 1000w , https://www.reliablesoft.net/wp-content/uploads/2018/01/optimized-h1-tag-example-600x251.jpg 600w, https://www.reliablesoft.net/wp-content/uploads/ 2018/01 / optimisé-h1-tag-exemple-300x125.jpg 300w, https://www.reliablesoft.net/wp-content/uploads/2018/01/optimized-h1-tag-example-768x321.jpg 768w " tailles = "(largeur maximale: 651px) 100vw, 651px
Exemple de balise H1 pour page d'accueil optimisée pour le référencement

Exemple 3: Il est parfaitement correct d’utiliser la même valeur pour le titre et le titre de la page.

Titre de la page Identique au titre 1 Exemple "width =" 649 "height =" 300 "srcset =" https://www.reliablesoft.net/wp-content/uploads/2018/01/optimized-h1-tag-example-2 .jpg 1000w, https://www.reliablesoft.net/wp-content/uploads/2018/01/optimized-h1-tag-example-2-600x277.jpg 600w, https://www.reliablesoft.net/wp -content / uploads / 2018/01 / optimisé-h1-tag-exemple-2-300x139.jpg 300w, https://www.reliablesoft.net/wp-content/uploads/2018/01/optimized-h1-tag- example-2-768x355.jpg 768w "tailles =" (largeur maximale: 649 pixels) 100vw, 649 pixels
Titre de la page Identique au titre 1 Exemple

Qu'en est-il des balises h2, h3 et h4?

Pour éviter toute confusion, laissez-moi effacer quelque chose. Tous les principes expliqués ci-dessus sont applicables à toutes les étiquettes d'en-tête et pas seulement à la H1.

De plus, veuillez noter les points suivants:

  • N'utilisez pas de balises de titre lorsque d'autres balises, telles que gras ou italique, sont plus appropriées.
  • N'en faites pas trop avec l'utilisation de titres. Utilisez les en-têtes lorsque cela est important pour la structure, la navigation et pour faciliter la lecture du contenu de la page.
  • Vous n'êtes pas obligé d'utiliser tous les types d'en-tête d'une page. Vous pouvez avoir le h1 et seulement le h2, en fonction de la longueur et du type de votre contenu.
  • Avoir un équilibre entre l'utilisation de titres et d'autres éléments de mise en forme est toujours la meilleure approche.

Que pouvez-vous faire pour améliorer votre référencement?

SEO, qui est une composante de Marketing par moteur de recherche, vise à fournir aux utilisateurs une excellente expérience et l’un de ces utilisateurs est un moteur de recherche qui tente à son tour d’offrir la meilleure expérience à ses utilisateurs.

Habituellement, avec le référencement, vous essayez de réparer de nombreuses petites choses qui, indépendamment, peuvent sembler n’avoir aucune importance, mais si elles sont combinées, elles peuvent améliorer votre classement de recherche.

le Cours complet de référencement explique le processus de référencement étape par étape et il est vivement recommandé aux débutants en référencement.

Ainsi, en plus d’optimiser le tag h1, voici une liste d’autres éléments essentiels au succès du référencement.

  • Révision SEO technique et assurez-vous que les moteurs de recherche peuvent accéder à votre site Web, l'explorer et l'indexer sans aucun problème.
  • Configurer votre site web pour l'utiliser URL conviviales pour le référencement pour vos posts et pages
  • En créant sites Web de haute qualité fournir une grande expérience pour les utilisateurs
  • Ecrire de haute qualité Contenu convivial pour le référencement qui offre une grande valeur aux utilisateurs
  • Connecter votre contenu ensemble en utilisant liens internes pour créer votre propre petit site Web, permettant aux utilisateurs de découvrir plus de pages de votre site Web.
  • Promouvoir votre site Web en utilisant des pratiques solides dans le but d'obtenir des liens d'autres sites Web sur Internet (on parle aussi de renforcement des liens naturels).

Conclusion

Vos efforts de référencement ne commencent pas et ne finissent pas avec l’optimisation des balises H1. Optimiser les titres, c’est l’une des choses que vous devez faire, mais ce n’est certainement pas la fin.

Contrairement aux autres facteurs de référencement, le tag h1 est quelque chose que vous pouvez contrôler et, s'il est optimisé correctement, peut faire une différence dans votre classement.

Si vous vous sentez confiant d'après ce que vous avez lu ci-dessus, l'étape suivante consiste à effectuer un audit H1 de votre site Web et à identifier les critères h1 qui doivent être optimisés.

Des outils comme SEMRUSH peuvent vous faciliter la tâche, car elles peuvent identifier les pages pour lesquelles aucune balise h1 n'est définie, celles qui possèdent des balises h1 en double et vous donner des recommandations sur la manière de les optimiser.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *