Carrousels

Vous pouvez utiliser des données structurées pour que vos résultats enrichis s'affichent sous la forme d'une liste appelée carrousel. Les carrousels n'apparaissent généralement que sur les appareils mobiles et uniquement pour certains types de contenus, comme indiqué ci-dessous. Si vous utilisez un balisage de carrousel pour un type de contenu qui n'est actuellement pas compatible avec le format carrousel, ce n'est pas une erreur (les informations peuvent tout de même être affichées, mais pas dans un carrousel).

Dans certains cas, la recherche Google peut afficher votre résultat enrichi dans un carrousel même si la page n'inclut pas de données structurées pour une liste. Par exemple, une recette peut apparaître dans un carrousel de recettes contenant des résultats provenant de nombreux sites Web différents.

Exemple

Voici une liste de recettes de poulet provenant d'un seul site Web, présentée sous la forme d'un carrousel :

Carrousel de résultats enrichis concernant une recette

Consignes

Outre les consignes standards relatives aux données structurées, les consignes ci-dessous s'appliquent au balisage de toutes les listes :

  • Tous les éléments de la liste doivent être du même type (Article ou Recipe, par exemple).
  • Le texte visible par l'utilisateur doit être semblable aux informations contenues dans les données structurées de la page.
  • Les éléments affichés sous la forme d'une liste seront présentés dans l'ordre spécifié par la propriété position.
  • L'affichage sous la forme d'une liste est actuellement applicable aux types de contenus suivants : Recette, Cours, Article, Restaurant, Film.

Il existe deux manières de mettre en œuvre un format de liste pour vos données structurées :

  • Page "Résumé" + plusieurs pages d'informations complètes
  • Liste unique où tout est affiché sur une seule page

Page "Résumé" + plusieurs pages d'informations complètes

La page "Résumé" contient une brève description de chaque élément de la liste, et chaque description renvoie vers une page d'informations distincte qui se rapporte entièrement à un seul élément.

Page "Résumé" Page d'informations
Définit une liste ItemList, où chaque élément ListItem ne possède que trois propriétés : @type (défini sur "ListItem"), position (la position dans la liste) et url (l'URL d'une page contenant des informations complètes sur cet élément). Définit un élément de données structurées approprié pour ce type de liste.
Pseudocode pour best_dessert_recipes.html :

ItemList
  itemListElement: [
    {
      @type: ListItem
      position: 1
      url: http://example.com/coffee_cake.html
    },
    {
      @type: ListItem
      position:2
      url: http://example.com/apple_pie.html,
    },
    ... more recipes ...
  ]
Pseudocode pour coffee_cake.html :

@type: Recipe
name: Party Coffee Cake
author: George Smith
.... more properties ...

Exemple de code :

Exemple de code :

Liste unique où tout est affiché sur une seule page

Cette liste unique inclut toutes les informations qui s'y rapportent, telles que le texte complet pour chaque élément (par exemple, une galerie de recettes pour différents types de muffins, le tout sur une seule page).

Page unique
Définit une liste ItemList où chaque élément ListItem possède la propriété item renseignée avec les données structurées pour ce type d'élément schema.org (par exemple, Film ou Cours). La page doit contenir du texte visible par l'utilisateur et un ancrage correspondant à chaque élément ListItem.

Pseudocode pour best_dessert_recipes.html :


ItemList
  itemListElement: [
    {
      @type: ListItem
      position: 1
      item: {
        @type: Recipe
        url: http://example.com/big_list_of_recipes#recipe_1
        name: George's Cherry Pie
        author: George Smith
        ... all other required Recipe type properties ...}
    },
    {
      @type: ListItem
      position: 2
      item: {
        @type: Recipe
        url: http://example.com/big_list_of_recipes#recipe_2
        name: Party Coffee Cake
        author: Mary Stone
        ... all other required Recipe type properties ...}
    },
    ... more recipes ...
  ]
Exemple de code :

Définitions des types de données structurées

Pour spécifier une liste, vous devez définir une liste ItemList contenant au moins deux éléments ListItems. Vous devez également inclure les propriétés obligatoires pour que votre contenu puisse être affiché sous forme de résultat enrichi. Vous pouvez aussi inclure les propriétés recommandées pour ajouter d'autres informations sur votre contenu et offrir ainsi une meilleure expérience utilisateur.

ItemList

ItemList est l'élément de conteneur qui inclut tous les éléments de la liste. En cas d'utilisation sur une page "Résumé", toutes les URL de la liste doivent renvoyer vers des pages différentes sur le même domaine. En revanche, en cas d'utilisation dans une liste où tout est affiché sur une seule page, toutes les URL doivent renvoyer vers la page incluant les données structurées de la liste.

La définition complète de l'élément ItemList est disponible sur schema.org/ItemList.

Propriétés obligatoires
itemListElement

ListItem

Liste des éléments. Tous les éléments doivent être du même type. Pour en savoir plus, consultez la section ListItem.

ListItem

ListItem contient les détails d'un élément individuel de la liste.

  • S'il s'agit d'une page "Résumé", l'élément ListItem ne doit inclure que les propriétés type, position et url.
  • S'il s'agit d'une liste où tout est affiché sur une seule page, l'élément ListItem doit inclure toutes les propriétés schema.org supplémentaires pour le type de données qu'il décrit (par exemple, les objets Recipe ou Course).

La définition complète de l'élément ListItem est disponible sur schema.org/ListItem.

Exemple d'élément dans une page "Résumé" simple (JSON-LD) :

{
  "@type":"ListItem",
  "position":1,
  "url":"http://example.com/desserts/apple-pie"
}

Exemple d'élément dans une liste où tout est affiché sur une seule page (JSON-LD) :

{
  "@type": "ListItem",
  "position": 1,
  "item": {
    "@type": "Recipe",
    "url": "http://example.com/desserts/pies/#apple-pie",
    "name": "Apple Pie",
    "image": "https://example.com/300px-Apple_pie.jpg",
    "aggregateRating": {
      "@type": "AggregateRating",
      "ratingValue": "6",
      "reviewCount": "32"
    },
    "recipeYield": "8 servings",
    "recipeIngredient": [
      "Pastry crust for bottom and top",
      "1/2 cup unsalted butter",
      "3 tablespoons all-purpose flour",
      "1/4 cup water",
      "1/4 cup white sugar",
      "1/2 cup brown sugar",
      "10 cups peeled, chopped green apples"
    ], ... snip ...
  }
}
Propriétés obligatoires
item

Thing

Propriété utilisée uniquement pour les listes où tout est affiché sur une seule page. Cette propriété est obligatoire pour les listes où tout est affiché sur une seule page. Ne l'utilisez pas pour les pages "Résumé". Renseignez cet objet avec les valeurs suivantes, ainsi que tous les membres du type de données structurées spécifiques décrits :

  • item.name
  • item.url
  • Toute autre propriété obligatoire pour ce type de données, comme indiqué dans schema.org et les règles décrites dans ces documents pour votre type de contenu (par exemple, Article ou Livre). Par exemple, pour un livre dans une liste, vous devez fournir les propriétés bookFormat et isbn, et pour une recette, les propriétés prepTime et image.
item.name

Text

Nom de chaîne de l'élément, affiché dans la galerie. Le format HTML est ignoré. Cette propriété est obligatoire pour les listes où tout est affiché sur une seule page. Ne l'utilisez pas pour les pages "Résumé".

item.url

URL

URL complète + Ancrage à cet élément de la page. Cette propriété est obligatoire pour les listes où tout est affiché sur une seule page. Ne l'utilisez pas pour les pages "Résumé". L'URL doit être la page actuelle et vous devez inclure un ancrage HTML (balise <a> ou name ou valeur id) dans votre page à proximité du texte visible par l'utilisateur. Exemple : https://example.org/recipes/pies#apple_pie.

position

Integer

Position de l'élément dans le carrousel, illustrée par un nombre en code unaire.

url

URL

Propriété utilisée uniquement pour les pages "Résumé". Elle est obligatoire pour ce type de page. Ne l'utilisez pas dans les listes où tout est affiché sur une seule page. URL canonique de la page d'informations de l'élément. Toutes les URL de la liste doivent être uniques, mais doivent appartenir au même domaine (même domaine ou sous-domaine/domaine de niveau supérieur que la page actuelle).