Heading tag


Le heading tag, en français balise d’en-tête, est utilisée dans le HTML et aide à définir les rubriques d’une page. Les titres sont définis par <hn>, où “n” est un nombre compris entre 1 et 6 et détermine quel grade occupe l’en-tête. Il peut aussi indiquer le format du titre.

Chaque < h1> ouvert doit être ensuite refermé avec </ h1>

Le contenu du titre est placé entre les deux codes.

<h1> Voici un titre </h1>
<h2> Voici un sous-titre </h2>
<h3> Voici un sous-sous-titre <h3>

Informations générales[modifier]

Les heading tags possèdent au sein de la structure HTML une fonction particulièrement importante. Un fichier HTML peut être compris en tant que combinaisons de nodules, dont les heading tags constituent le point de départ depuis d’autres nodules. En d’autres termes, le heading tag dissocie les titres du reste du contenu. Un fichier HTML devrait donc posséder exactement un tag H1 : c’est une règle qu’il faut réellement suivre, même si elle autorise en principe l’usage de plusieurs tags H1. Il s’agit en effet d’une question de graphisme. Les sous-titres peuvent être utilisés aussi souvent que souhaité, mais ils doivent être employés dans la mesure où la hiérarchie est toujours compréhensible. Une rubrique principale possédant deux sous-titres devrait ressembler à cela :

<h1> Voici un titre </h1>
<h2> Voici un sous-titre </h2>
<h2> Voici un sous-titre </h2>

Pourquoi des heading tags ?[modifier]

Les heading tags fournissent une structure du fichier HTML et précise au navigateur quel type de données doivent être affichées. Ça ne détermine pas sous quelle forme les données doivent être affichées, bien que ce soit traditionnellement prédéfini. Le formatage des titres doit être précisé dans les fichiers CSS, dans le but de séparer le formatage du contenu. Cependant, l’usage des heading tags est obligatoire si vous voulez afficher du contenu texte. Chaque fichier HTML doit posséder seulement un nodule initial si on veut qu’il soit valide. Le W3C Validator peut être utilisé afin de vérifier la validité d’un document HTML. De plus, des fichiers HTML bien structurés offrent certains avantages pour les utilisateurs et les moteurs de recherche.

1) Les titres peuvent être interprétés par les navigateurs, qui en revanche peuvent ne pas être en capacité de reconnaître ou d’afficher les feuilles de style.

2) Les lecteurs d’écran et loupes se repèrent aux les titres (accessibilité et affichage sur les appareils mobiles).

3) Une structure claire est donnée : l’utilisateur reçoit des instructions concernant le contenu et il peut décider quels paragraphes sont intéressants pour lui ou non.

4) Les moteurs de recherche obtiennent un code source valide, ainsi que d’autres signaux sous forme de mots-clés pertinents issus des titres. Cela leur permet de résumer le contenu.

5) Des changements généraux peuvent être facilement effectués au sein de tous les titres : seulement un petit changement dans le fichier CSS est demandé, puis toutes les informations de formatage sont transmises aux en-têtes.

Importance pour le référencement[modifier]

Le heading tag est d’une importance centrale pour les moteurs de recherche. Ces utilisent les heading tags pour identifier les mots-clés, qui ressortent du contenu par leur formatage. Normalement, le titre présente le sujet ou indique de quoi il est question dans la section texte qui suit. Il est donc fortement conseillé d’utiliser les mots-clés déjà dans le titre. Plus la position du titre sur une page est élevée, plus ce titre est important. Cependant, ce n’est pas très utile de surcharger le heading tag avec trop de mots-clés. Les mots-clés doivent avoir une relation directe avec le contenu et correspondre à une structure de phrase lisible. Un bourrage de mots-clés hasardeux dans les heading tags n’aide pas les moteurs de recherche, et encore moins les utilisateurs.

L’importance du heading tag est représentée par le “n”, H1 étant très important et H6 moins important. Il existe quelques théories dans l’optimisation on-page, qui stipulent que les tags H2 devraient bénéficier d’un soin tout particulier et posséder les mots-clés les plus importants, dans la mesure où le texte réel d’un site web est plutôt structuré selon ces en-têtes-là. Dans le même temps, il est important que les signaux soient envoyés aux moteurs de recherche au moyen des heading tags. De manière général, les heading tags doivent être bien équilibrés, prendre en compte les besoins des utilisateurs et se plier aux conditions du SEO.