Commentaires et avis en rich snippets

 Information manquante/implicite : utilisez le tag meta avec content

Parfois, une page web contient des informations intéressantes à marquées, mais elles ne peuvent pas l’être à cause de la façon dont elles apparaissent sur la page. L’information peut être contenue dans une image (par exemple un avis de quatre sur cinq) ou bien dans un objet flash.

Dans ces cas là, utilisez le tag meta avec l’attribut content pour spécifier l’information. Par exemple, voici une image montrant un classement de quatre étoiles sur cinq.

 

<div itemscope itemtype="http://schema.org/Offer">
  <span itemprop="name">Blend-O-Matic</span>
  <span itemprop="price">$19.95</span>
  <img src="four-stars.jpg" />
  Based on 25 user ratings
</div>

 

Voici maintenant l’exemple avec l’information sur le classement marqué sur la page.

 

<div itemscope itemtype="http://schema.org/Offer">
  <span itemprop="name">Blend-O-Matic</span>
  <span itemprop="price">$19.95</span>
  <div itemprop="reviews" itemscope itemtype="http://schema.org/AggregateRating">
    <img src="four-stars.jpg" />
    <meta itemprop="ratingValue" content="4" />
    <meta itemprop="bestRating" content="5" />
    Based on <span itemprop="ratingCount">25</span> user ratings
  </div>

Cette technique doit être utiliser avec parcimonie. N’utilisez le tag meta seulement pour marquer des informations qui ne pouvait pas l’être autrement.

 

 

En savoir plus sur Webdesigneur