RéférencementSEO

Les Rich Snippets de Google

Depuis le temps que les spécialistes du secteur se demandaient pourquoi Google n’exploitait pas plus les données structurées ! Google vient d’annoncer qu’ils allaient utiliser les 2 principaux formats de marquage de données structurées (les microformats et le standard RDFa) pour afficher certains résultats de manière enrichie : note moyenne et nombre d’avis par les consommateurs, adresse d’une entreprise, etc. Un petit pas vers le web sémantique… Cet article détaille tout cela et explique comment les webmasters doivent mettre à jour leurs sites pour en tirer profit.

Le principe des microformats et de RDFa

Intérêt des données structurées

Rien de bien nouveau dans tout ça, des standards existent depuis des années, mais tant que des acteurs majeurs comme Google ne les utilisent pas, cela n’avance pas tellement. Peut-être d’ailleurs que cette étape va nous faire avancer vers ce qu’on appelle le web sémantique ou peut-être le web 3.0 ? Il faudra encore être patient…

Imaginons que vous deviez afficher des données structurées sur une page web (des avis de consommateurs sur un produit, les coordonnées d’une personne ou d’une entreprise, etc.). Pour que l’internaute les repère correctement, vous n’avez pour l’instant pas vraiment d’autre choix que d’utiliser des balises HTML standard accompagnées de styles CSS, d’agencement à l’écran et de quelques explications. Mais qu’en est-il des moteurs de recherche ? Comment peuvent-ils comprendre que 43 est ici le nombre d’avis, que 4,3 est la note moyenne attribuée à un produit, etc. ? C’est ici qu’interviennent les standards permettant de définir les propriétés des données figurant sur votre page web.

Prenons l’exemple d’une page affichant les coordonnées d’une entreprise. Voici le rendu vu par l’internaute :

Pizzéria Vechio
Tél : 05 62 73 34 73
22, allées Jean Jaurès
31000 Toulouse (France)

Voici un exemple de code HTML classique pour ces données :

<div>Pizzéria Vechio<br />
Tél : 05 62 73 34 73<br />
22, allées Jean Jaurès<br />
31000 Toulouse (France)
</div>

Voici un exemple de code HTML utilisant les microformats pour ces mêmes données :

<div class="vcard"><span class="fn org">Pizzéria Vechio</span>
Tél : <span class="tel">05 62 73 34 73</span>
<div class="adr">
<span class="street-address">22, allées Jean Jaurès</span><br />
<span class="postal-code">31000</span>
 <span class="locality">Toulouse</span>
 (<span class="country-name">France</span>)
</div>
</div>

Grâce aux noms de classes CSS standardisées utilisés dans ce second exemple de code, il est très facile d’extraire les données sémantiques sans erreur (nom de l’entreprise, téléphone, adresse complète).

Application aux pages de résultats Google (SERP)

3 ingénieurs de Google l’expliquent sur le blog officiel ( certaines données structurées vont être spécialement analysées par Google afin d’afficher quand c’est possible des descriptions enrichies dans les pages de résultats (SERP). Voici par exemple l’affichage d’un résultat correspondant à une page qui contient des données structurées de type « Avis de consommateurs » (review) :

Optimiser son référencement avec les microformats ou RDFa

Pour avoir une chance d’avoir vos résultats enrichis de cette façon, il faut bien entendu intégrer vos données structurées sur vos pages avec l’un ou l’autre des formats reconnus par Google. Vous n’avez aucune garantie que Google en tienne compte

Comment tagguer des données associées à un avis (review)

Si vous affichez des avis sur vos pages, voici les noms des structures à utiliser. Dans les cas où les 2 standards diffèrent, le nom à utiliser pour les microformats est indiqué entre parenthèses.

PropriétéDescription
itemReviewed (item)L’élément pour lequel est donné l’avis
name (fn)Nom de l’élément pour lequel est donné l’avis. Elément fils de item.
ratingLa valeur numérique attribuée à l’avis (un nombre entre 1 et 5, 1 étant la plus mauvaise note et 5 la meilleure)
reviewerNom de la personne ayant donné son avis
dtreviewedDate de l’avis
descriptionLe contenu de l’avis
Comment tagguer des données associées à une personne

Comme précédemment voici les propriétés à utiliser :

PropriétéDescription
name (fn)Nom
nicknameSurnom
urlLien vers une page web (par exemple le site de la personne)
affiliation (org)Nom de l’organisation avec laquelle la personne est associée (par exemple son employeur). Si fn et org ont exactement la même valeur, Google considèrera que ces données sont celles d’une entreprise ou d’une organisation et non d’une personne.
address (adr)Adresse de la personne
street-addressRue
localityVille (élément fils de address)
regionRégion géographique (état, province, comté). Elément fils de address.
postal-codeCode postal. Elément fils de address.
country-namePays. Elément fils de address.
photoRéférence à une photo de la personne
titleFonction de la personne (par exemple Directeur financier)

role

 

Rôle de la personne (par exemple Expert comptable)
Comment tagguer des données associées à un produit

Comme précédemment voici les propriétés à utiliser :

PropriétéDescription
brandMarque du produit
categoryCatégorie du produit (par exemple « Livres » ou « Voitures »)
descriptionDescription du produit
name (fn)Nom du produit
pricePrix du produit (nombre à virgule flottante pouvant inclure une monnaie)
photoURL d’une photo du produit
urlURL de la fiche produit
Comment tagguer des données associées à une entreprise

Comme précédemment voici les propriétés à utiliser :

PropriétéDescription
name (org/name)Nom de l’entreprise (avec les microformats il est conseillé d’utiliser à la fois org et name.
urlLien vers une page web (par exemple le site de l’entreprise)
affiliation (org)Nom de l’organisation avec laquelle la personne est associée (par exemple son employeur). Si fn et org ont exactement la même valeur, Google considèrera que ces données sont celles d’une entreprise ou d’une organisation et non d’une personne.
address (adr)Adresse de l’entreprise
street-addressRue
localityVille (élément fils de address)
regionRégion géographique (état, province, comté). Elément fils de address.
postal-codeCode postal. Elément fils de address.
country-namePays. Elément fils de address.
telNuméro de téléphone
Prévenez Google !

Si vous avez utilisé ce type de données structurées (ou que vous prévoyez de le faire bientôt), vous pouvez toujours en informer Google via ce formulaire. Aucune réponse n’est garantie, ni aucune prise en compte de votre site, mais qui ne tente rien n’a rien.

Source : webrankinfo