Qu'est-ce qu'une balise d'en-tête ?
Les balises d'en-tête sont des balises HTML utilisées pour distinguer les titres et sous-titres du reste du contenu d'une page web, par ordre décroissant d'importance de H1 à H6.
Le plus souvent, vous n'aurez besoin que des formulaires H1 à H4 :
- H1 est le titre principal de la page.
- H2 est un sous-titre et un point d'appui
- H3 est une sous-section ou un élément de liste sous un H2
- H4 est une sous-section ou un élément de liste sous H3
Il convient également de noter qu'une balise H1 et une balise title ne sont pas les mêmes éléments en HTML. Toutes les balises d'en-tête décrivent ce qui apparaît sur la page elle-même, mais la balise title communique le titre de la page pour la fenêtre du navigateur et pour l'extrait de la page de résultats du moteur de recherche.
Ainsi, lorsque vous consultez une page web particulière, vous trouverez le H1 près du haut de la page elle-même, tandis que le "titre" est visible dans la fenêtre ou l'onglet du navigateur.
Pourquoi les balises d'en-tête sont-elles importantes pour le référencement ?
Les balises d'en-tête aident les utilisateurs à naviguer et à parcourir la page. Elles divisent l'information pour que les lecteurs puissent la parcourir et trouver rapidement ce qu'ils cherchent.
Cependant, l'utilisation d'en-têtes est également utile pour faciliter la recherche sur votre site web. Les moteurs de recherche s'appuient sur les en-têtes pour mieux comprendre les sections d'une page.
En général, les balises d'en-tête aident à maintenir le contenu structuré et facile à lire pour les moteurs de recherche et les lecteurs.
Bonnes pratiques pour les balises d'en-tête
1. Ne surchargez pas vos balises d'en-tête avec des mots-clés
Si vous suivez les meilleures pratiques de référencement depuis plus de quelques années, vous avez probablement l'habitude d'inclure des mots-clés cibles dans vos balises H1, H2 et H3.
Ces en-têtes étaient autrefois des facteurs de classement importants, mais l'algorithme de Google est devenu plus intelligent. Par conséquent, les mots-clés dans les en-têtes n'ont plus le même impact qu'auparavant.
Cela dit, il est toujours bon d'inclure des mots-clés dans vos balises d'en-tête. Aujourd'hui, cependant, vous devriez vous efforcer de les ajouter de manière plus judicieuse et plus naturelle. La dernière chose à faire est de surcharger vos balises d'en-tête au point que Google considère votre page comme du spam.
Plus récemment, nous avons vu une raison supplémentaire d'utiliser judicieusement les mots-clés dans vos balises d'en-tête : de bons sous-titres explicites peuvent vous permettre d'obtenir un extrait, en particulier dans les guides pratiques ou les articles de synthèse.
2. Des en-têtes courts et cohérents
Une autre habitude importante concernant les en-têtes est de les garder courts et cohérents, dans la mesure du possible. Essayez de limiter la longueur de vos en-têtes à 3-5 mots et de les structurer de manière cohérente afin que les lecteurs puissent les parcourir facilement.
N'oubliez pas que les en-têtes sont conçus pour diviser un mur de texte en sections bien ordonnées. Il est donc logique que des en-têtes et des sous-titres trop longs ne soient pas agréables à lire sur les pages.
En plus de faciliter la tâche de vos lecteurs, ces en-têtes rapides aident Google à mieux comprendre le contenu de vos pages.
3. Utiliser les balises d'en-tête pour une bonne hiérarchisation du contenu
Savez-vous pourquoi les balises d'en-tête existent ? L'objectif initial des balises d'en-tête est de maintenir une bonne hiérarchie du contenu d'une page HTML.
Là encore, le H1 est l'en-tête principal, les H2 sont les sous-titres, les H3 à l'intérieur des H2 sont les sous-sous-titres de cette section, et ainsi de suite. Dans chaque section, par ordre décroissant, commencez par les informations les plus importantes et les plus pertinentes et poursuivez à partir de là.
4. Vérifier que la conception de l'en-tête en CSS est cohérente
Par défaut, le langage HTML permet d'établir une hiérarchie visuelle pour une page web.
En règle générale, les balises H1 et H2 ont une taille de police plus grande et un poids plus élevé (environ 32 px et 24 px, respectivement), tandis que les balises H3 et H4 ont une taille de police plus petite (18 px et 16 px, respectivement).
Bien qu'il n'y ait pas de règle stricte en la matière, nous avons parfois vu des thèmes de sites web dont les H3 et H4 étaient plus grands que les H2.
Sur votre site web, vous pouvez apporter des modifications à votre feuille de style CSS pour mettre en place une conception d'en-tête cohérente avec un code de formatage de police approprié, ou ajouter des sélecteurs à un champ CSS personnalisé en tant que feuille de style supplémentaire.
Il arrive également que des H3 soient utilisés là où des H2 devraient l'être. C'est souvent le cas lorsque la conception de l'en-tête n'est pas correcte. Bien qu'il ne s'agisse pas d'une étape cruciale, cela vous permettra d'offrir la meilleure expérience possible à l'utilisateur et d'obtenir une valeur maximale pour le référencement dans Google.
FAQ
Puis-je utiliser plusieurs balises H1 ?
Oui, c'est possible. Google affirme que cela ne lui pose aucun problème. Néanmoins, la meilleure pratique en matière de référencement est d'avoir une seule lettre H1 par page.
Même si ce n'est pas dans l'intérêt de Google, le fait de n'utiliser qu'une seule balise H1 par page permet de conserver des pages cohérentes et faciles à comprendre si d'autres utilisateurs ont besoin d'y apporter des modifications.
Les balises H1 et les balises de titre peuvent-elles être différentes ?
Par défaut, le H1 et le titre sont identiques lorsque vous publiez un nouvel article. Mais vous pouvez écrire des titres et des H1 différents si vous le souhaitez.
Par exemple, vous voudrez peut-être que le titre soit plus court pour bien paraître dans les SERP, alors que le H1 peut être un peu plus long pour les visiteurs de votre page - ou vous pouvez choisir d'inclure l'année dans votre titre et de ne pas l'inclure dans votre H1.
Quelle que soit la raison, il est tout à fait possible, à des fins de référencement, que la balise H1 et la balise title soient différentes.
Combien y a-t-il de niveaux de balises d'en-tête ?
Le langage HTML prend en charge six en-têtes au total : H1-H6. Cela signifie que vous ne pouvez pas avoir de H7, H8, etc.
Toutefois, il est rare que vous ayez besoin d'autres sous-sections que la H4. Si vous avez besoin de H5 et de H6 sur une page, il convient de se demander si vous n'entassez pas trop d'informations sur une seule page.
Au lieu de cela, vous pouvez créer une page séparée pour le contenu afin d'en faciliter la lecture.
