Les sites web, et plus particulièrement les sites e-commerce, doivent sortir du lot s’ils veulent augmenter leur taux de clic dans les résultats des moteurs de recherche. Dans les faits, entre les annonces payantes, les images et autres éléments attirant les visiteurs, les rich snippets offrent une valeur ajoutée et peuvent être facteur de déclenchement.

Que sont les rich snippets?

Le snippet est un texte décrivant chaque résultat de recherche. Il affiche une balise de description meta qui donne plus de pertinence à votre requête en mettant en gras des mots correspondants à ceux que vous avez tapés.

Les rich snippets sont des données structurées que les webmasters peuvent ajouter à leur HTML existant. Ils offrent des informations supplémentaires à propos de l’auteur et bien plus encore. Ils procurent une pertinence supplémentaire pour les visiteurs et mettent en valeur la page.
Les rich snippets n’ont pas été créées dans le but de favoriser un site plus qu’un autre mais pour aider les utilisateurs à prendre la bonne décision lorsqu’ils cherchent quelque chose.

En voici un exemple pour une requête de recette de cookies:

Rich snippets

Les sites e-commerce devraient tirer parti de cette fonctionnalité en affichant leurs offres et leurs prix. En fait, un code peut être rentré dans les pages pour afficher ces rich snippets. Ils peuvent, à coup sûr, vous faire gagner la bataille de clics contre vos concurrents dans les résultats des moteurs de recherche. De plus, ils peuvent facilement diminuer votre taux de rebond étant donné que vos visiteurs auront une meilleure idée de ce qu’ils vont trouver sur votre site.

Quels sont les principaux types de rich snippets?

Il y a 8 types de rich snippets disponibles pour les contenus suivants:

  • Personnes: ils donnent des informations sur le nom, le titre, le rôle, les affiliations professionnelles ou encore les coordonnées.
  • Avis: ils montrent les avis individuels et rassemblés.
  • Produits: cette balise structurée est la plus importante de toutes, surtout pour le e-commerce. Elle fournit des informations sur le nom, l’image, la marque, la description, le prix, la devise, le vendeur, la quantité et les conditions de vente. Les magasins en ligne qui proposent un même produit provenant de revendeurs différents peuvent utiliser un prix haut et un prix bas pour déterminer une gamme de prix.
  • Recettes: ils fournissent des informations sur le plat, les avis, la préparation, le temps de cuisson et même sur la nutrition.
  • Entreprises et organisations: ils donnent des informations sur le nom de l’entreprise, son adresse, son numéro de téléphone, sa position géographique et son image de marque.
  • Musiques: Google affiche des balises de données liées aux chansons, albums et montrent les liens pour pouvoir acheter une chanson ou écouter un extrait.
  • Évènements: les rich snippets ne peuvent afficher des informations que sur les évènements à venir et non pas ceux déjà passés. Ces informations sont la date, la durée, les détails du tickets et l’endroit.
  • Vidéos: ils fonctionnent avec les vidéos intégrées sur votre site et peuvent souligner la durée, le nom du créateur, la licence et la production.

Comment utiliser les rich snippets?

Vous n’êtes pas obligés d’ajouter des rich snippets à chaque contenu que vous avez puisque vous devriez seulement annoter le contenu visible. Il existe trois formats différents:

  • Les micro-données: c’est celui que Google recommande
  • Les microformats
  • la syntaxe RDFa ( pour Resource Description Framework dans des Attributs)

Les micro-données utilisent les attributs de base dans les balises HTML comme span ou div pour assigner des noms courts et descriptifs à des objets ou des propriétés.
Et il y a 3 attributs primordiaux à intégrer dans l’HTML:

  • itemscope: qui indique la signification du bloc <dev> dans l’HTML
  • itemtype: qui précise le type d’élément concerné
  • itemprop: qui donne les propriétés comme le nom, l’endroit et les avis etc..

L’outil Webmaster de Google a fourni un petit exemple de leur fonctionnement en montrant des coordonnées de base pour la requête”Bob Smith”:

<div>
My name is Bob Smith but people call me Smithy.
Here is my home page: <a href=”http://www.example.com”>www.example.com</a>
I live in Albuquerque, NM and work as an engineer at ACME Corp.
</div>
Here is the same HTML marked up with microdata:
<div itemscope itemtype=”http://data-vocabulary.org/Person”>
My name is <span itemprop=”name”>Bob Smith</span> but people call me <span itemprop=”nickname”>Smithy</span>.
Here is my home page: <a href=”http://www.example.com” itemprop=”url”>www.example.com</a>
I live in Albuquerque, NM and work as an <spanitemprop=”title”>engineer</span> at <span itemprop=”affiliation”>ACME Corp</span>.</div>

Les livres, les films, les recettes et la musique sont vus comme du travail créatif donc un exemple d’une balise HTML pour une liste de livres ressemblerait à ça:

<body itemscope itemtype=”http://schema.org/WebPage”>
…
<div itemprop=”breadcrumb”>
<a href=”category/books.html”>Books</a> >
<a href=”category/books-literature.html”>Literature & Science Fiction</a> >
<a href=”category/books-classics”>Classics</a>
</div>
<div itemscope itemtype=”http://schema.org/Book”>
<img itemprop=”image” src=”science-fiction-cover-book.jpg” />
<span itemprop=”name”>Dune</span> –
<link itemprop=”bookFormat” href=”http://schema.org/pocket”>Pocket Book
by <a itemprop=”author” href=”/author/f_herber.html”>Franck Herber</a>
</div>
<div itemprop=”aggregateRating” itemscope itemtype=”http://schema.org/AggregateRating”>
<span itemprop=”ratingValue”>4</span> stars –
<span itemprop=”reviewCount”>2156</span> reviews
</div>
<div itemprop=”offers” itemscope itemtype=”http://schema.org/Offer”>
Price: <span itemprop=”price”>$12.99</span>
<meta itemprop=”priceCurrency” content=”USD” />
<link itemprop=”availability” href=”http://schema.org/InStock”>In Stock
</div>

Cette implantation est un peu fastidieuse. Heureusement, il existe des plugins WordPress comme All in One Schema.org Rich Snippets qui peuvent vous simplifier la tâche.

Cependant, les rich snippets peuvent mettre un peu de temps à être complètement intégrées dans les résultats des moteurs de recherche, soyez donc patient. Cette vidéo vous expliquera très clairement comment faire face aux problèmes habituels qui peuvent survenir.

Quel est l’impact sur votre SEO?

Les rich snippets n’ont pas d’impact direct sur votre SEO mais ils apportent de la valeur en plus à une liste organique dans les résultats des moteurs de recherche. Ils fournissent des informations supplémentaires très utiles qui peuvent réellement augmenter votre taux de clic et diminuer votre taux de rebond. Les rich snippets possèdent un impact positif sur votre trafic mais ils ne sont pas considérés comme des facteurs de positionnement.

emma labrador
Emma est Responsable Communication & Marketing chez OnCrawl et écrit sur le SEO et les mises à jour des moteurs de recherche.

View all posts by Emma