Le H1 (pour header 1 ou balise H1) est le titre principal d’une page internet. Il existe 6 niveaux de H possible : du H1 au H6. 

Ce qu’il faut savoir sur la balise H1 :

  • Mot clé principal en début de texte
  • 70 caractères max
  • Unique par page
  • Décrit le contenu de la page
  • Vraies phrases sujet + verbe + complément
  • Proscrire : liste de mots clés, mots clés répétés, chiffres, caractères spéciaux, mots en majuscules et dates précises

Comment la mettre en place ? (Code HTML) :

 La balise H1 doit être placée dans le corps (<Body>) HTML de votre page, avec le format très simple suivant :

<body>

<h1>Nom produit / Marque / Catégorie (la plus fine) (on ajoute la catégorie seulement au besoin si le h1 est inférieur à 30 caractères)</h1>

</body>

Exemple concret :

  • Cas N°1 :

J'ai un site éditorial, j’écris un article sur le canon G1 x Mark III,  mon H1 doit être comme suit :

<h1>Test Canon G1 X Mark III, le plus expert des compacts Canon</h1>

  • Cas N°2 : 

Je suis e-commerçant, j’ai un catalogue étoffé, mon H1 doit être comme suit :

<h1>Catégorie - Nom du produit - proposition de valeur(ou EAN) + Nom du site</h1>

Exemple de Darty : 

Appareil photo compact lie vers la catégorie et Canon lie vers la page marque, et ensuite on a le nom produit.

<h1>
<a href="/nav/achat/photo_camescope/appareil_photo_compact-appareil_photo_compact/appareil_photo_compact/index.html" class="product_family font-2">Appareil photo compact</a>
<span class="product_name font-2-b" itemprop="name" >
<a href="/nav/achat/marque/Canon__CANON.html">Canon</a>
POWERSHOT G1X MARK III
</span>
</h1>

Vous savez maintenant comment mettre en place une balise H1 :-)

Avez-vous trouvé votre réponse?