publié le Lundi 13 février 2012 à 8 h 16 minGoogle affiche un certain nombre d’informations dans ces résultats de recherche. Un aperçu du site, un titre, une description et l’URL référencée est un assemblage assez classique. Des choses peuvent être rajoutées dans l’affichage, dont un système de notation (ou vote). Voyons voir comment procéder.
Pour motiver Google à afficher un certain type d’informations, il faut apprendre à lui parler, devenir son ami et passer un pacte avec le diable.
Syntaxe basique
Il va nous falloir user d’une syntaxe précise dont voici une démonstration très simple.
Sans information contraire, Google partira du principe que vous attribuez une note sur 5 (5 étoiles), vous pouvez donc parfaitement utiliser des pourcentages : 50% correspondra pour lui à une note de 2.5.C’est l’exemple le plus simple explicité par Google (1).
Système de notation sous forme d’étoiles
Le plus souvent représenté sous forme d’étoiles (5 étoiles généralement), le système de notation proposé au visiteur doit respecter une syntaxe précise pour que Google le prenne en compte dans ses résultats de recherche.
Affichage fonctionnel sur le site Geekeries
La méthode microdata
Cette méthode consiste à utiliser des attributs spécifique.Si vous utilisez une image simple par quantité de vote (exemple : une image toutes les demi-étoile), il convient d’utiliser l’attribut itemprop="rating" directement sur l’image. L’attribut alt servant à expliciter la note.
Si vous préférez une technique CSS différente, comme celle des sprites par exemple, il est tout à fait possible d’écrire quelque chose dans ce sens :
En utilisant la meta au sein du bloc HTML, on rend possible l’affichage des étoiles dans les résultats de recherche, la valeur de content servant à déterminer leur nombre.
La méthode microformat
Cette méthode consiste à utiliser des classes bien précises pour mettre en place un ensemble logique d’informations.En reprenant les exemples précédents, voici comment rendre visible un résultat de vote pour Google :
En reprenant le second exemple, il est possible d’avoir une structure comme celle-ci :
La classe ... Read more