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:
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.
Attention, petite faute de frappe j’imagine, au niveau des micros données dans les 3 attributs, c’est “itemtype” et pas “itemype” avec itemscope et itemprop. Sinon, très beau résumé sur les données structurées. C’est vrai que cela incite l’internaute à cliquer davantage dans les pages de résultats de recherche Google. Aujourd’hui, ces pages présentent des résultats sous plus en plus de formes différentes. Aujourd’hui, ne pas utiliser les données structurées est une perte de chance non négligeable pour espérer avoir une meilleure visibilité et un meilleur taux de clic dans les SERPs.
[…] Schema.org et les rich snippets sont de bon moyens pour mettre en valeur votre contenu dans les résultats de recherche et de le rendre plus visible et plus attirant. Soyez certains d’utiliser des données structurées pour annoter votre code. Si vous utilisez des modèles dans votre système de management de contenu, vous pouvez simplement annoter certains d’entre eux pour afficher les snippets sur plusieurs de pages. Mais vous pouvez également installer ces données avec l’outil Data Highlighter de Google (mais cela sera seulement visible pour les moteurs de type Google, pas les autres). Les “ratings” font partie des rich snippets les plus engageants car elles attirent l’attention du lecteur. Un résultat en milieu de position des SERP peut obtenir un meilleur taux de clic qu’un résultat situé plus haut, grâce à ces rich snippets. Pour en savoir plus sur les rich snippets, vous pouvez lire notre article ici. […]
[…] sémantiques permettent aux internautes de mieux trouver ce qu’ils recherchent. De plus, les rich snippets sont des données structurées que les webmasters peuvent ajouter à leur HTML existant. Ils […]
L’utilisation de rich Snippet c’est un must pour le référencement et aider Google a retrouver les infos de votre Blog.
Malheureusement certains Blog hostés et maintenu pour vous (dont on ne maitrise pas les plugins ou les autorisations de scripting) par exemple WordPress.com (et non pas .org) ne permettent toujours pas d’ajouter ces informations.
Dommage, nous attendons tous avec impatience…