Avec Rich Cards ou en français les cartes enrichies, Google a présenté en mai 2016 son nouveau format de sortie de données struc­tu­rées pour l’affichage de sites Web dans les résultats de recherche. Comme avec Rich Snippets qui a déjà su séduire les in­ter­nautes, ils per­met­tent de présenter les résultats d’une requête de manière plus visuelle, et ce de manière adaptée aux dif­fé­rents projets Web. Le balisage Schema.org est toujours né­ces­saire pour ce nouveau format Google. Con­trai­re­ment aux snippets, ce sont les uti­li­sa­teurs de Google sur appareils mobiles qui sont dans un premier temps visés par Rich Cards et dont on cherche à améliorer l’ex­pé­rience uti­li­sa­teur sur la pla­te­forme. Ils ap­pa­rais­sent comme pour les Ac­ce­le­ra­ted Mobile Pages (AMP) sous forme de carrousel d’in­for­ma­tions que les mo­bi­nautes peuvent faire défiler. A savoir : ce carrousel peut contenir plusieurs cartes d’un seul et même projet Web. Pour l’instant, le format de résultats est limité à deux ca­té­go­ries de contenu, à savoir les recettes de cuisine et films. De plus, il n’apparaît que pour les requêtes mobiles sur Google.com. Il y a tout de même fort à parier que Google élargira Rich Cards à d’autres langues et d’autres types de contenus. Le nouveau format semble en effet par­ti­cu­liè­re­ment bien conçu pour présenter des produits, ce qui pourrait créer un besoin imminent pour les en­tre­prises e-commerce à s’atteler au sujet. L’outil pourrait également jouer un rôle majeur dans la promotion de chambres d’hôtels, de res­tau­rants, d’évè­ne­ments ou même d’artistes.

En quoi se dif­fé­ren­cie Google Rich Cards de Google Rich Snippets ?

Depuis ses débuts en 1998, Google a cons­tam­ment amélioré la qualité de son moteur de recherche. Le géant de la Silicon Valley a dans un premier temps optimisé la manière dont les offres Web étaient placées dans les annonces de résultats, ce qui a ra­pi­de­ment fait du ré­fé­ren­ce­ment naturel un ins­tru­ment in­con­tour­nable pour faire connaître son projet Web. Ces dernières années, de plus en plus d’ajus­te­ments visuels ont été opérés. Les campagnes de pu­bli­ci­tés payantes AdWords ont notamment modifié le visage du moteur de recherche, en prenant l’avantage sur les résultats or­ga­niques. Aujourd’hui, les Web­mas­ters ont non seulement la pos­si­bi­lité d’attirer l’attention avec un bon po­si­tion­ne­ment, mais aussi de se dis­tin­guer par une présence visuelle atypique et in­for­ma­tive.

Analyse de Site Web

En com­mu­ni­quant sur Rich cards, Google a publié l’image ci-dessous qui illustre les chan­ge­ments visuels du moteur de recherche.

L’il­lus­tra­tion montre clai­re­ment de quelle manière Google Rich Cards se dif­fé­ren­cie de Snippets : la structure de Rich Cards ressemble en quelque sorte au Product Listing Ads introduit par Google il y a quelques années et qui ap­pa­rais­saît pour les mobiles en haut des résultats. Au contraire de ces derniers, les Rich Cards font néanmoins partie des re­cherches or­ga­niques. Les Rich Snippets sont quant à eux ordonnés les uns sous les autres, comme pour les résultats de recherche clas­siques. La manière selon laquelle les résultats de recherche seront à l’avenir organisés par rapport aux dif­fé­rentes annonces Google payantes reste encore in­cer­taine.

Le nouveau format se concentre prin­ci­pa­le­ment sur une image. Comme pour les snippets, les in­for­ma­tions com­plé­men­taires ci-dessous encadrent les résultats de recherche :

  • Durée de la recette, ou du film ;
  • Données sur les calories, ou les acteurs ;
  • ou avis uti­li­sa­teurs.

Un lien vers le site Web est également ac­ces­sible pour les deux formats. Pour laisser une place con­sé­quente à l’image et garder un format compact, Rich Cards fait l’impasse sur la des­crip­tion ou « teaser ».

La troisième grande dif­fé­rence est que Google n’affiche Rich Cards que pour les résultats de recherche des appareils mobiles. Pour les or­di­na­teurs de bureau, ce sont les Rich Snippets qui sont toujours présentés. Il n’est toutefois pas dit que Google conserve cette sé­pa­ra­tion.

Google Rich Cards : comment créer le balisage ?

Rich Cards et Rich Snippets ont un point commun : les deux formats s’appuient sur des données struc­tu­rées afin que les crawlers Google puissent les com­prendre et les classer adé­qua­te­ment. Si vous ne rem­plis­sez pas les données de ces balises, votre site n’aura des chances d’ap­pa­raître que dans les résultats de recherche habituels. Mais peut-être avez-vous déjà saisi des données de balisage pour les snippets, auquel cas la démarche vous sera déjà familière. Google conseille comme toujours d’utiliser JSON-LD pour le balisage. Dans son forum De­ve­lo­pers, Google propose une liste de ses dif­fé­rents types de contenus, ainsi que les ca­rac­té­ris­tiques dis­po­nibles pour chacun d’entre eux, comme justement Rich Cards. De plus, en cliquant sur un type de contenu, vous trouverez le détail des données que votre balisage doit contenir. Selon Google, le script JSON-LD doit par exemple contenir les in­for­ma­tions suivantes pour les recettes :

Pro­prié­tés Valeur (d’après Schema.org) Des­crip­tion Per­ti­nence
Nom (name) Texte Nom du plat Utile
Image URL ou Ima­geOb­ject Photo du plat complet Utile
Auteur (author) Personne Nom du cuisinier Re­com­mandé
Date de pu­bli­ca­tion (da­te­Pu­bli­shed) Date Date à laquelle la recette est publiée (saisie en format ISO-8061) Re­com­mandé
Des­crip­tion Texte Des­crip­tion brève du plat Re­com­mandé
ag­gre­ga­te­Ra­ting Ag­gre­ga­te­Ra­ting Moyenne des avis des uti­li­sa­teurs Re­com­mandé
Avis (review) Avis Com­men­taires sur la recette Re­com­mandé
Temps de pré­pa­ra­tion (prepTime) Durée Durée de pré­pa­ra­tion, pos­si­bi­lité de définir un minimum et maximum, (saisie en format ISO-8061) Re­com­mandé ;  
Temps de cuisson (cookTime) Durée Durée de cuisson Re­com­mandé ;  
Temps total (totalTime) Durée Durée total de la pré­pa­ra­tion avec cuisson du plat (saisie en format ISO-8061) Re­com­mandé,  
Nombre de personnes (re­ci­peYield) Texte Nombre de personnes pour les quantités indiquées Re­com­mandé
In­gré­dients (re­ci­peIn­gre­dient) Texte In­gré­dients utilisés pour la recette Re­com­mandé
Ins­truc­tions (re­ci­peIns­truc­tions) Texte In­di­ca­tions pour la recette Re­com­mandé
Nombres de calories (nutrition.calories) Energie Données ca­lo­riques pour la recette Re­com­mandé

De plus, vous devez définir schema.org comme votre vo­ca­bu­laire de base (@context) et indiquer qu’il s’agit d’une recette pour type de contenu (@type). Le script complet res­sem­blera au final au suivant :

<script type="application/ld+json">
{
    "@context": "http://schema.org/",
    "@type": "Recipe",
    "name": "Recette de la pizza mozzarella",
    "image": "https://pixabay.com/photo-711662/",
    "author": {
        "@type": "Personne",
        "name": "Utilisateur"
    },
    "datePublished": "2016-08-05",
    "description": "Délicieuse pizza mozzarella à la croûte fine à faire rapidement et simplement",
    "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5",
        "reviewCount": "52"
    },
    "prepTime": "PT20M",
    "totalTime": "PT60M",
    "recipeYield": "1 Personne",
    "nutrition": {
        "@type": "NutritionInformation",
        "calories": "900 cal"
    },
    "recipeIngredient": [
        "Ingrédients"
    ],
    "recipeInstructions": "Instructions"
}
</script>

Google peut ensuite vérifier que votre balisage ne comporte aucune faute grâce à son outil de test des données struc­tu­rées. Commencez un nouveau test en entrant l’URL de votre projet Web ou sim­ple­ment le snippet JSON-LD :

En cliquant sur « tester », le scan commence et vous obtenez une fenêtre similaire à ci-dessous :

Pour l’exemple ci-dessus, l’outil n’a repéré aucune erreur. Le bouton « pré­vi­sua­li­sa­tion » permet par ailleurs de vous rendre compte de la manière dont votre recette ou critique de film pourra ap­pa­raître dans Rich Cards. Néanmoins, il est né­ces­saire que l’il­lus­tra­tion soir indexée par Google. Sachez également que le résultat final peut tout de même largement différer de cette pré­vi­sua­li­sa­tion.

Aller au menu principal