Comment les rich snippets et les snippets normaux sont-ils différenciés dans les résultats de recherche de Google ? Comment s’assurer que sa présence web est valorisée par les notes, les étoiles, des photos et autres informations ?
Dans cet article, vous apprendrez quels avantages procurent les rich snippets et comment vous pouvez les créer.
Un snippet ou extrait est le résultat d’une requête de recherche au sein des SERP. Le texte doit être informatif et dans le même inciter un clic. Il existe différents types de snippets que nous vous présentons ici :
Les snippets standards sont des petits aperçus d’un site web listé par Google dans les SERP après une requête de recherche. Le moteur de recherche génère ces extraits automatiquement en utilisant les métadonnées. Il utilise normalement le meta title, la meta description et l’URL. De cette façon, le visiteur peut rapidement décider si le résultat de recherche est pertinent pour sa requête.
Illustration 1 : snippet standard de marmiton.org
Les snippets encadrés en gris tout en haut de la page appartiennent à la catégorie des snippets dits « optimisés » ou « featured ». Les webmasters n’ont aucun influence directe sur ces affichages.
Google lui-même décide de quelles informations sont suffisamment pertinentes pour le terme de recherche et pour attirer l’attention du lecteur. Ce sont souvent des définitions de termes généraux avec des remarques sur d’autres significations. La OneBox ci-dessous apparaît par exemple pour la recherche définition de l’optimisation de la conversion.
Illustration 2 : OneBox sur le thème de l’optimisation de la conversion
Les rich snippets se basent sur les données structurées que les webmasters peuvent intégrer dans le code source du site selon un schéma spécial, afin de fournir des informations détaillées aux moteurs de recherche. Schema.org est une initiative créée par Google, Yahoo et Microsoft (Bing) pour que leurs moteurs de recherche puissent mieux indexer les contenus du site. Tous les moteurs de recherche les plus connus supportent ce schéma de balisage : les webmasters ne doivent donc pas intégrer des schémas différents.
Au sens littéral du terme, les rich snippets « enrichissent » le résultat avec des informations pratiques pour les lecteurs. Ainsi, des images, des liens, des prévisualisations ou des vidéos peuvent êtres intégrés. Si les informations nécessaires sont intégrées dans le code source en tant que rich snippet (metadonnées, microformats ou RDFa), les lecteurs voient les éléments les plus importants du premier coup d’oeil.
Cela donne automatiquement des réponses à Google à des questions telles que :
Illustration 3 : rich snippet du cinéma Les Arcades à Cannes
Que ce soit des commerçants en ligne, des musiciens, des organisateurs ou des ONG, Google prend en charge les types d’informations les plus variés. Sur le site web de schema.org, vous trouverez une collection de balises HTML et de balisages pour l’utilisation de rich snippets pour les domaines suivants :
Un type particulier de rich snippet est la boîte de recherche sitelinks. Avec le terme de recherche « Lyon », Google offre au lecteur des informations actuelles depuis le portail de la ville. Vous pouvez rechercher des sites et des événements de manière ciblée au sein d’un champ de recherche. Les résultats naturels sont placés à la suite.
Illustration 4 : boîte de recherche sitelinks pour le terme de recherche « Lyon » (côté droit)
À première vue, les rich cards n’ont pas beaucoup de points communs avec les rich snippets. En mai 2016, Google a officiellement annoncé les résultats de recherche au sein de Google.com pour les films et les recette.s. À l’époque, cela signifiait qu’ils élargissaient cette offre à d’autres domaines et régions et que le contenu avait une certaine importance. Depuis le 22 mars 2017, les rich cards sont disponibles dans le monde entier.
De cette façon, Google veut améliorer l’expérience utilisateur pour la recherche mobile. Les rich cards présentent un carousel d’information dans la zone supérieure de la page des résultats de recherche.
Illustration 5 : les rich cards pour la recherche mobile
Il n’y aucune garantie que le moteur de recherche affichera vos rich snippets comme vous le souhaitez. Il se peut aussi que des semaines s’écoulent avant que cela ne se produise. Néanmoins, de cette façon, vous avez toujours plus de chances de pénétrer les SERP qu’avec des snippets simples. Ceci est un point particulièrement important pour les commerçants en ligne. Ils doivent attirer l’attention de leurs clients en quelques millisecondes s’ils souhaitent supplanter la concurrence. Des éléments colorés qui attirent le regard et des étoiles de satisfaction fonctionnent mieux que trois simples lignes de texte.
À l’aide des microdonnées, le commerçant peut fournit une description détaillée du produit et communiquer des informations sur le prix, la couleur, la taille, l’état ou le fabricant de l’objet. Si ces détails sont directement affichés aux clients potentiels et répondent à leurs attentes, le chemin vers le panier d’achat n’est plus si long.
Illustration 6 : rich snippet pour la balise « produit »
Un exemple particulièrement clair pour les rich snippets est celui du domaine de l’alimentation. Si par exemple, vous recherchez sur google le terme générique « recettes », vous verrez les résultats de recherche de nombreuses collections de recettes et de blogs alimentaires. Marmiton et Cuisineaz apparaissent généralement en premier, et avec des photos et des notations.
Si vous spécifiez « Marmiton » dans l’emplacement de recherche, le rich snippet apparaîtra avec des informations supplémentaires. De cette façon, le portail simplifie encore plus l’entrée pour ses lecteurs. Il mène directement à la zone qui les intéresse sans qu’ils aient à rechercher le site web. Des rich snippets peuvent donc également orienter le visiteur.
Illustration 7 : recherche ciblée grâce aux rich snippets
En utilisant le terme général de microformat, nous évoquons trois formats possibles pour l’implémentation de contenus : JSON-LD, RDFa et les microdonnées. Ces trois formats sont compatibles les uns avec les autres et utilisent un code HTML standard avec des conventions supplémentaires afin de pouvoir extraire plus facilement les données du code HTML standard.
Vous trouverez une aide pour ce sujet relativement complexe dans Google Search Console. Cliquez sur « Données structurées » dans la section « Apparence dans la recherche ».
Illustration 8 : zone « données structurées » dans Search Console
Ici, l’outil de test des données structurées s’ouvre et vous permet d’éditer les formats pour chaque site web. De cette façon, vous pouvez d’abord tester si des rich snippets sont disponibles en utilisant seulement votre URL.
Illustration 9 : outil de test des données structurées de Google
Vous ne devez pas être un programmeur incollable car dans Google Search Console, les données surlignées vous aideront à marquer et à sauvegarder les données structurées. Vous pouvez marquer les informations pertinentes sur votre site web sans utiliser le langage de balisage et sans interférer avec le code source.
Attention : assurez-vous qu’aucun site web qui offre des rich snippets n’est bloqué par le fichier robots.txt.
Illustration 10 : marquage avec le marqueur de données de Google
Si les micro données correspondantes sont déposées dans le texte source, c’est à vous de vérifier si les rich snippets apparaissent correctement au sein des SERP. Pour cela, utilisez l’outil des rich snippets dans Google Search Console.
Si le rich snippet est reconnu, vous verrez le code sur la gauche et le terme « recette » sur la droite. La recette pour le site apparaîtra alors avec les notations et les photos dans les SERP.
Illustration 11 : rich snippet de Marmiton dans les SERP
Avec les données structurées, vous pouvez aussi créer des informations sur votre personnel et votre entreprise. En plus de la saisie du nom, de la position et des coordonnées, il est également possible de décrire le contenu de votre site dans un bref texte.
Illustration 12 : saisie des coordonnées
Si vous saisissez des informations personnelles dans un générateur de rich snippets, vous recevrez un code que vous pourrez intégrer au texte source de votre site. L’information se trouve dans des balises HTML telles que <div>, <p> et <span>.
Les éléments suivants entrent également en vigueur :
1. itemscope indique qu’au sein de <div>, il existe une balise et révèle donc la source.
2. itemtype indique le type de balise, ici par exemple « personne ».
3. itemprop fournit des informations détaillées sur la personne.
Illustration 13 : Balise pour « personne » selon schema.org
Avec l’optimisateur des snippets de Ryte, vous pouvez également vérifier votre snippet en seulement quelques étapes et vous assurer que les informations sont affichées dans leur intégralité.
Illustration 14 : l’optimisateur des snippets de Ryte
En utilisant des rich snippets, votre site se distingue dans les résultats de recherche. Les étoiles, les images et les vidéos incitent les clients à cliquer. Des informations supplémentaires dans le snippet créent de la valeur ajoutée et renforcent la confiance du lecteur dans votre marque, vos produits ou vos services.
Les rich snippets peuvent, en outre, augmenter votre taux de clics et garder plus longtemps les lecteurs sur votre site. Une bonne vue d’ensemble et une navigation transparente incitent également les utilisateurs à cliquer. Pour rendre les contenus lisibles du premier coup d’oeil – pour les moteurs de recherche aussi bien que pour les internautes – schema.org met à disposition des pistes de navigation ou fil d’Ariane.
Il s’agit d’un chemin de navigation composé de plusieurs liens qui aident les utilisateurs à comprendre la hiérarchie d’un site web pour qu’ils puissent s’orienter. Dans l’outil de test, la balise du chemin de navigation apparaît comme suit :
Illustration 15 : le fil d’Ariane simplifie la navigation.
Dans les snippets « normaux », l’URL s’affiche sous le titre. Si vous utilisez la piste de navigation, Google affichera plus facilement la structure de votre site. Ci-dessous, vous verrez un exemple pour le résultat de recherche avec la balise (en haut) et sans la balise (en bas), ce qui veut dire avec l’URL standard.
Illustration 16 : snippet avec et sans piste de navigation
L’utilisation des rich snippets sur votre site web est tout à fait sensée. En fonction de la taille de votre site web et de la gamme de vos sujets, cela signifie une certaine quantité de travail car le balisage doit être intégré à la fois pour la version bureau et pour la version mobile. Dans le meilleur des cas, vous commencerez par le site le plus important, puis vous optimiserez petit à petit. Pour les boutiques en ligne et les sites web moins connus, il est encore plus conseillé de travailler avec des rich snippets. En fin de compte, ils contribuent à la réputation de la marque et peuvent conduire à un clic décisif.
Rien ne vaut la pratique ! Fais analyser ton site web avec Ryte FREE !
C’est parti !Écrit le 05.05.2017 par Pauline Mitifiot.
Après des études d’histoire et de gestion de projet qui lui permirent de découvrir la Turquie, l’Italie et l’Allemagne, Pauline posa ses valises à Munich car elle ne pouvait plus se passer de son bretzel quotidien. Curieuse et dynamique, elle contribue à la section française du blog et du Wiki de Ryte.
Suivi, analyse et optimisation de vos actifs numériques grâce à notre technologie unique
S’inscrire gratuitement