Archive pour 17 novembre 2007

Optimisation HTML : Le tag Meta Description (2ème partie)

Samedi 17 novembre 2007

Dans le précèdent article Optimisation de code HTML : le tag Meta Description (1ère partie), nous tâchions de définir précisément la balise Meta Description. Dans cette seconde partie, nous tâcherons d’indiquer comment calibrer au mieux la balise Meta Description en vue d’un référencement optimal.

Une balise Meta Description différente pour chaque page web

A chaque page, sa description. Cette description doit absolument refléter le contenu réel de la page. Dans le cas contraire, l’internaute floué ne tardera pas à quitter votre page. Rappelez-vous, ce n’est pas la quantité de trafic qui compte mais la quantité transformée, autrement dit la qualité (dans le sens, public que vous visez). Il est donc impératif de ne pas répéter la même description sur toutes les pages de votre site web. Car cette description serait alors trop générique. Dans l’idéal, vous ne devriez pas avoir deux pages de votre site web ayant la même balise Meta Description.

Une description intelligible plutôt qu’un bourrage de mots-clés

Il est impératif de ne pas faire de vos balises Meta Description des successions inintelligibles de mots-clés. La mode n’est plus au bourrage de mots-clés, mais plutôt au vrai contenu des pages web. Une ou deux phrases correctement construites ont plus de valeur qu’une série de mots-clés.

En effet, comme nous l’avons précisé dans Optimisation de code HTML : le tag Meta Description (1ère partie), la balise Meta Description n’entre pas directement en ligne de compte dans le référencement. Par contre, elle permet de vous dissocier des autres résultats que renvoient les moteurs de recherche (SERP) et ainsi de rendre votre page web plus attractive que celles de vos concurrents. Vous devez donner envie à l’internaute de cliquer sur votre page web.

Lorsqu’on examine les résultats Google pour le mot-clé Baladeur mp3, on constate que c’est la balise Meta Description des pages web (cerclée de rouge dans la capture ci-dessous) qui est rapportée par Google dans sa liste de résultats.

meta description google serp

Vous devez donc vous attacher à faire des balises Meta Description en forme de slogans attractifs, sans pour autant être racoleurs.

Par exemple, <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…”>.

A éviter, <META NAME=”Description” CONTENT=”XXXXXXX : catégorie Baladeur MP3 / MP4 mp3 & hifi “>

Des mots-clés pas si importants

La balise Meta Description ne doit pas se soucier de contenir vos mots-clés importants. Au risque d’être pénible, la balise Meta Description n’entre pas directement en ligne de compte dans le positionnement de vos pages web dans les SERP (résultats de recherche des moteurs de recherche). Elle se contente « d’assister » les moteurs de recherche dans la présentation qu’ils font de votre page web dans les SERP.

Par exemple, <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…”>.

A éviter, <META NAME=”Description” CONTENT=”Forum-mp3.com: telecharger mp3, Actualité, prix baladeur mp3,guide de baladeur mp3, conseil pour acheter un baladeur mp3, karaoké mp3 et sonnerie mp3.”>

La taille

La taille optimale de la balise Meta Description varie d’un moteur de recherche à l’autre. Cependant, les référenceurs sont en général d’accord pour fixer cette taille optimale à 250 caractères, soit environ une soixantaine de mots.

Les caractères accentués

Si vous utilisez des caractères accentués dans vos balises Meta Description, il faudra alors impérativement placer vos descriptions après le META qui déclare le CHARSET.

L’exemple suivant spécifie l’encodage de caractères du document comme étant “ISO-8859-1″ (qui permet l’usage de caractères accentués)

<META http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1“>

Ci-dessous un exemple complet d’élément Meta Description avec charset correctement formé,

<HEAD>
   <META http-equiv=content-type content="text/html; charset= ISO-8859-1">
   <TITLE>...</TITLE>
   <META name="description" content="... rembourse la différence ...">
... autres éléments d'en-tête ...
</HEAD>
<BODY>
... corps du document ...
</BODY>
</HTML>

Enfin, la solution de l’encodage HTML est une autre approche sur laquelle le charset est sans incidence.

Ci-dessous un exemple complet d’élément Meta Description sans charset et avec encodage html correctement formé.

<HEAD>
   <TITLE>...</TITLE>
   <META name="description" content="... rembourse la diff&eacute;rence ...">
... autres éléments d'en-tête ...
</HEAD>
<BODY>
... corps du document ...
</BODY>
</HTML>

Le é de différence est “html encodé” &eacute;

L’application de ces conseils devrait améliorer votre taux de clics dans les SERP.

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

Samedi 17 novembre 2007

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.