Introduction

Afin d'apporter un aperçu plus complet d'une page, les moteurs de recherche proposent des contenus enrichis sous la description de votre site.

Ces extraits sont proposés par exemple pour :
- des horaires du film au cinéma
- le nom et la durée des pistes audio d'un CD
- un résumé d'une recette de cuisine

Pour utiliser ces contenus enrichis, il faut suivre la norme des microdonnées (d'autres normes existent comme les microformats et le RDFa mais celles-ci sont de moins en moins utilisées) fixées par les différents moteurs de recherche.

L'ensemble des microdonnées sont regroupées sur le site schema.org issu de la collaboration de Google, Yahoo et Bing qui standardisent ainsi toutes ces données.

Il vous suffira de paramétrer des balises en HTML5 en suivant les normes.

Les balises

C'est grâce à l'HTML5 que ces balises sont facilement gérables.

Vous trouverez :

- itemscope qui va définir le type d'information qui est regroupé dedans (il faudra utiliser itemscope avec itemtype)
- itemtype qui va contenir l'URL du type que l'on veut utiliser depuis schema.org
- itemprop qui va contenir un paramètre qui définira la valeur de celui-ci.
- itemref va faire le lien entre deux sections sans lien (le type est défini dans une div, mais d'autres infos se situent dans un pied de page)
- itemid qui va contenir une référence globale unique (le numéro d'exploitation d'un film)

Exemple d'intégration

Si vous devez présenter un film, vous suivrez les spécifications suivantes schema.org/Movie.

Plus vous utiliserez les paramètres, plus votre contenu sera pertinent.

Voici un exemple succinct de l'utilisation des Rich Snippets concernant la fiche d'un film.

<div itemscope itemtype="http://schema.org/Movie">
 <h1 itemprop="name">12 hommes en colère (1957)</h1>
 <span itemprop="url">
  <a href="http://fr.wikipedia.org/wiki/Douze_hommes_en_col%C3%A8re_%28film%29" title="Fiche Wikipédia">Fiche Wikipédia du film</a>
 </span>
 <span itemprop="description">
  Aux États-Unis, un jury de douze hommes doit statuer, à l'unanimité, sur le sort d'un jeune homme accusé de parricide. 
  S'il est jugé coupable, c'est la chaise électrique qui l'attend. 
  Onze jurés le pensent coupable. 
  Seul le douzième sans être certain de l'innocence de l'accusé, a de sérieux doutes.
 </span>
 Réalisateur : 
 <div itemprop="director" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Sidney Lumet</span></div>
 Scénario : 
 <div itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Reginald Rose</span></div> d'après le téléfilm et la pièce-homonyme
 Distribution :
 <div itemprop="actor" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Henry Fonda</span>,</div>
 <div itemprop="actor" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Lee J. Cobb</span>,</div>
 <div itemprop="actor" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Ed Begley</span></div>
 </div>
</div>

A travers d'un outil développé par Google, vous pourrez vérifier que votre code HTML est bien écrit (voir lien dans la colonne de droite).

Conclusion

L'utilisation de ces contenus enrichis ne sera qu'un plus pour votre site.

Le contenu sera plus pertinent comparé à vos concurrents, et qui dit contenu plus pertinent dit meilleur résultat dans les pages de recherche et donc plus de visite !