Optimisation HTML : le tag Meta/Description (1ère partie)

Nous abordons aujourd’hui notre premier volet sur l’optimisation des balises Meta. Nous nous intéresserons en premier lieu à la balise Meta/Description. Ceux pour qui HTML ne veut rien dire trouveront une courte introduction (le minimum nécessaire à connaître) dans notre précèdent article Le HTML pour le référencement.

Le tag Meta/Description, Kezako ?

Lorsqu’on examine le code html de la page web suivante, (clic droit + Afficher la source dans Internet Explorer), on peut y voir en début de fichier le petit bout de code suivant,

meta description code html

Le tag Meta/Description définit une propriété nommée (name en anglais) Description à laquelle est affecté un contenu (content en anglais).

Dans l’exemple suivant,

<META NAME=”Description” CONTENT=”Top Achat vous rembourse la différence si vous trouvez moins cher ailleurs ! Vente Lecteur MP3 - Baladeur MP3 au meilleur prix ! Top Achat, le high-tech moins cher…“>

La propriété Description a pour valeur Top Achat vous rembourse la différence si vous trouvez moins cher ailleurs ! Vente Lecteur MP3 - Baladeur MP3 au meilleur prix ! Top Achat, le high-tech moins cher….

La propriété Description sert à décrire le contenu d’une page web. Elle n’est pas destinée aux internautes, mais plutôt aux moteurs de recherche.

Le tag Meta/Description, selon la norme HTML 4.01

La spécification HTML 4.01 autorise à spécifier des métadonnées (des informations sur le document plutôt que sur le contenu du document). Cependant, cette spécification ne définit aucun ensemble de propriétés de métadonnées légales. Ces métadonnées font l’objet de convention d’usage. Le Meta/Description fait partie de cet ensemble voué à la définition des métadonnées.

Ces métadonnées obéissent toutes aux mêmes règles. La norme HTML 4.01 dit que :

  • chaque document HTML peut (non obligatoire) contenir un ou plusieurs éléments META,
  • ces éléments META doivent se trouver dans la section HEAD (l’entête) du document,
  • l’élément META définit une propriété auquel lui est assignée une valeur,
  • l’élément META peut contenir des caractères accentués ou spéciaux,
  • enfin, l’élément META nécessite obligatoirement une balise ouvrante et ne doit pas avoir de balise fermante.

Ci-dessous un exemple d’éléments META correctement formés,

<HTML>
   <HEAD>
      ... éléments d'en-tête ...
      <META name="auteur" content="HTML4SEO Team">
      <META name="copyright" content=" HTML4SEO Copyright © 2007">
      ... autres éléments d'en-tête ...
   </HEAD>
   <BODY>
   ... corps du document ...
   </BODY>
</HTML>

name définit le nom de la propriété et content sa valeur.

On a donc ici, auteur = HTML4SEO Team et copyright = HTML4SEO Copyright © 2007. Attention, la norme HTML 4.01 ne dit rien des propriétés auteur et copyright présentement définies.

La norme HTML 4.01 permet un paramétrage plus poussé des tags META. Pour aller plus loin dans ce paramétrage, on consultera http://www.la-grange.net/w3c/html4.01/struct/global.html#h-7.4.4.2.

Il est vivement conseillé de se conformer au standard HTML (peu importe la version) car les moteurs de recherche apprécient les documents correctement formés, c’est-à-dire formés selon le standard HTML.

Le Meta/Description est-il vraiment important ?

Cette balise HTML est, en principe, unique. Il n’y en a qu’un seul exemplaire par page web, en général en début de fichier. Celle-ci ne fait pas corps avec la page web, elle ne se voit pas. Elle n’est pas destinée aux internautes, mais plutôt aux moteurs de recherche.

Depuis le début des années 2000, l’influence du tag Meta/Description sur le positionnement a sérieusement diminué du fait d’abus (blindage en mots-clés). On peut donc se demander aujourd’hui si elle est vraiment importante pour le référencement et donc si il est vraiment nécessaire d’y travailler.

Ne la négligez pas !

Elle n’intervient certes plus dans l’algorithme de classement des moteurs de recherche. Cependant, les moteurs de recherche y accordent encore de l’importance. En effet, ils y ont souvent recours pour décrire les pages web présentées dans leurs résultats de recherche.

En renseignant les tags Meta/Description de vos pages web, vous proposez aux moteurs de recherche une description de votre page web, qu’ils afficheront très probablement dans leurs résultats de recherche. De cette manière, vous maîtrisez mieux la communication faîte sur votre page web dans les SERP (résultats de recherche des moteurs de recherche). Vous pouvez ainsi inciter davantage l’internaute à cliquer sur votre lien plutôt que sur ceux de vos concurrents. Dans le cas contraire, vous laissez l’initiative aux moteurs de recherche de choisir n’importe quel morceau de texte de votre page web. Et il est fort probable qu’il choisisse un bout de texte sans intérêts.

meta description google serp

On peut constater dans l’exemple qui précède que certains liens sont « plus vendeurs » que d’autres.

 scoopeo:Optimisation HTML : le tag Meta/Description (1ère partie) fuzz:Optimisation HTML : le tag Meta/Description (1ère partie) tapemoi:Optimisation HTML : le tag Meta/Description (1ère partie) nuouz:Optimisation HTML : le tag Meta/Description (1ère partie) pioche:Optimisation HTML : le tag Meta/Description (1ère partie) digg:Optimisation HTML : le tag Meta/Description (1ère partie) del.icio.us:Optimisation HTML : le tag Meta/Description (1ère partie) spurl:Optimisation HTML : le tag Meta/Description (1ère partie) newsvine:Optimisation HTML : le tag Meta/Description (1ère partie) furl:Optimisation HTML : le tag Meta/Description (1ère partie) reddit:Optimisation HTML : le tag Meta/Description (1ère partie) fark:Optimisation HTML : le tag Meta/Description (1ère partie) blogmarks:Optimisation HTML : le tag Meta/Description (1ère partie) Y!:Optimisation HTML : le tag Meta/Description (1ère partie)

Laisser un commentaire