mercredi 15 février 2012

Faire apparaitre les Rich Snippets pour son site

Sur les SERPs de Google il est fréquent de voir les petites étoiles, les votes, les avis à gauche d'un résultat de recherche, certains proviennent des avis de Google mais d'autres proviennent du site lui-même.
On peut également ajouter également une vignette et un prix.


La méthode est d'ajouter les Rich Snippets dans le code. Celle que j'ai retenu est le Microformats.

Donc pour ajouter des notes sur un site, voici la méthode expliquée sur Webmaster Tools :

<div class="hreview-aggregate">
   <span class="item">
      <span class="fn">Le titre du site</span>
      <img src="la-vignette-du-site.jpg" class="photo" />
   </span>
   <span class="rating">
      <span class="average">6</span> out of
      <span class="best">10</span>
   </span>
   based on
   <span class="votes">8</span> ratings.
   <span class="count">3</span> user reviews.
</div>

Pour ajouter les Breadcrumbs (les éléments de la carte du site), voici la méthode:

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/immobilier" itemprop="url">
    <span itemprop="title">Robes</span>
  </a> ›
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/immobilier/prestige" itemprop="url">
    <span itemprop="title">Real Dresses</span>
  </a> ›
</div>
</div>

Enfin, pour tester le résultat, il faut se rendre sur la page des Rich Snippets Testing Tool.
Plus d'information sur Schema.org.