Balises d'en-tête : un guide simple (mais complet) des balises d'en-tête HTML H1, H2 et H3 pour le référencement
Publié: 2020-08-25
Ceci est un guide complet des balises d'en-tête en 2021.
Dans ce nouveau guide, vous apprendrez exactement comment utiliser les balises H1 à H6 pour améliorer le classement des moteurs de recherche, même si vous êtes nouveau dans les balises d'en-tête SEO ou si vous avez été trompé (par Google) en pensant que les balises d'en-tête ne le font pas. travailler.
Vous êtes sur le point d'apprendre tout ce que vous devez savoir sur les éléments d'en-tête HTML, de ce qu'ils sont (en clair) aux stratégies d'en-tête avancées éprouvées pour augmenter la portée et l'engagement de votre contenu.
Voici un bref aperçu de ce qui est couvert :
- Que sont les balises d'en-tête et comment les utiliser exactement
- La différence entre les balises H1, H2 et H3 et quand il convient d'utiliser chaque type
- Cinq raisons pour lesquelles les balises de titre sont essentielles en ce moment
- L'anatomie d'une hiérarchie de balises d'en-tête parfaitement structurée
- Comment créer des balises H1 à H6 qui offrent des classements (et des ventes) plus élevés
- Beaucoup plus
Commençons.
TÉLÉCHARGER : Une liste de contrôle gratuite qui vous montrera exactement comment mettre en œuvre les conseils d'optimisation des balises d'en-tête contenus dans cet article.
Que sont les balises d'en-tête ? Une définition sans jargon
En termes simples :
Les balises d'en-tête sont des éléments HTML utilisés pour définir les en-têtes d'une page.
Ils différencient le titre <h1> et les sous-titres <h2> à <h6> du reste du contenu.
Le nombre de 1 à 6 détermine l'importance et la position d'une rubrique dans la hiérarchie globale de la structure des rubriques.
Comme pour la plupart des termes SEO, il existe toutes sortes de synonymes qui sont utilisés de manière interchangeable pour décrire les en-têtes :
Les balises d'en-tête, les en-têtes HTML et les balises H sont d'autres façons de décrire la même chose.
Donc, si vous avez déjà entendu ces termes SEO, vous savez maintenant ce qu'ils signifient.
Ce ne sont que des balises d'en-tête, par des noms différents.
D'autre part, un " en-tête HTML " est la section de code entre l'élément <header> sur une page Web.
Il s'agit d'un conteneur pour le contenu d'introduction comme la navigation, le logo, les informations sur l'auteur et les détails de l'en-tête.
En d'autres termes, c'est un conteneur qui peut inclure vos balises d'en-tête (entre autres).
Vous ne devez PAS non plus confondre les balises d'en-tête avec l'élément < head > du code HTML.
Le < head > est un conteneur de métadonnées (données sur les données) et est placé entre la balise < html > et la balise <body> dans votre page Web. Son contenu n'est pas rendu sur la page mais est essentiel pour le référencement.
C'est l'endroit dans votre code où votre titre de page, votre méta description et des scripts comme Google Analytics sont hébergés.
Encore avec moi?
Super, continuons.
Qu'est-ce qu'une balise H1 ?
Supposons que vous ne savez rien sur les H1.
Je vais partager avec vous une définition très simple :
Le H1 est une balise HTML qui indique le titre principal d'une page Web.
Déballons ça.
- C'est un élément HTML, ce qui signifie que la balise H1 se trouve dans le code de votre site Web.
- Il est utilisé pour baliser le titre principal, généralement le premier en-tête visible sur une page.
Pour faire ressortir le texte, la balise H1 est généralement affichée plus grande et plus visible que le reste du texte sur votre page ou publication.
La façon la plus simple pour vous de comprendre comment vous utiliseriez la balise Titre 1 est d'imaginer que vous écrivez le plan d'un document.
Le titre principal de votre document doit être votre <h1>.
Il doit représenter le sujet général du document et être affiché au début en gros caractères.
Exemple de balise H1 :
En utilisant l'exemple ci-dessus de Smart Passive Income, la balise H1 a la valeur "Apprendre le marketing d'affiliation éthique".
Lorsqu'elle est affichée en HTML, la balise H1 apparaît comme suit :
<h1>Learn Ethical Affiliate Marketing</h1>Bien entendu, les pages de votre site Web peuvent nécessiter plusieurs en-têtes.
C'est là qu'interviennent les autres balises d'en-tête.
Qu'est-ce qu'une balise H2 ?
Alors que votre balise H1 est utilisée pour le titre principal de votre document ;
Vos principaux points sont regroupés dans des sous-titres appelés H2.
Autrement dit:
Une balise <h2> définit les titres de second niveau de votre page Web.
Mais les balises d'en-tête ne s'arrêtent pas aux H2.
Les sous-points sous vos balises <h2> utilisent des balises d'en-tête <h3> :
Et les sous-points sous les balises <h3> utilisent les balises d'en-tête <h4>.
Cette séquence peut continuer jusqu'aux balises <h6>, qui sont les moins importantes dans la hiérarchie des balises d'en-tête.
Toutefois:
Il est assez rare que vous écriviez du contenu suffisamment profond pour avoir besoin des balises H4, H5 et H6.
(Sauf si votre contenu est très long et technique).
Comme celui-ci sur le référencement d'images, la plupart de mes articles de blog contiennent plus de 5 000 mots.
Et même ainsi, mes sous-titres sont constitués de simples H2 et H3 :
Alors, résumons les balises H2 :
Les balises de sous-titres H2 sont utilisées pour diviser le contenu et le rendre scannable et facile à lire.
Les H2 sont utilisés pour mettre en évidence des informations importantes et diriger les sous-sections de votre page.
Si nécessaire, vous pouvez utiliser des balises H3 comme en-têtes pour les sous-points sous vos H2.
En utilisant l'exemple ci-dessus, voici à quoi ressemble une balise H2 dans le code HTML :
<h2>How To Claim Your Business On Google</h2>J'ai compris? Bien.
Ensuite, nous approfondirons les balises d'en-tête et comment les coder en HTML.
Les balises d'en-tête en HTML : et l'importance du H1
Les balises d'en-tête, et en particulier la balise H1, ont une fonction essentielle au sein d'une structure HTML.
Laisse-moi expliquer:
Un fichier HTML peut être défini comme une combinaison de nœuds, la balise d'en-tête étant le point de départ à partir duquel d'autres nœuds se ramifient.
Un fichier HTML ne devrait donc (en théorie) avoir qu'un seul titre H1.
Pourquoi? Parce que la balise H1 est la racine à partir de laquelle tous les autres nœuds commencent.
En revanche, les en-têtes inférieurs dans l'ordre (H2 à H6) peuvent être utilisés aussi souvent que souhaité.
Ils devraient, cependant, maintenir une hiérarchie logique – nous y reviendrons plus tard.
Du point de vue du code, les balises d'en-tête sont utilisées pour afficher uniquement du texte.
En tant que tel, le formatage des titres doit être spécifié dans les fichiers CSS pour séparer le format et le contenu.
Exemples de balises d'en-tête et comment les coder en HTML
Ce qui fait d'une balise d'en-tête un en-tête dans le code de votre site Web, ce sont deux balises HTML simples :
Une balise ouvrante <h> et une balise fermante </h>.
À l'intérieur de ces deux balises se trouve le texte d'en-tête que vous souhaitez afficher :
Les lignes de code d'un titre avec deux sous-titres ressemblent à ceci :
<h1>This is a heading</h2> <h2>This is a sub-heading</h2> <h3>This is a third sub-heading</h3>Bien entendu, le code de votre site Web n'affichera pas uniquement des en-têtes.
Il contiendra également un corps de texte et d'autres éléments.
Voici à quoi ressemble le code HTML avec une série d'en-têtes ET de corps de texte inclus :
<h1>This is a heading</h1> <h2>Summary</h2> <p>Some text here...</p> <h2>Examples</h2> <h3>Example 1</h3> <p>Some text here...</p> <h3>Example 2</h3> <p>Some text here...</p> <h2>See also</h2> <p>Some text here...</p>Il n'y a pas beaucoup plus dans les éléments de code que cela.
Rappelez-vous juste:
Chaque balise de titre commence par une balise d'ouverture <h> et doit être fermée par une balise de fin </h>.
La hiérarchie des balises (1-6) est spécifiée immédiatement après le "h" et doit être définie à la fois dans les balises d'ouverture et de fermeture.
Votre contenu textuel est écrit entre les deux éléments de balise.
Avec tout ce qui a été dit :
À moins que vous ne codiez une page Web sur mesure (ce que je ne recommande généralement pas), le code HTML de vos balises d'en-tête sera géré par votre système de gestion de contenu.
Comment ajouter des balises H1 à H6 dans WordPress
WordPress est le système de gestion de contenu le plus populaire du Web.
Selon WordCamp, il y a actuellement plus de 75 millions de sites qui utilisent WordPress .
C'est environ 30% de tous les sites Web sur le World-Wide-Web.
Ce qui rend WordPress si populaire, c'est sa convivialité pour les moteurs de recherche et sa facilité d'utilisation.
L'ajout de fonctionnalités de référencement telles que des titres de page personnalisés et des permaliens, des hyperliens et des images optimisées est un jeu d'enfant dans WordPress.
Il en va de même pour l'ajout de balises d'en-tête à une page ou à un article.
Il existe deux façons principales d'ajouter des balises d'en-tête dans WordPress ; Je vais vous montrer les deux :
(une). Ajout de balises H1 dans WordPress via l'éditeur
Le moyen le plus simple d'ajouter des titres est d'utiliser l'éditeur. Si vous utilisez déjà l'éditeur de blocs Gutenberg, cliquez sur le bouton « + » et sélectionnez « Titre » ;
À partir de là, vous pouvez choisir la rubrique que vous souhaitez ajouter.
Si vous utilisez toujours l'éditeur classique, c'est aussi simple.
Assurez-vous simplement que vous êtes sur l'onglet visuel de l'éditeur et accédez à la liste déroulante des styles de texte.
Ensuite, sélectionnez simplement 'Titre 1' ou 'Titre 2'… ou tout autre titre de votre choix dans le menu déroulant.
Facile, hein ?
La prochaine option pour ajouter des balises H1 à H6 dans WordPress utilise HTML.
(b). Ajout de balises H1 dans WordPress via l'éditeur
Si vous êtes enclin à le faire, il est également possible d'ajouter des titres dans WordPress en utilisant HTML.
Je suis certain que vous avez suivi, donc vous connaissez déjà le code HTML pour <h1>, <h2>, <h3> etc.
Il commence par une balise d'ouverture <h> et se termine par une balise de fermeture </h> avec votre texte d'en-tête pris en sandwich entre les deux :
Pour ajouter des balises <h1> à <h6> dans WordPress à l'aide de l'éditeur classique, vous devrez être sur l'onglet texte :
Dans l'éditeur de blocs, vous devez passer à l'édition en HTML.
Pour ce faire, cliquez sur les trois points verticaux dans la barre d'outils du bloc. Ensuite, sélectionnez l'option Modifier au format HTML.
Ainsi:
Dans l'un ou l'autre des éditeurs, copiez/collez simplement la balise d'en-tête que vous souhaitez utiliser parmi celles ci-dessous , mettez à jour le texte de votre en-tête et vous êtes prêt à partir.
<h1>This is an H1 heading</h1> <h2>This is an H2 sub-heading</h2> <h3>This is an H3 sub-heading</h3> <h4>This is an H4 sub-heading</h4> <h5>This is an H5 sub-heading</h5> <h6>This is an H6 sub-heading</h6>Tournons ensuite notre attention vers Shopify.
Comment ajouter (ou modifier) des balises H1 à H6 dans Shopify
Depuis qu'elle a fait irruption sur la scène, Shopify est rapidement devenue la plateforme de commerce électronique de choix.
Selon le Hosting Tribunal, près d'un demi-million de sites Web utilisent Shopify.
Comme WordPress, ce qui rend Shopify le plus attrayant, c'est son orientation utilisateur.
La gestion des produits, l'ajout et la suppression de pages et les publications sont incroyablement faciles.
Il en va de même pour l'ajout de balises d'en-tête <H2> à <H6>.
Dans l'éditeur de pages ou d'articles, cliquez simplement sur l'onglet de mise en forme :
Sélectionnez ensuite la balise de titre souhaitée :
Comme avec WordPress et d'autres systèmes de gestion de contenu, Shopify fournit également un éditeur de code.
Pour ajouter des en-têtes à Shopify à l'aide de l'éditeur de code, cliquez sur le bouton <> de la fenêtre de l'éditeur et ajoutez votre code d'en-tête :
Assez simple!
En revanche, si vous souhaitez ajouter et optimiser les balises <H1> et <H2> sur les autres pages de votre boutique Shopify, comme vos pages d'accueil ou de produits…
Vous devrez modifier vos fichiers de thème Shopify.
Heureusement, Daniel Sim de Plugin Useful a préparé un guide pratique à ce sujet ici.
Pourquoi utiliser les titres ?
Nous avons donc couvert "comment" ajouter des balises d'en-tête.
Mais, malgré tout, vous vous demandez peut-être « pourquoi » utiliser les en-têtes en premier lieu ?
Surtout quand Google a décrit l'utilisation des titres pour le référencement comme surfaite :
Malgré ce que dit Google, il y a (en fait) plusieurs raisons importantes pour lesquelles vous devriez utiliser des balises d'en-tête :
1. Les balises d'en-tête améliorent l'accessibilité - ce qui donne à votre contenu une plus grande portée
Si vous souhaitez que votre contenu soit accessible à tous, y compris aux lecteurs malvoyants, les balises de titre sont extrêmement utiles.
La technologie de lecture d'écran utilise les H1 et d'autres balises d'en-tête pour aider les utilisateurs à naviguer dans le contenu, à numériser et à rechercher une page.
Comme vous l'avez déjà appris, les en-têtes sont intégrés au HTML, ce qui signifie :
Un lecteur d'écran peut utiliser le code HTML pour identifier la structure du contenu et lire les titres à haute voix.
À son tour, cela aide les malvoyants et les utilisateurs aveugles à avoir un aperçu du sujet d'un article (sans avoir besoin d'écouter mot par mot).
Ils peuvent alors décider de lire ou non l'article dans son intégralité.
Quoi de plus:
Les lecteurs d'écran proposeront des raccourcis pour passer d'un titre à l'autre.
En d'autres termes, les balises de titre sont également utilisées par les malvoyants pour la navigation .
2. Google utilise les H1 à la place des balises de titre (le cas échéant)
Dans certains cas (pas si) rares ;
Par exemple, lorsque Google ne peut pas trouver ou traiter votre balise de titre.
Google peut choisir d'extraire un titre de la prochaine partie la plus pertinente de votre page.
Dans la plupart des cas, il s'agira de la balise Titre 1 puisqu'il s'agit de l'élément de texte le plus visible disponible.
À certains égards, la balise H1 d'une page a un objectif similaire à sa balise de titre.
Il doit répondre à l'intention de recherche, indiquer aux lecteurs ce qu'ils peuvent attendre de la page et inciter les utilisateurs à en savoir plus.
Vous savez maintenant que Google peut choisir d'afficher votre H1 dans les SERPs ; assurez-vous de créer un titre convaincant et digne d'être cliqué.
Je partagerai des conseils sur la façon de le faire plus tard.
3. Les titres sont utilisés dans les extraits en vedette
Vérifiez cet extrait en vedette.
Il s'agit d'un extrait de liste qui présente les meilleurs blogs de médias sociaux pour 2020.
Et, d'où pensez-vous que ce texte est tiré ?
Tu l'as deviné. Les rubriques de la page de classement :
Si vous souhaitez apparaître dans le nombre croissant d'extraits en vedette, il est crucial d'incorporer des en-têtes dans votre page.
Ce qui m'amène à ma raison suivante :
4. Google utilise des titres pour interpréter votre contenu (et lui donner un coup de pouce au classement).
Je vais faire valoir ce point avec deux déclarations de Google.
Tout d'abord, de John Mueller, analyste principal des tendances pour les webmasters chez Google, qui déclare :
"Nous utilisons des balises H pour mieux comprendre la structure du texte sur une page."
Et deuxièmement, de Matt Cutts, qui faisait auparavant partie de l'équipe Search Quality de Google.
"Google regarde beaucoup de choses différentes. Nous examinons plus de 200 choses, le PageRank n'est que l'une d'entre elles. Chaque fois que nous classons des choses, nous utilisons des choses dans le titre, dans l'URL, même vous savez des choses qui sont mises en évidence comme les balises h1 et des trucs comme ça.
Matt Cutts, Google
Pour développer davantage ceci :
Google utilise les titres d'une page pour (mieux) interpréter le contenu.
Étant donné qu'un titre doit généralement précéder un bloc de contenu :
Google affichera un en-tête pour en savoir plus sur le contenu qui suit : texte, image ou vidéo.
Si votre en-tête et le corps du texte sont alignés, Google peut être plus sûr que votre contenu fournira des réponses pertinentes aux requêtes (relatives au contenu).
Et à son tour, vous obtiendrez un léger coup de pouce au classement.
Sur ce, passons à ma cinquième raison d'utiliser les en-têtes.
5. L'utilisation des titres est corrélée à des classements plus élevés
Presque toutes les études de corrélation SEO que j'ai jamais vues ont montré une corrélation faible mais positive entre les classements supérieurs et les titres d'une page.
Prenez celui-ci de SEM Rush :
Il a constaté que des articles bien structurés (utilisant des balises H2 et H3) sont plus susceptibles d'être très performants.
Et celui-ci de Moz :
L'étude des facteurs de classement Moz a révélé que les pages avec le mot-clé inclus dans la balise d'en-tête H1 sont plus susceptibles d'être mieux classées.
Bien que la pondération accordée aux balises d'en-tête par ces études ne soit que modérée, et ;
Certains référenceurs soutiendront (à juste titre) que la corrélation de la balise d'en-tête avec des classements plus élevés ne prouve pas qu'ils causent plus de classements supérieurs , je suis sûr que vous serez d'accord avec moi :
L'utilisation de balises d'en-tête bien optimisées en vaut la peine.
Ou est-ce?
Les balises H1 fonctionnent-elles vraiment (une expérience de référencement) ?
Tous les guides SEO proposent les mêmes conseils :
Mais tous les blogs ne suivent pas ces soi-disant meilleures pratiques de référencement, Moz étant l'un d'entre eux.
Moz.com est l'un des sites Web les plus fiables (et les plus fréquentés) sur le thème du référencement, et pourtant :
Le blog de Moz n'a pas de balise H1 et utilise à la place une balise H2 pour son titre principal.
Après avoir remarqué que le blog Moz utilisait des balises H2 pour les titres (au lieu des H1), Craig Bradford de Distilled a contacté Cyrus Shepard de Moz.
Ensemble, Craig et Cyrus ont décidé de mener une expérience qui, espérons-le, déterminerait une fois pour toutes si les balises H1 avaient un impact sur les classements des moteurs de recherche.
Pour ce faire, ils ont conçu un test fractionné 50/50 des titres du blog Moz à l'aide de SearchPilot ; un outil de test fractionné SEO A/B.
Dans l'expérience, la moitié des titres de Moz ont été changés en H1 et l'autre moitié en H2.
Ils ont ensuite mesuré toute différence de trafic organique entre les deux groupes.
Selon vous, que s'est-il passé lorsque les titres principaux ont été remplacés par la mauvaise balise de titre (H2) par le bon titre (H1) ?
La réponse:
Pas grand-chose du tout !
Après huit semaines de collecte de données, ils ont déterminé :
Changer les titres des articles de blog de H2 à H1 n'a fait aucune différence statistiquement significative.
Que peut-on en déduire ?
Simplement que Google est également capable de déterminer le contexte de la page si votre titre principal est enveloppé dans un H1 ou un H2.
Cela signifie-t-il que vous devez abandonner les meilleures pratiques et supprimer les H1 ?
Pas du tout.
Structure d'en-tête : anatomie d'une hiérarchie de balises d'en-tête parfaitement structurée
Comme je l'ai déjà souligné :
Les titres communiquent l'organisation du contenu de votre page.
Et rendez votre contenu plus consommable pour les lecteurs.
Ainsi, même si Google a déclaré que même sans "balises d'en-tête", ils peuvent déterminer ce qui est remarquable sur une page...
L'avantage SEO d'utiliser des balises d'en-tête et de les structurer correctement fait que tout effort supplémentaire requis l'emporte sur le fait de ne pas les utiliser du tout…
La question devient alors :
Comment structurer les balises d'en-tête : une hiérarchie simple (logique) pour une page Web
Quand il s'agit de structurer vos rubriques, il y a quelques règles simples à suivre :
- Imbriquer les rubriques par leur rang (ou niveau)
- La rubrique la plus cruciale a le rang le plus élevé (<h1>)
- La rubrique la moins importante a le rang le plus bas (<h6>)
- Les titres avec un rang égal ou supérieur commencent une nouvelle section
- Les titres avec un rang inférieur commencent de nouvelles sous-sections qui font partie de la section de rang supérieur
Lors de l'application de ces règles, gardez l'utilisateur à l'esprit.
Tout d'abord, l'utilisateur visuel qui scannera votre page ;
Votre hiérarchie de balises rend-elle la structure de la page plus visible et plus facile à analyser ?
Deuxièmement, l'utilisateur malvoyant ;
Votre hiérarchie de balises décrit-elle chaque section (et la page dans son ensemble) permettant aux utilisateurs aveugles d'accéder directement à la partie qui les intéresse le plus ?
Si vous deviez lire à haute voix vos balises d'en-tête, un utilisateur apprendrait-il (précisément) quelles informations votre page contient et comment elles sont organisées ?
Si vous répondez « non » à l'une de ces questions, votre structure doit être repensée.
Prenons un exemple :
<h3>Quick Links</h3> <h3>Photography Tutorials</h3> <h1>Setting the Exposure Manually on a Camera</h1> <h3>Set the ISO</h3> <h4>The effect of ISO on image quality</h4> <h4>High ISO cameras</h4> <h3>Choose an aperture</h3> <h4>The effect of aperture on depth of focus</h4> <h4>Vignetting</h4> <h4>Diffraction</h4> <h3>Choose a shutter speed</h3> <h4>Shutter speed limitations for hand-holding a camera</h4> <h4>Long exposures</h4>Dans la structure ci-dessus :
Le plan commence par deux en-têtes <h3>, plutôt que <h1>, et aucun de ces en-têtes n'est l'en-tête principal de la page Web.
Au lieu de cela, ils font partie de la structure de navigation autour du titre dans le modèle.
De plus, une fois le contenu lancé, le plan saute du niveau 1 au niveau 3, sans en-tête de niveau 2 entre les deux.
Comme vous pouvez l'imaginer;
Un utilisateur scannant ces en-têtes (comme ceux d'un appareil de lecture d'écran) serait quelque peu confus.
Supposons que le contenu n'est pas ce qu'ils recherchent ;
Cliquez sur le bouton de retour et allez ailleurs.
Visiteur perdu !
Je suis sûr que vous comprenez maintenant pourquoi il est essentiel d'avoir une bonne structure de titre ?
Restons sur le même exemple…
Voici à quoi devrait ressembler la structure des titres dans l'ordre approprié :
<h1>Setting the Exposure Manually on a Camera</h1> <h2>Set the ISO</h2> <h3>The effect of ISO on image quality</h3> <h3>High ISO cameras</h3> <h2>Choose an aperture</h2> <h3>The effect of aperture on depth of focus</h3> <h3>Vignetting</h3> <h3>Diffraction</h3> <h2>Choose a shutter speed</h2> <h3>Shutter speed limitations for hand-holding a camera</h3> <h3>Long exposures</h3>Chaque niveau de titre, <h1> à <h3>, indique la relation entre une partie du contenu et les autres parties.
Le contenu sous un titre se rapporte logiquement à un titre au-dessus.
De même, le contenu d'un bloc de contenu <h2> se trouve logiquement sous le <h1> qui le précède.
De cette manière, la structure des titres organise le contenu du document de manière hiérarchique.
Et, il est très clair ce qui est important.
Bingo !
Vérification des balises H1 : comment effectuer un audit de cap
Vous savez maintenant comment structurer les nouvelles pages de votre site, n'est-ce pas !
Mais qu'en est-il de vos pages existantes ?
Comment pouvez-vous vérifier s'ils utilisent les bonnes balises d'en-tête ?
Eh bien, il y a plusieurs façons :
Tout d'abord, vous pouvez vérifier le code source de votre site Web .
Pour ce faire, accédez à la page Web que vous souhaitez consulter à l'aide de Google Chrome.
Ensuite, cliquez sur "Afficher", puis sur "Développeur", puis sur "Afficher la source".
Puis 'Control F' pour lancer la fonction de recherche dans la page suivi de '<h1' pour trouver la balise HTML H1 d'ouverture :
Ce processus peut être répété pour les H2 en utilisant une recherche pour '<h2' et ainsi de suite.
Vous pouvez également afficher vos balises d'en-tête à l'aide d'une extension de navigateur telle que SEO Quake.
Une fois SEO Quake installé, ouvrez la page que vous souhaitez vérifier, accédez à l'onglet "Diagnostic" dans SEO Quake, puis faites défiler jusqu'à la section Titres.
Il vous montrera le nombre total de balises d'en-tête à chaque niveau, puis listera les balises d'en-tête dans la hiérarchie dans laquelle elles sont affichées.
Un examen rapide de la page ci-dessus montre qu'elle utilise les balises H1, H2 et H3, et les balises sont structurées dans une hiérarchie logique.
Mais il peut y avoir un problème.
La page contient deux titres H1.
Balises H1 : combien d'éléments H1 sont recommandés sur une seule page
Comme je l'ai souligné plus tôt, une page ne devrait avoir qu'une seule balise H1 .
C'est parce que la balise H1 est le nœud racine d'où proviennent tous les autres en-têtes.
Et, en n'ayant qu'une seule balise H1, vos efforts de référencement se concentrent sur un sujet principal - avec plusieurs sous-thèmes (complets) sous des titres qui utilisent les H2 et les H3.
C'est la structure idéale pour le classement de nos jours.
Mais qu'en est-il des cas où votre page a plus d'un H1 ?
Ou même pas de H1 du tout ?
Selon une étude réalisée par SEMRush, un pourcentage massif de sites Web contient des problèmes de balise H1 :
Mais, selon Google, ce n'est pas préoccupant :
Surtout, puisque HTML5 peut utiliser les H1 pour diriger plusieurs sections dans la même page.
Alors qu'est-ce que je recommande?
Si vous utilisez déjà HTML5, qui peut avoir des sections distinctes dans la même page, l'utilisation de balises H1 pour chaque section est parfaitement appropriée.
Si, toutefois, vous utilisez du code pré-HTML5, où une page signifie généralement un sujet principal, alors respectez la règle h1/une page !
Comment créer des balises Killer H1 à H6. Cinq conseils d'écriture d'en-tête
Ensuite, je vais partager exactement comment rédiger un titre qui réduit le taux de rebond, augmente le temps passé sur la page et, en fin de compte, augmente le classement des moteurs de recherche et les conversions pour votre site Web.
Allons-y :
1. Donnez-leur ce pour quoi ils sont venus - Maîtriser l'intention de recherche avec les H1
Google dit que l'utilisation de mots-clés dans vos titres ne vous aidera pas à mieux vous classer.
Ils ont tort !
Je suis d'accord que les mots-clés à l'intérieur des en-têtes ne sont peut-être pas un facteur de classement direct , mais ils vous aident quand même à vous classer plus haut au fil du temps.
Comment venir?
Deux petits mots; intention de recherche.
Imaginez un instant que vous avez recherché quelque chose sur Google, cliqué sur un résultat pertinent et terminé sur une page de destination.
Dans le scénario A, la page que vous avez consultée a un titre clairement articulé qui correspond parfaitement à votre terme de recherche.
Dans le scénario B, le titre de la page ne correspond pas du tout à votre terme de recherche.
Sur quelle page restes-tu ?
Page A, bien sûr.
L'algorithme d'apprentissage automatique de Google, connu sous le nom de RankBrain, utilise ce concept comme facteur de classement en mesurant le temps d'attente des utilisateurs.
Le long temps d'attente (AKA time-on-page) est une mesure de la satisfaction des internautes.
Si un utilisateur passe une période prolongée sur une page Web - au lieu de revenir immédiatement aux résultats de recherche - Google supposera que l'utilisateur a trouvé ce qu'il cherchait.
Et, à son tour, donnez à la page un coup de pouce au classement.
Mettre tout simplement:
Maximiser le temps de séjour et minimiser le pogo-sticking est essentiel pour un classement plus élevé de nos jours.
L'un des facteurs les plus importants qui influencent le temps de séjour est ce que les utilisateurs voient lorsqu'ils arrivent sur une page pour la première fois. Autrement dit, le titre.
Comme tous les spécialistes de la recherche payante vous diront si vous ciblez le mot clé "bâtons de hockey", votre page de destination doit inclure ce terme (ou une variante très proche) dans le titre. Il en va de même pour la recherche organique.
L'essentiel ici est; le mot-clé cible ou une variation proche .
Bien sûr, vous pouvez inclure le mot-clé exact si vous le souhaitez, mais ce n'est pas essentiel.
L'essentiel est de faire correspondre l'intention derrière la recherche des utilisateurs, ce qui vous permet d'utiliser des variantes et des synonymes pour rendre votre titre plus naturel et attrayant.
Quoi qu'il en soit, refléter le terme de recherche dans le titre indiquera à l'utilisateur : « vous avez trouvé ce que vous cherchez », ce qui augmente les chances qu'il reste.
Illustrons cela par un exemple :
Glen Allsopp de Detail.com a écrit cet article exceptionnel sur la création de liens.
Il cible le mot-clé "création de liens avancée".
Pour aider le message à satisfaire l'intention de recherche, Glen inclut son mot-clé dans le titre de la page des messages :
Et encore dans le Header de la page.
Il est clair pour tous ceux qui recherchent la « création de liens avancée » que le message de Glen aura ce qu'ils recherchent.
Cela ne peut que contribuer à améliorer le temps d'attente de la publication de Glen et à apaiser l'algorithme RankBrain de Google.
2. Utilisez la technique « Et alors » et transformez vos en-têtes ennuyeux axés sur les fonctionnalités en crochets axés sur les avantages
Au lieu d'écrire simplement des sous-titres courts et axés sur les fonctionnalités.
J'intègre des avantages dans au moins 50 % de mes H2 :
pourquoi est ce que je fais ça?
En utilisant les avantages, je fais allusion à la façon dont mes informations aideront mes lecteurs dans leur rôle de référenceurs.
Par exemple:
Dans cet article sur les expériences de référencement, j'aurais pu simplement écrire "Utiliser des liens sortants" comme H2.
Mais à la place, j'ai inclus un avantage percutant montrant le problème que l'information résoudrait.
Si vous êtes un référenceur et que vous avez le même problème, vous êtes presque certain de continuer à lire.
Alors, comment créez-vous vos titres axés sur les avantages ?
Demandez : « et alors ? plusieurs fois.
Laissez-moi vous montrer avec un exemple que j'ai glané dans Enchanting Marketing :
Caractéristique : Le four préchauffe rapidement.
Et alors?
Il est rapidement prêt à commencer la cuisson de vos lasagnes.
Et alors?
Votre nourriture est sur la table plus tôt.
Et alors?
La vie est moins stressante. Il y a moins de temps à traîner dans la cuisine en attendant que le four soit prêt. Et vous n'avez pas à vous inquiéter; vous pourriez oublier de préchauffer votre four.
Votre titre qui commençait par "Fonction de préchauffage"
Pourrait désormais devenir :
« Gagnez du temps et réduisez votre stress grâce à cette fonction de préchauffage unique »
Qu'est-ce qui est le plus susceptible de vous garder collé à la page ?
3. Faites ressortir vos titres avec des polices remarquables et des couleurs contrastées
Vous avez cloué votre copie et vos titres répondent parfaitement à l'intention de recherche, et ensuite ?
Pour aider les lecteurs à mieux naviguer dans votre contenu, vous devez distinguer vos titres et sous-titres.
En d'autres termes, vos titres doivent "POP" sur la page.
Être distinguable peut impliquer une différenciation visuelle dans la couleur, la taille, la police ou l'effet.
OU une combinaison de tout cela.
Jetons un coup d'œil à quelques exemples :
Le blog Ahrefs fait un excellent travail pour distinguer leurs en-têtes :
Ils utilisent une taille de police différente et progressent subtilement du noir au gris à mesure qu'ils descendent dans la hiérarchie des en-têtes.
Pour les points bonus, ils utilisent également une police personnalisée développée exclusivement pour leur marque.
Un autre bon exemple est Single Grain d'Eric Siu qui utilise un orange contrastant pour les titres de son blog.
Vous voulez que vos titres se démarquent, afin qu'ils soient visuellement différents des autres éléments de la page, en particulier les appels à l'action .
Trop de chevauchement visuel peut entraîner moins de globes oculaires sur vos CTA, ce qui entraîne une baisse des conversions.
Sur ce, sur mon quatrième conseil
4. Tirez parti de ces techniques de rédaction astucieuses, réduisez votre taux de rebond et augmentez vos ventes
Si cela ne vous amène pas à prendre au sérieux la rédaction d'un titre, rien ne le fera :
Cette déclaration souligne l'importance du titre et pourquoi il détermine l'efficacité de l'ensemble de votre article.
En bref, meilleur est votre titre, meilleures sont vos chances de battre les moyennes et de faire lire ce que vous avez écrit.
Cela vaut non seulement pour votre titre principal (H1), mais aussi pour vos sous-titres (H2 à H6).
Chaque fois qu'il y a une pause dans votre contenu, votre lecteur a deux choix ;
Soit ils s'arrêtent, soit ils lisent.
C'est pourquoi il est crucial d'utiliser une copie attrayante dans vos titres (H1 à H6).
Je ne suis pas un expert en rédaction, je vais donc laisser le soin à Nevile Medhora KopyWriting Course de partager quelques conseils de rédaction de titres.
5. ARRÊTEZ les lecteurs dans leur élan en injectant ces éléments de titre dans votre contenu
L'utilisation des graphiques est excellente.
L'utilisation des titres est excellente.
Mais lorsque vous combinez les deux ensemble, la vraie magie se produit.
Comme nous en avons déjà discuté :
L'amélioration du temps passé sur la page de l'utilisateur améliore les résultats de votre classement.
Un long temps d'attente indique à Google que vos utilisateurs sont satisfaits - et à son tour, votre contenu bénéficie d'un meilleur classement.
Pour améliorer le temps passé sur la page, il y a une chose sur laquelle vous devez vous concentrer avant tout ;
Rendre votre contenu plus lisible .
À part;
- Paragraphes courts
- Images et multimédia
- Blocs de devis
- Puces
- Quiz
Il y a un autre élément de contenu perturbateur que vous devriez insérer à côté de vos sous-titres et qui ne manquera pas d'arrêter les "écumeurs de contenu" dans leur élan :
Graphiques d'en-tête personnalisés
Jetez un œil à ce résumé sur le référencement local sur le blog SEO Sherpa.
Outre les balises d'en-tête H2, j'ai ajouté des graphiques personnalisés qui présentent chaque sous-section du message.
Non seulement ils rendent le message BEAUCOUP plus impressionnant.
Mais, ils aident à augmenter le temps passé sur la page à une moyenne décente de 4 minutes :
Ce qui est bien au dessus de la moyenne du site :
La création de ces graphiques a été facile car j'ai la chance d'avoir deux designers à plein temps dans mon équipe.
Mais, si vous n'êtes pas prêt à constituer votre propre équipe de conception, il existe encore de nombreuses options
- Canva - outil d'édition d'images (gratuit)
- PicMonkey - créateur de conception graphique (gratuit)
- 99 Designs – designers indépendants (à bas prix)
- Upwork – plateforme de freelance (low-cost)
Quel que soit l'itinéraire que vous choisissez.
La prochaine fois que vous écrivez un long morceau de contenu SEO, ajoutez des graphiques d'en-tête et regardez votre temps sur la page (et votre classement) grimper.
Donc voilà, tout ce que vous devez savoir sur les balises d'en-tête et comment les utiliser pour améliorer l'optimisation de votre moteur de recherche.
Maintenant c'est à vous !
Comment mettre ces techniques en pratique sur votre site
J'ai créé une liste de contrôle des titres gratuite qui vous aidera à tirer parti de ces techniques pour améliorer les performances de votre site.
Il décrit - étape par étape - exactement comment utiliser les stratégies dont j'ai parlé dans le post.
Une fois que vous l'avez téléchargé ci-dessous , faites-moi savoir dans les commentaires quelle est votre astuce d'écriture d'en-tête préférée. J'AIMERAIS savoir.
