le H1 tag est un HTML l’en-tête le plus couramment utilisé pour baliser le titre d’une page Web. La plupart des sites Web utilisent CSS pour faire le H1 se démarquer sur la page par rapport à des titres plus petits comme H2, H3, etc.

Mais pourquoi le H1 tag important, comment en ajouter un et quelles sont les meilleures pratiques?

Dans ce guide, vous découvrirez les réponses à toutes ces questions:

Voici trois raisons:

1. H1 les balises aident les moteurs de recherche à comprendre la page
2. H1 les balises améliorent l’expérience utilisateur
3. H1 les balises améliorent l’accessibilité

H1 les balises aident les moteurs de recherche à comprendre la page

John Mueller de Google mentionné cette H1 les balises aident Google à comprendre la structure d’une page. Donc, si vous utilisez les H1 comme Google recommande pour le titre de votre page ou l’en-tête de contenu, votre H1 dit effectivement à Google « voici de quoi parle ma page. »

H1 les balises améliorent l’expérience utilisateur

H1 Les balises améliorent l’expérience utilisateur en ce sens qu’elles font partie de la structure hiérarchique d’une page Web. le H1 est l’en-tête le plus visible de la page, alors H2, ensuite H3, etc.

Ne pas utiliser H1 les balises et autres en-têtes correctement et les pages deviennent plus difficiles à parcourir et à digérer.

H1 les balises améliorent l’accessibilité

Des millions des personnes malvoyantes utilisent des lecteurs d’écran pour convertir des copies de pages Web et des images en audio. Selon cette étude par webAIM, 60% des utilisateurs de lecteurs d’écran préfèrent que seul le titre de la page soit H1 étiqueter.

Les plus CMS’Vous permet d’ajouter facilement un H1 tag à votre page. Voyons comment le faire dans quelques-uns des plus populaires.

Comment ajouter un H1 tag dans WordPress

La plupart des thèmes WordPress sont codés pour utiliser le titre de la page ou de l’article comme H1.

Comment ajouter un H1 tag dans Wix

La plupart des thèmes Wix en ont un H1 tag sur chaque page. Si vous ne savez pas de quel texte il s’agit, modifiez le style de votre H1 balises temporairement dans l’éditeur de thème. Cela devrait effectivement mettre en évidence le H1 dans le générateur de page.

Comment ajouter un H1 tag dans Squarespace

La plupart des thèmes Squarespace en ont un H1 tag sur chaque page. Si vous ne savez pas où il se trouve, cliquez simplement sur les zones de texte bien visibles jusqu’à ce que vous en voyiez une avec le style « Titre 1 ».

Comment ajouter un H1 faire HTML

Utilisez une ouverture H1 étiqueter (

), entrez le titre de votre page, puis ajoutez une clôture H1 étiqueter (

).

Exemple:

This is the H1

Avant de passer en revue les meilleures pratiques, il est important de noter qu’il est extrêmement improbable que la rupture de l’une d’entre elles se produise SEO ravages sur votre site Web. Alors ne paniquez pas si vous ne faites pas certaines de ces choses. Cela ne mènera certainement à rien d’effrayant comme une pénalité de Google.

Le travail de Google consiste à comprendre, indexer et classer le contenu du Web. Il est impossible de faire cela sans mécanismes pour faire face à des circonstances non idéales comme des pages sans H1 Mots clés.

Cela dit, chaque petit geste aide à SEO– il est donc utile de suivre les meilleures pratiques lorsque cela est possible.

Voici 9 bonnes pratiques pour H1 Mots clés:

1. Utiliser H1 balises pour les titres de page
2. Utiliser la casse du titre pour les H1
3. Faire correspondre les H1 aux balises de titre
4. Utilisez un H1 tag sur chaque page importante
5. N’en utilisez qu’un H1 par page
6. Garder H1 balises courtes
7. En-têtes de style pour la hiérarchie
8. Incluez votre mot-clé cible
9. Faire H1 balises convaincantes

Utiliser H1 balises pour les titres de page

Google dit pour « placer le titre de votre article à un endroit bien en vue au-dessus du corps de l’article, par exemple dans un

étiqueter. »

Alors que de nombreuses plateformes de sites Web et CMS‘Faites-le par défaut, cela peut être remplacé pour certains thèmes.

Si vous êtes curieux de savoir comment votre thème gère cela, le moyen le plus simple de le vérifier est de cliquer avec le bouton droit sur le titre dans votre navigateur et de sélectionner « Inspecter ». Si la partie en surbrillance comprend

, puis il est enveloppé dans un H1 étiqueter.

Si vous n’êtes pas à l’aise avec HTML, installez Ahrefs SEO Toolbar et consultez le rapport gratuit sur la page pour voir vos balises H, y compris votre H1.

Si vous préférez vérifier votre H1 tags en vrac:

1. Créez un compte gratuit Ahrefs Webmaster Tools
2. Explorez votre site Web avec Site Audit
3. Aller à la Sur la page rapport
4. Faites défiler jusqu’à « H1 graphique « setup »
5. Cliquez sur la partie verte du graphique à secteurs

Utiliser la casse du titre pour les H1

La casse du titre est l’endroit où vous mettez en majuscule tous les mots contenant quatre lettres ou plus.

Si ton CMS utilise les titres de page pour les deux H1 les balises et les balises de titre, l’utilisation de la casse du titre pour les titres de page permet de garder les choses propres dans les résultats de recherche. En règle générale, seuls les messages du forum utilisent des minuscules ou des phrases majuscules.

Faire correspondre les H1 aux balises de titre

Google dit pour faire correspondre votre balise de titre avec votre H1.

Les plus CMSComme WordPress, le fait automatiquement, mais il est possible de définir la balise de titre comme quelque chose de différent du H1 avec un SEO plugin comme Yoast.

La raison la plus courante de le faire est lorsque le titre de votre page convient parfaitement à un H1, mais trop long pour la balise de titre.

Par exemple, notre titre et H1 sont légèrement différents pour ce post:

Si votre titre et H1 sont légèrement différents mais coulés à partir du même moule, comme c’est le cas ci-dessus, c’est très bien. Si votre titre est radicalement différent de votre H1, cela vaut probablement la peine de les remettre dans l’alignement.

Pourquoi? Les chercheurs sont vendus, en partie, par votre balise de titre dans les SERPs. S’ils sont accueillis avec un titre complètement différent et sans rapport (H1) sur la page, ils se sentiront dupés.

Vous pouvez vérifier gratuitement les H1 et les balises de titre incompatibles dans Ahrefs Webmaster Tools.

1. Inscrivez-vous aux outils pour les webmasters d’Ahrefs
2. Explorez votre site Web dans Site Audit
3. Aller à la Sur la page rapport
4. Faites défiler jusqu’à « H1 graphique « setup »
5. Cliquez sur la zone verte dans le camembert
6. Recherchez les balises de titre et les H1 radicalement incompatibles

Voici un titre et H1 pour notre guide du texte d’ancrage:

La balise de titre est inclinée autour d’une définition alors que la H1 est orienté autour d’une étude. Il est possible que les internautes se sentent un peu dupés ou confus après avoir cliqué sur cette page, il serait donc probablement logique de s’en tenir à un angle cohérent.

Utilisez un H1 tag sur chaque page importante

Étant donné que le titre de votre page doit être enveloppé dans un H1 tag, il va sans dire que vous devez utiliser un H1 sur chaque page importante. Après tout, chaque page a un titre.

Si vous souhaitez rechercher des pages avec des H1 manquants ou vides:

1. Créez un compte gratuit Ahrefs Webmaster Tools
2. Explorez votre site Web dans Site Audit
3. Aller à la Sur la page rapport
4. Faites défiler jusqu’à « H1 graphique « setup »
5. Cliquez sur la zone rouge du camembert

Vous pouvez voir ci-dessus que certaines de nos pages n’ont pas de H1.

Est-ce la meilleure pratique? Pas vraiment. Mais il est également peu probable que ce soit une grosse affaire, car ces pages ne sont pas particulièrement importantes d’un SEO perspective. Ce ne sont que des pages d’accueil de blog et des pages d’archives qui ne sont de toute façon susceptibles d’attirer du trafic de marque.

Ainsi, bien que nos développeurs puissent «résoudre» ce problème en quelques minutes, cela ne vaut probablement pas la peine de perdre leur temps car les pages semblent parfaitement adaptées aux visiteurs – et c’est tout ce qui compte ici.

Utilisez un seul H1 par page

John Mueller de Google dit l’utilisation de plusieurs H1 par page est très bien.

Si vous utilisez HTML5, c’est strictement vrai. Il n’y a rien de mal techniquement à utiliser plusieurs H1 balises dans différentes sections.

Par exemple, ce HTML5 la page a quatre H1 balises et est techniquement très bien.

   
Apples
   
Apples are fruit.
   

      
Taste
      
They taste lovely.
      

         
Sweet
         
Red apples are sweeter than green ones.
      
   
   

      
Color
      
Apples come in various colors.
   

Presque tous les navigateurs modernes rendront cela correctement et afficheront H1 balises imbriquées

éléments en fonction de leur niveau d’imbrication. Cela signifie H1 dans le premier

ressemblera à des H2, des H1 imbriqués dans un autre

ressemblera à des H3, etc.

Cependant, même avec HTML5, W3C recommande que vous utilisez des « titres du rang approprié pour le niveau d’imbrication de la section ».

Par example:

   
Apples
   
Apples are fruit.
   

      
Taste
      
They taste lovely.
      

         
Sweet
         
Red apples are sweeter than green ones.
      
   
   

       
Color
       
Apples come in various colors.
   

C’est parce que certains anciens navigateurs auront du mal à afficher correctement les choses sans explicite CSS des règles.

Mais qu’en est-il si votre site Web n’utilise pas HTML5?

John Mueller dit plusieurs H1 les balises sont toujours correctes:

Que vous utilisiez ou non HTML5 ou pas, ayant plusieurs H1 éléments sur une page est très bien.

Étant donné qu’il ne s’agit pas de la meilleure pratique de W3C normes, pourquoi ce conseil de Google?

Réponse: parce qu’ils ont développé des mécanismes pour traiter le problème commun des H1 multiples sur une page Web.

Donc, même si cela n’a probablement pas beaucoup d’importance pour SEO si vous utilisez un ou plusieurs H1 balises, nous pensons toujours que c’est la meilleure pratique pour la plupart des sites Web.

Vous pouvez vérifier s’il existe des pages avec plusieurs H1 tags sur votre site gratuitement dans Ahrefs Webmaster Tools.

1. Créez un compte gratuit Ahrefs Webmaster Tools.
2. Explorez votre site Web avec Site Audit
3. Aller à la Sur la page rapport
4. Faites défiler jusqu’à « H1 graphique « setup »
5. Cliquez sur la zone jaune du camembert

Garder H1 balises courtes

Beaucoup CMS’Utilisez la même copie pour votre H1 et balise de titre. Si tel est votre cas, à moins que vous ne prévoyiez d’écrire une balise de titre unique pour chaque page et chaque article, il vaut la peine de garder les titres de vos pages courts.

Combien de temps? La règle générale est de 70 caractères ou moins.

Voici une page qui enfreint cette règle:

le H1 sur cette page, il y a 80 caractères, ce qui semble parfaitement bien sur la page elle-même. Mais comme WordPress utilise cette même copie pour la balise de titre, elle tronque dans les résultats de la recherche.

Nous pourrions résoudre ce problème en définissant la balise de titre sur une version plus courte du H1 étiqueter. Mais si nous venions de faire un effort pour créer un titre plus court en premier lieu, nous n’aurions pas ce problème.

En-têtes de style pour la hiérarchie

Les en-têtes sont utilisés pour créer une hiérarchie sur une page Web. Comme le H1 est généralement le titre le plus important de la page, votre CSS le style doit refléter cela.

En d’autres termes, le H1 devrait être la balise la plus visible sur la page.

Cela peut sembler évident, mais il existe de nombreux sites Web avec peu de distinction visible entre H1 et H2.

Incluez votre mot-clé cible

John Mueller de Google mentionné en 2020:

Et quand il s’agit de texte sur une page, un titre est un signal très fort nous indiquant que cette partie de la page concerne ce sujet.

Étant donné que le H1 généralement autour du titre de la page, c’est sans doute l’en-tête le plus important de la page. Il est donc généralement judicieux d’inclure votre mot-clé principal pour que le sujet de la page soit doublement clair pour Google et les chercheurs.

C’est quelque chose que nous faisons pour à peu près tous nos articles de blog.

Cela a-t-il toujours un sens? Bien sûr que non.

Parfois, il est préférable d’utiliser une variante proche de votre mot clé cible pour plus de lisibilité.

Par exemple, le mot clé principal de ce message est « Comment obtenir plus de vues sur YouTube« . Mais comme nous avons rédigé un listicle, il n’était pas logique de l’utiliser dans le H1. Nous avons donc utilisé une variante proche à la place.

Vous ne devriez pas non plus avoir peur d’utiliser des conjonctions et des mots vides pour que les choses semblent naturelles.

Faire H1 balises convaincantes

H1 les balises doivent être descriptives. Cela va sans dire. Mais si vous écrivez des titres pour des articles de blog, ils doivent également être suffisamment convaincants pour attirer les clics.

Comment créer un titre d’article convaincant?

Avant de penser à utiliser l’un de ces générateurs de titres d’articles de blog, considérez le but de votre message. S’il existe pour attirer le trafic organique des moteurs de recherche, et votre CMS utilise les titres de page pour les H1 et les balises de titre, le titre de l’article doit être écrit pour les utilisateurs des moteurs de recherche.

Comment savez-vous ce qu’ils veulent?

Inspirez-vous des meilleurs résultats pour votre mot clé cible.

Par exemple, si nous regardons les premières pages pour « SEO techniques, « il est clair que les internautes veulent une action et une efficacité SEO techniques qui aident à améliorer le trafic de recherche.

Nous pouvons utiliser ces informations pour créer un titre de page convaincant (H1) pour notre message.

Dans le SEO monde, c’est ce qu’on appelle l’optimisation de l’intention de recherche.

FAQ

Terminons les choses en répondant à quelques questions courantes sur H1 Mots clés.

Combien de temps un H1 tag être?

H1 les balises peuvent être aussi longues que vous le souhaitez, mais comme la plupart CMS’Utilisez le titre de la page à la fois pour H1 et la balise de titre, il est préférable de garder les titres de page courts (<70 caractères) pour éviter la troncature de la balise de titre.

Puis-je en avoir plus d’un H1 tag sur une page?

Si vous utilisez HTML5, Oui. Si vous n’utilisez pas HTML5, c’est rarement la meilleure pratique, mais il est peu probable que ce soit un gros problème de toute façon.

Puis-je utiliser une image dans un H1 étiqueter?

Oui. En fait, W3C est ce que ca.

Dernières pensées

H1 les balises sont sans doute moins importantes qu’elles ne l’étaient auparavant. Google a mis en place des mécanismes pour bien comprendre votre contenu, même si votre utilisation de H1 les balises ne sont pas idéales.

Cela dit, suivre les meilleures pratiques n’est pas difficile, c’est donc quelque chose que vous pouvez aussi bien faire. À tout le moins, cela améliore l’expérience utilisateur.

Vous avez des questions? Ping moi sur Twitter.