Comment utiliser les headings sur son site ?

Les headings font partie des balises html (aussi appelés tags). Elles permettent de structurer le contenu d'une page pour le rendre facilement compréhensible par les moteurs de recherche. Il existe différents niveaux de headings, allant de H1 à H6, H1 étant le plus important.

Ces titres n'ont donc pas un impact uniquement visuel (taille et largeur de police) mais ils sont également essentiels pour la SEO.

Il existe quelques règles simples d'utilisation de ces headings. Nous allons les détailler dans cet article.

Le heading 1 est le principal de la page.

Il doit :

• Être unique, on ne met qu'un seul H1 par page (c'est une règle d'or),
• Résumer le contenu de la page,
• Varier d'une page à l'autre,
• Contenir entre 5 et 8 mots, un maximum d'environ 70 caractères
• Dans l'idéal, le title tag et le H1 sont légèrement différents

L'utilsation des headings doit suivre une certaine logique :

• Ne pas sauter de niveau, exemple H2 puis H4
• Pour chaque niveau inférieur, ajouter au moins deux balises
• Les titres doivent résumer le contenu qu'ils précédent
• Contenir entre 5 et 8 mots, un maximum d'environ 70 caractères

‍

Exemple d'une structure correcte :

<h1> Est-ce que créer un blog est utile ? </h1>

‍

<h2> À quoi sert un blog ? </h2>

<h3> Obtenir un bon référencement naturel </h3>

<h3> Être propriétaire du contenu que l'on créé </h3>

<h3> L'utilité de créer dans un format long </h3>

‍

<h2> Comment créer son blog ? </h2>

<h3> Quel outil choisir ? </h3>

<h3> Comment bien structurer un article de blog ? </h3>

Pour ajouter un heading dans Webflow, vous devez récuréper l'élément heading de la section "Typography" dans l'onglet "Add Elements".

Par défaut ce sera un H1, mais vous pouvez le modifier dans les réglages en choisissant le niveau que vous souhaitez.

‍