En matière de rédaction web, il y a des règles d’optimisation textuelle à respecter.
D’une part, pour faciliter la lecture de la page par les internautes.
D’autre part, pour optimiser le référencement naturel de votre site web.
Découvrez comment structurer efficacement votre texte avec les balises Hn !
Balises hiérarchiques qui servent à organiser une page web, les balises H1 à H6 permettent une meilleure structuration sémantique du contenu. Chaque numéro (précédé de la lettre H, pour Heading) renseigne sur le niveau d’importance de la balise. La balise h1 est donc plus importante que la balise h2, qui elle-même est plus importante que la balise h3, etc. Dans la norme HTML, il existe jusqu’à 6 niveaux de titres.
Ces titres sont encadrés, dans le code HTML, de la manière suivante :
<h1>titre de niveau 1</h1>
<h2>titre de niveau 2</h2>
<h3>titre de niveau 3</h3>
<h4>titre de niveau 4</h4>
<h5>titre de niveau 5</h5>
<h6>titre de niveau 6</h6>Saviez-vous que la lecture à l’écran est ralentie de 25% par rapport à la lecture papier ? Vous avez donc tout intérêt à structurer au mieux votre texte pour une meilleure saisie du contenu de la part de vos lecteurs. Plus qu’une mise en forme (c’est le travail des feuilles de style CSS), c’est avant tout une information sémantique qui permet de découper votre page en sous-parties.
Une bonne structure de texte peut conduire à plusieurs impacts positifs :
L’utilisation des balises a un impact sur le référencement naturel (SEO), il est donc recommandé de travailler efficacement la rédaction de ces titres Hn, notamment pour ces deux raisons :
Élément fondamental pour le référencement naturel d’une page dans les résultats de moteurs de recherche, le titre H1 sert à définir le sujet principal et la thématique de votre texte.
Le choix des mots à placer dans cette balise est donc de première importance : ils renseignent Google sur le contenu de la page et pèsent dans la balance de son algorithme de pertinence.
Principalement en utilisant le code source de la page ! Vous pouvez accéder à ces données en cliquant droit avec la souris sur la page ciblée, puis de sélectionner « Code source de la page« , ou par la commande CTRL + U (sur Mac, vous pouvez également maintenir la touche Commande + U).
Une fois dans le code source de la page, effectuez une recherche : CTRL + F (sur PC) ou Commande + F (sur Mac), puis tapez H1 dans le champ requis. Même démarche pour les autres balises h2, h3, h4, h5 et h6.
Vous pouvez également utiliser un plugin, tel que Web Developer (disponible sur Chrome ici et sur Firefox là), je vous montre comment ici :
Dans un premier temps, sachez que la longueur du titre H1 n’est soumise à aucune règle. Nous vous recommandons cependant de ne pas dépasser environ 70 caractères (soit 5 à 8 mots). En effet, Google pourrait vouloir réutiliser votre titre h1 s’il juge votre balise <title> moins pertinente. Si vous dépassez ce nombre de caractères, il sera donc tronqué dans les résultats de recherche.
D’autres règles indispensables sont à respecter pour bien optimiser votre titre et votre référencement on page :
Ici, plusieurs écoles sur le sujet : certains référenceurs s’évertuent à clamer haut et fort la similarité entre la balise Title et le titre h1, tandis que d’autres optent plutôt pour la différence entre les deux. Chez ReferenSEO, on est plutôt de la deuxième école. Et pour de nombreuses raisons :
Contrairement au titre h1, les sous-titres h2 peuvent être plusieurs fois présents dans le contenu. On garde cependant le même principe en termes de rédaction : ils doivent résumer en 5 à 8 mots le contenu de votre paragraphe. C’est également l’occasion idéale de placer les mots clés secondaires de votre page. Même pratique pour les sous-titres de niveaux inférieurs, de h3 à h6.
Inutile de remplir votre page de sous-titres à profusion si ce n’est pas nécessaire. Il n’y a pas de nombre de balises idéal, tout dépend de la structure de votre texte. Si vous avez quatre parties dans votre contenu, utilisez 4 balises h2. Si vous avez des sous-parties dans ces h2, utilisez des h3. Etc.
De même, ne mélangez pas l’ordre de vos balises (pratique pénalisée par Google). Exemple ci-dessous à ne pas suivre :
<h1>Balise Hn : comment bien rédiger les titres h1 et sous-titres h2 à h6 ?</h1>
Contenu du paragraphe
<h3>Définition des balises sémantiques</h3>
Contenu du paragraphe
<h2>Pourquoi utiliser des balises Hn ?</h2>
Contenu du paragraphe
<h4>Pour la lecture à l'écran</h4>
Contenu du paragraphe
<h4>Pour le référencement naturel</h4>
Contenu du paragrapheDe même, évitez les balises isolées. Si vous placez des sous-titres dans des paragraphes, le nombre de titres du niveau inférieur doit être au moins égal à 2. Donc, ne placez pas un seul h3 juste en-dessous d’un h2.
Exemple à ne pas suivre :
<h2>Pourquoi utiliser des balises Hn ?</h2>
Contenu du paragraphe
<h3>Pour la lecture à l'écran</h4>
Contenu du paragraphe
<h2>Focus sur la balise H1</h2>
Contenu du paragrapheA faire :
<h2>Pourquoi utiliser des balises Hn ?</h2>
Contenu du paragraphe
<h3>Pour la lecture à l'écran</h3>
Contenu du paragraphe
<h3>Pour le référencement naturel</h3>
Contenu du paragraphePar ailleurs, nous vous déconseillons de placer des balises de titre dans les menus, les entêtes, les pieds de page, le fil d’ariane ou les images (à ce moment-là, remplissez la balise ALT de l’image avec ce que vous auriez rédigé pour la balise Hn, mais ce n’est pas optimal).
Rien de plus simple, il vous suffit de définir le niveau du titre dans l’éditeur de votre page, en cliquant sur le menu déroulant des styles :
Attention : vous n’aurez pas forcément besoin de renseigner le H1. En effet, la barre de titre de votre article utilise déjà cette balise (à vérifier dans votre code source, certains thèmes peuvent vous jouer des tours) !
Idem, c’est très simple avec le menu déroulant :
En résumé, la rédaction d’un titre Hn compose avec des règles simples, qu’il convient de connaitre pour bien optimiser le travail de référencement naturel. Plus que pour la forme, ces titres Hn apportent un confort de lecture et un (léger) impact pour le SEO (Search Engine Optimization).
Rappelez-vous :
