Produit

Ajoutez des balises à vos pages produit afin que Google puisse fournir des informations détaillées sur ce que vous vendez dans des résultats de recherche enrichis, y compris dans Google Images. Les utilisateurs pourront ainsi voir les prix, la disponibilité et les avis de consommateurs directement dans les résultats de recherche.

L'utilisation du balisage pour que vos produits puissent s'afficher sous forme de résultats enrichis vous permet d'attirer des acheteurs potentiels lorsqu'ils recherchent des articles à acheter sur Google ou des images contenant des produits que vous vendez. Veillez à ce que les informations sur les produits soient toujours exactes et à jour pour que les clients trouvent les articles qu'ils recherchent.

Cette page explique comment baliser les informations sur vos produits afin que des résultats enrichis puissent s'afficher dans la recherche Google. Le balisage Product permet également à vos produits d'apparaître avec un badge dans Google Images, ce qui peut encourager davantage d'utilisateurs à cliquer sur votre contenu.

Image d'un résultat enrichi et d'un résultat Google Images avec des informations sur un produit

Il existe deux types de pages sur lesquelles ce balisage est généralement justifié :

  • Page décrivant un seul produit
  • Page répertoriant un seul produit sur un site comparatif, avec des informations sur les différents fournisseurs proposant ce produit

Selon le balisage de votre contenu, vos produits peuvent également bénéficier des améliorations suivantes :

Améliorations produit

Informations de livraison : aidez les utilisateurs à consulter les frais de port et les délais de livraison estimés en fonction de leur zone géographique et des conditions de livraison de votre entreprise. Les informations de livraison peuvent s'afficher dans les onglets "Overview" (Vue d'ensemble) et "Stores" (Magasins) pour un résultat de produit spécifique. Cette amélioration n'est disponible qu'aux États-Unis, en anglais et sur les appareils mobiles.

Pour en bénéficier, ajoutez des données structurées OfferShippingDetails. Pour consulter d'autres exemples sur la façon de modéliser la livraison gratuite, divers services et les régions non desservies, consultez les bonnes pratiques en matière de livraison.

 Informations de livraison dans les résultats de recherche

Baisse de prix : aidez les utilisateurs à identifier le prix le plus bas pour votre produit. Google calcule automatiquement la baisse de prix en fonction de la moyenne historique des prix de votre produit. L'affichage de la baisse de prix est disponible en anglais aux États-Unis, sur ordinateur et sur mobile.

Pour que la baisse de prix puisse être mise en avant dans les résultats de recherche, ajoutez un élément Offer à vos données structurées Product. La propriété price doit indiquer un prix spécifique, et non une plage de valeurs telle que "50,99 EUR à 99,99 EUR".

 Baisse de prix dans les résultats de recherche

Comment ajouter des données structurées

Ces données structurées représentent un format normalisé permettant de fournir des informations sur une page et de classer son contenu. En savoir plus sur le fonctionnement des données structurées

Voici, dans les grandes lignes, comment créer, tester et publier des données structurées. Pour consulter un guide détaillé sur l'ajout de données structurées à une page Web, accédez à cet atelier de programmation.

  1. Ajoutez les propriétés obligatoires. Pour déterminer où placer les données structurées sur la page, regardez la vidéo Données structurées JSON-LD : où les insérer sur la page.
  2. Suivez les consignes.
  3. Validez votre code à l'aide de l'outil de test des résultats enrichis.
  4. Déployez quelques pages où figurent vos données structurées et utilisez l'outil d'inspection d'URL pour découvrir comment Google voit la page. Assurez-vous que Google peut accéder à votre page et qu'elle n'est pas bloquée par un fichier robots.txt, la balise noindex ni par des identifiants de connexion. Si tout semble être en ordre, vous pouvez demander à Google d'explorer de nouveau vos URL.
  5. Pour informer Google des modifications futures de vos pages, nous vous recommandons de nous envoyer un sitemap. Vous pouvez automatiser cette opération à l'aide de l'API Sitemap de la Search Console.

Essayer

Page relative à un seul produit

Voici un exemple de page comportant un seul produit.

JSON-LD 


 <html>
  <head>
    <title>Executive Anvil</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Product",
      "name": "Executive Anvil",
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
       ],
      "description": "Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height.",
      "sku": "0446310786",
      "mpn": "925872",
      "brand": {
        "@type": "Brand",
        "name": "ACME"
      },
      "review": {
        "@type": "Review",
        "reviewRating": {
          "@type": "Rating",
          "ratingValue": "4",
          "bestRating": "5"
        },
        "author": {
          "@type": "Person",
          "name": "Fred Benson"
        }
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.4",
        "reviewCount": "89"
      },
      "offers": {
        "@type": "Offer",
        "url": "https://example.com/anvil",
        "priceCurrency": "USD",
        "price": "119.99",
        "priceValidUntil": "2020-11-20",
        "itemCondition": "https://schema.org/UsedCondition",
        "availability": "https://schema.org/InStock"
      }
    }
    </script>
  </head>
  <body>
  </body>
</html>

RDFa 


 <html>
  <head>
    <title>Executive Anvil</title>
  </head>
  <body>
    <div typeof="schema:Product">
        <div rel="schema:review">
          <div typeof="schema:Review">
            <div rel="schema:reviewRating">
              <div typeof="schema:Rating">
                <div property="schema:ratingValue" content="4"></div>
                <div property="schema:bestRating" content="5"></div>
              </div>
            </div>
            <div rel="schema:author">
              <div typeof="schema:Person">
                <div property="schema:name" content="Fred Benson"></div>
              </div>
            </div>
          </div>
        </div>
        <div rel="schema:image" resource="https://example.com/photos/4x3/photo.jpg"></div>
        <div property="schema:mpn" content="925872"></div>
        <div property="schema:name" content="Executive Anvil"></div>
        <div property="schema:description" content="Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height."></div>
        <div rel="schema:image" resource="https://example.com/photos/1x1/photo.jpg"></div>
        <div rel="schema:brand">
          <div typeof="schema:Brand">
            <div property="schema:name" content="ACME"></div>
          </div>
        </div>
        <div rel="schema:aggregateRating">
          <div typeof="schema:AggregateRating">
            <div property="schema:reviewCount" content="89"></div>
            <div property="schema:ratingValue" content="4.4"></div>
          </div>
        </div>
        <div rel="schema:offers">
          <div typeof="schema:Offer">
            <div property="schema:price" content="119.99"></div>
            <div property="schema:availability" content="https://schema.org/InStock"></div>
            <div property="schema:priceCurrency" content="USD"></div>
            <div property="schema:priceValidUntil" datatype="xsd:date" content="2020-11-20"></div>
            <div rel="schema:url" resource="https://example.com/anvil"></div>
            <div property="schema:itemCondition" content="https://schema.org/UsedCondition"></div>
          </div>
        </div>
        <div rel="schema:image" resource="https://example.com/photos/16x9/photo.jpg"></div>
        <div property="schema:sku" content="0446310786"></div>
      </div>
  </body>
</html>

Microdonnées 


 <html>
  <head>
    <title>Executive Anvil</title>
  </head>
  <body>
  <div>
    <div itemtype="http://schema.org/Product" itemscope>
      <meta itemprop="mpn" content="925872" />
      <meta itemprop="name" content="Executive Anvil" />
      <link itemprop="image" href="https://example.com/photos/16x9/photo.jpg" />
      <link itemprop="image" href="https://example.com/photos/4x3/photo.jpg" />
      <link itemprop="image" href="https://example.com/photos/1x1/photo.jpg" />
      <meta itemprop="description" content="Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height." />
      <div itemprop="offers" itemtype="http://schema.org/Offer" itemscope>
        <link itemprop="url" href="https://example.com/anvil" />
        <meta itemprop="availability" content="https://schema.org/InStock" />
        <meta itemprop="priceCurrency" content="USD" />
        <meta itemprop="itemCondition" content="https://schema.org/UsedCondition" />
        <meta itemprop="price" content="119.99" />
        <meta itemprop="priceValidUntil" content="2020-11-20" />
      </div>
      <div itemprop="aggregateRating" itemtype="http://schema.org/AggregateRating" itemscope>
        <meta itemprop="reviewCount" content="89" />
        <meta itemprop="ratingValue" content="4.4" />
      </div>
      <div itemprop="review" itemtype="http://schema.org/Review" itemscope>
        <div itemprop="author" itemtype="http://schema.org/Person" itemscope>
          <meta itemprop="name" content="Fred Benson" />
        </div>
        <div itemprop="reviewRating" itemtype="http://schema.org/Rating" itemscope>
          <meta itemprop="ratingValue" content="4" />
          <meta itemprop="bestRating" content="5" />
        </div>
      </div>
      <meta itemprop="sku" content="0446310786" />
      <div itemprop="brand" itemtype="http://schema.org/Brand" itemscope>
        <meta itemprop="name" content="ACME" />
      </div>
    </div>
  </div>
  </body>
</html>

Produit unique avec informations de livraison

Voici un exemple de page comportant un seul produit et des informations de livraison. Des frais de port se montant à $3.49 s'appliquent ici à tous les utilisateurs dont le code postal est compris entre 98100 et 98199. Pour voir d'autres exemples, consultez les bonnes pratiques en matière de livraison.

JSON-LD 


 <html>
  <head>
    <title>Nice trinket</title>
    <script type="application/ld+json">
    {
      "@context": "http://schema.org/",
      "@type": "Product",
      "sku": "trinket-12345",
      "gtin14": "12345678901234",
      "image": [
        "https://example.com/photos/16x9/trinket.jpg",
        "https://example.com/photos/4x3/trinket.jpg",
        "https://example.com/photos/1x1/trinket.jpg"
      ],
      "name": "Nice trinket",
      "description": "Trinket with clean lines",
      "brand": {
        "@type": "Brand",
        "name": "MyBrand"
      },
      "offers": {
        "@type": "Offer",
        "url": "http://www.example.com/trinket_offer",
        "itemCondition": "http://schema.org/NewCondition",
        "availability": "http://schema.org/InStock",
        "price": "39.99",
        "priceCurrency": "USD",
        "priceValidUntil": "2020-11-20",
        "shippingDetails": {
          "@type": "OfferShippingDetails",
          "shippingRate": {
            "@type": "MonetaryAmount",
            "value": "3.49",
            "currency": "USD"
          },
          "shippingDestination": {
            "@type": "DefinedRegion",
            "addressCountry": "US",
            "postalCodeRange": {
              "postalCodeBegin": "98100",
              "postalCodeEnd": "98199"
            }
          },
          "deliveryTime": {
            "@type": "ShippingDeliveryTime",
            "handlingTime": {
              "@type": "QuantitativeValue",
              "minValue": "0",
              "maxValue": "1"
            },
            "transitTime": {
              "@type": "QuantitativeValue",
              "minValue": "1",
              "maxValue": "5"
            },
            "cutOffTime": "19:30-08:00",
            "businessDays": {
              "@type": "OpeningHoursSpecification",
              "dayOfWeek": [ "https://schema.org/Monday", "https://schema.org/Tuesday", "https://schema.org/Wednesday", "https://schema.org/Thursday" ]
            }
          }
        }
      },
      "review": {
        "@type": "Review",
          "reviewRating": {
            "@type": "Rating",
            "ratingValue": "4",
            "bestRating": "5"
          },
          "author": {
            "@type": "Person",
            "name": "Fred Benson"
          }
        },
        "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": "4.4",
          "reviewCount": "89"
        }
      }
    </script>
  </head>
  <body>
  </body>
</html>

RDFa 


 <html>
  <head>
    <title>Nice trinket</title>
  </head>
  <body>
    <div typeof="schema:Product">
      <div property="schema:sku" content="trinket-12345"></div>
      <div property="schema:gtin14" content="12345678901234"></div>
      <div property="schema:name" content="Nice trinket"></div>
      <div rel="schema:image" resource="https://example.com/photos/16x9/trinket.jpg"></div>
      <div rel="schema:image" resource="https://example.com/photos/4x3/trinket.jpg"></div>
      <div rel="schema:image" resource="https://example.com/photos/1x1/trinket.jpg"></div>
      <div property="schema:description" content="Trinket with clean lines"></div>
      <div rel="schema:brand">
        <div typeof="schema:Brand">
          <div property="schema:name" content="MyBrand"></div>
        </div>
      </div>
      <div rel="schema:offers">
        <div typeof="schema:Offer">
          <div rel="schema:url" resource="https://example.com/trinket_offer"></div>
          <div property="schema:itemCondition" content="https://schema.org/NewCondition"></div>
          <div property="schema:availability" content="https://schema.org/InStock"></div>
          <div property="schema:price" content="39.99"></div>
          <div property="schema:priceCurrency" content="USD"></div>
          <div property="schema:priceValidUntil" datatype="xsd:date" content="2020-11-20"></div>
          <div rel="schema:shippingDetails">
            <div typeof="schema:OfferShippingDetails">
              <div rel="schema:shippingRate">
                <div typeof="schema:MonetaryAmount">
                  <div property="schema:value" content="3.49"></div>
                  <div property="schema:currency" content="USD"></div>
                </div>
              </div>
              <div rel="schema:shippingDestination">
                <div typeof="schema:DefinedRegion">
                  <div property="schema:addressCountry" content="US"></div>
                  <div rel="schema:postalCodeRange">
                    <div typeof="schema:PostalCodeRangeSpecification">
                      <div property="schema:postalCodeBegin" content="98100"></div>
                      <div property="schema:postalCodeEnd" content="98199"></div>
                    </div>
                  </div>
                </div>
              </div>
              <div rel="schema:deliveryTime">
                <div typeof="schema:ShippingDeliveryTime">
                  <div rel="schema:handlingTime">
                    <div typeof="schema:QuantitativeValue">
                      <div property="schema:minValue" content="0"></div>
                      <div property="schema:maxValue" content="1"></div>
                    </div>
                  </div>
                  <div rel="schema:transitTime">
                    <div typeof="schema:QuantitativeValue">
                      <div property="schema:minValue" content="1"></div>
                      <div property="schema:maxValue" content="5"></div>
                    </div>
                  </div>
                  <div property="schema:cutOffTime" content="19:30-08:00"></div>
                  <div rel="schema:businessDays">
                    <div typeof="schema:OpeningHoursSpecification">
                      <div property="schema:dayOfWeek" content="https://schema.org/Monday"></div>
                      <div property="schema:dayOfWeek" content="https://schema.org/Tuesday"></div>
                      <div property="schema:dayOfWeek" content="https://schema.org/Wednesday"></div>
                      <div property="schema:dayOfWeek" content="https://schema.org/Thursday"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div rel="schema:review">
        <div typeof="schema:Review">
          <div rel="schema:reviewRating">
            <div typeof="schema:Rating">
              <div property="schema:ratingValue" content="4"></div>
              <div property="schema:bestRating" content="5"></div>
            </div>
          </div>
          <div rel="schema:author">
            <div typeof="schema:Person">
              <div property="schema:name" content="Fred Benson"></div>
            </div>
          </div>
        </div>
      </div>
      <div rel="schema:aggregateRating">
        <div typeof="schema:AggregateRating">
          <div property="schema:reviewCount" content="89"></div>
          <div property="schema:ratingValue" content="4.4"></div>
        </div>
      </div>
    </div>
  </body>
</html>

Microdonnées 


 <html>
  <head>
    <title>Nice trinket</title>
  </head>
  <body>
  <div>
    <div itemtype="http://schema.org/Product" itemscope>
      <meta itemprop="sku" content="trinket-12345" />
      <meta itemprop="gtin14" content="12345678901234" />
      <meta itemprop="name" content="Nice trinket" />
      <link itemprop="image" href="https://example.com/photos/16x9/trinket.jpg" />
      <link itemprop="image" href="https://example.com/photos/4x3/trinket.jpg" />
      <link itemprop="image" href="https://example.com/photos/1x1/trinket.jpg" />
      <meta itemprop="description" content="Trinket with clean lines" />
      <div itemprop="brand" itemtype="http://schema.org/Brand" itemscope>
        <meta itemprop="name" content="MyBrand" />
      </div>
      <div itemprop="offers" itemtype="http://schema.org/Offer" itemscope>
        <link itemprop="url" href="http://www.example.com/trinket_offer" />
        <meta itemprop="itemCondition" content="https://schema.org/NewCondition" />
        <meta itemprop="availability" content="https://schema.org/InStock" />
        <meta itemprop="price" content="39.99" />
        <meta itemprop="priceCurrency" content="USD" />
        <meta itemprop="priceValidUntil" content="2020-11-20" />
        <div itemprop="shippingDetails" itemtype="http://schema.org/OfferShippingDetails" itemscope>
          <div itemprop="shippingRate" itemtype="http://schema.org/MonetaryAmount" itemscope>
            <meta itemprop="value" content="3.49" />
            <meta itemprop="currency" content="USD" />
          </div>
          <div itemprop="shippingDestination" itemtype="http://schema.org/DefinedRegion" itemscope>
            <meta itemprop="addressCountry" content="US" />
            <div itemprop="postalCodeRange" itemtype="http://schema.org/PostalCodeRangeSpecification" itemscope>
              <meta itemprop="postalCodeBegin" content="98100" />
              <meta itemprop="postalCodeEnd" content="98199" />
            </div>
          </div>
          <div itemprop="deliveryTime" itemtype="http://schema.org/ShippingDeliveryTime" itemscope>
            <div itemprop="handlingTime" itemtype="http://schema.org/QuantitativeValue" itemscope>
              <meta itemprop="minValue" content="0" />
              <meta itemprop="maxValue" content="1" />
            </div>
            <div itemprop="transitTime" itemtype="http://schema.org/QuantitativeValue" itemscope>
              <meta itemprop="minValue" content="1" />
              <meta itemprop="maxValue" content="5" />
            </div>
            <meta itemprop="cutOffTime" content="19:30-08:00" />
            <div itemprop="businessDays" itemtype="http://schema.org/OpeningHoursSpecification" itemscope>
              <meta itemprop="dayOfWeek" content="https://schema.org/Monday" />
              <meta itemprop="dayOfWeek" content="https://schema.org/Tuesday" />
              <meta itemprop="dayOfWeek" content="https://schema.org/Wednesday" />
              <meta itemprop="dayOfWeek" content="https://schema.org/Thursday" />
            </div>
          </div>
        </div>
      </div>
      <div itemprop="review" itemtype="http://schema.org/Review" itemscope>
        <div itemprop="author" itemtype="http://schema.org/Person" itemscope>
          <meta itemprop="name" content="Fred Benson" />
        </div>
        <div itemprop="reviewRating" itemtype="http://schema.org/Rating" itemscope>
          <meta itemprop="ratingValue" content="4" />
          <meta itemprop="bestRating" content="5" />
        </div>
      </div>
      <div itemprop="aggregateRating" itemtype="http://schema.org/AggregateRating" itemscope>
        <meta itemprop="reviewCount" content="89" />
        <meta itemprop="ratingValue" content="4.4" />
      </div>
    </div>
  </div>
  </body>
</html>

Page de comparatif

Voici un exemple de page de comparatif d'achats.

JSON-LD


<html>
  <head>
    <title>Executive Anvil</title>
    <script type="application/ld+json">
      {
        "@context": "https://schema.org/",
        "@type": "Product",
        "name": "Executive Anvil",
        "image": [
          "https://example.com/photos/1x1/photo.jpg",
          "https://example.com/photos/4x3/photo.jpg",
          "https://example.com/photos/16x9/photo.jpg"
         ],
        "description": "Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height.",
        "sku": "0446310786",
        "mpn": "925872",
        "brand": {
          "@type": "Brand",
          "name": "ACME"
        },
        "review": {
          "@type": "Review",
          "reviewRating": {
            "@type": "Rating",
            "ratingValue": "4",
            "bestRating": "5"
          },
          "author": {
            "@type": "Person",
            "name": "Fred Benson"
          }
        },
        "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": "4.4",
          "reviewCount": "89"
        },
        "offers": {
          "@type": "AggregateOffer",
          "offerCount": "5",
          "lowPrice": "119.99",
          "highPrice": "199.99",
          "priceCurrency": "USD"
        }
      }
    </script>
  </head>
  <body>
  </body>
</html>

RDFa


 <html>
  <head>
    <title>Executive Anvil</title>
  </head>
  <body>
    <div typeof="schema:Product">
      <div rel="schema:review">
        <div typeof="schema:Review">
          <div rel="schema:reviewRating">
            <div typeof="schema:Rating">
              <div property="schema:ratingValue" content="4"></div>
              <div property="schema:bestRating" content="5"></div>
            </div>
          </div>
          <div rel="schema:author">
            <div typeof="schema:Person">
              <div property="schema:name" content="Fred Benson"></div>
            </div>
          </div>
        </div>
      </div>
      <div rel="schema:aggregateRating">
        <div typeof="schema:AggregateRating">
          <div property="schema:reviewCount" content="89"></div>
          <div property="schema:ratingValue" content="4.4"></div>
        </div>
      </div>
      <div rel="schema:image" resource="https://example.com/photos/4x3/photo.jpg"></div>
      <div property="schema:mpn" content="925872"></div>
      <div property="schema:name" content="Executive Anvil"></div>
      <div property="schema:description" content="Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height."></div>
      <div rel="schema:image" resource="https://example.com/photos/1x1/photo.jpg">
      </div>
      <div rel="schema:brand">
        <div typeof="schema:Brand">
          <div property="schema:name" content="ACME"></div>
        </div>
      </div>
      <div rel="schema:offers">
        <div typeof="schema:AggregateOffer">
          <div property="schema:offerCount" content="5"></div>
          <div property="schema:lowPrice" content="119.99"></div>
          <div property="schema:highPrice" content="199.99"></div>
          <div property="schema:priceCurrency" content="USD"></div>
          <div rel="schema:url" resource="https://example.com/anvil"></div>
        </div>
      </div>
      <div rel="schema:image" resource="https://example.com/photos/16x9/photo.jpg"></div>
      <div property="schema:sku" content="0446310786"></div>
    </div>
  </body>
</html>

Microdonnées


 <html>
  <head>
    <title>Executive Anvil</title>
  </head>
  <body>
  <div>
    <div itemtype="http://schema.org/Product" itemscope>
      <meta itemprop="mpn" content="925872" />
      <meta itemprop="name" content="Executive Anvil" />
      <link itemprop="image" href="https://example.com/photos/16x9/photo.jpg" />
      <link itemprop="image" href="https://example.com/photos/4x3/photo.jpg" />
      <link itemprop="image" href="https://example.com/photos/1x1/photo.jpg" />
      <meta itemprop="description" content="Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height." />
      <div itemprop="offers" itemtype="http://schema.org/AggregateOffer" itemscope>
        <meta itemprop="lowPrice" content="119.99" />
        <meta itemprop="highPrice" content="199.99" />
        <meta itemprop="offerCount" content="6" />
        <meta itemprop="priceCurrency" content="USD" />
      </div>
      <div itemprop="aggregateRating" itemtype="http://schema.org/AggregateRating" itemscope>
        <meta itemprop="reviewCount" content="89" />
        <meta itemprop="ratingValue" content="4.4" />
      </div>
      <div itemprop="review" itemtype="http://schema.org/Review" itemscope>
        <div itemprop="author" itemtype="http://schema.org/Person" itemscope>
          <meta itemprop="name" content="Fred Benson" />
        </div>
        <div itemprop="reviewRating" itemtype="http://schema.org/Rating" itemscope>
          <meta itemprop="ratingValue" content="4" />
          <meta itemprop="bestRating" content="5" />
        </div>
      </div>
      <meta itemprop="sku" content="0446310786" />
      <div itemprop="brand" itemtype="http://schema.org/Brand" itemscope>
        <meta itemprop="name" content="ACME" />
      </div>
    </div>
  </div>
  </body>
</html>

Consignes

Les résultats enrichis liés aux produits fournissent aux internautes des informations sur un produit spécifique, telles que son prix, sa disponibilité et les notes de consommateurs. Observez les consignes suivantes lors du balisage Product :

  • Utilisez le balisage pour un produit spécifique et non pour une catégorie ou une liste de produits. Par exemple, "chaussures en vente dans notre boutique" n'est pas un produit spécifique. Actuellement, les résultats enrichis spécifiques aux produits ne concernent que les pages qui mettent en avant un seul produit. Dès lors, nous vous recommandons de ne pas ajouter ce balisage aux pages répertoriant plusieurs produits ou une catégorie de produits.
  • Les produits réservés aux adultes ne sont pas acceptés.
  • Si vous ajoutez un avis pour le produit, le nom de son auteur doit correspondre à un nom valide pour une personne (Person) ou une équipe (Team).

    Approche déconseillée : 50 % de réduction pour le Black Friday

    Approche conseillée : "Philippe Martin" ou "Équipe CNET"

Pour inclure des informations sur un produit dans Google Images, vous devez ajouter d'autres propriétés :

  • Pour afficher des informations sur un produit dans la visionneuse d'images enrichies : incluez les propriétés name, image, price et priceCurrency.
  • Pour afficher des informations sur un produit dans la fonctionnalité Articles associés : incluez les propriétés name, image, price, priceCurrency et availability.

Bonnes pratiques en matière de livraison

Modéliser la livraison gratuite

Si vous proposez la livraison gratuite pour des produits spécifiques, indiquez sur les pages correspondantes la valeur 0 pour shippingRate pour toutes les régions desservies. Par exemple, si vous proposez la livraison gratuite dans l'État de New York, vous pouvez procéder comme suit : 

"shippingDetails": {
  "@type": "OfferShippingDetails",
  "shippingRate": {
    "@type": "MonetaryAmount",
    "value": "0",
    "currency": "USD"
  },
  "shippingDestination": [{
    "@type": "DefinedRegion",
    "addressCountry": "US",
    "addressRegion": ["NY"]
  }]
}

Indiquer les régions non desservies

Pour définir les régions non desservies, ajoutez la propriété doesNotShip. Cette propriété remplace vos autres paramètres de livraison. Par exemple, si vous expédiez des produits aux États-Unis, mais que vous ne les livrez pas en Alaska ou à Hawaï, procédez comme suit pour les produits non desservis dans ces États : 

"shippingDetails": {
  "@type": "OfferShippingDetails",
  "doesNotShip": true,
  "shippingDestination": {
    "@type": "DefinedRegion",
    "addressCountry": "US",
    "addressRegion": ["AK", "HI"]
  }
}

Indiquer plusieurs services de livraison pour la même région

Parfois, les marchands proposent aux clients plusieurs options de livraison (par exemple, livraison en 24h, livraison en 2 jours et livraison standard). Vous pouvez modéliser chacune de ces options à l'aide de plusieurs propriétés shippingDetails, chacune avec des combinaisons de propriétés shippingRate et deliveryTime différentes.

Si vous utilisez plusieurs propriétés shippingRate pour la même destination de livraison, Google affiche les données en fonction de l'option de livraison la plus économique.

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

Vous devez inclure les propriétés obligatoires pour que votre contenu puisse être affiché sous forme de résultat enrichi. Vous pouvez également inclure les propriétés recommandées pour ajouter d'autres informations à votre contenu et ainsi offrir une meilleure expérience utilisateur.

Product

La définition complète de l'élément Product est disponible sur schema.org/Product. Lorsque vous balisez votre contenu pour afficher des informations spécifiques sur un produit, utilisez les propriétés suivantes du type schema.org Product :

Propriétés obligatoires
name

Text

Nom du produit.
review, aggregateRating ou offers

Vous devez inclure l'une des propriétés suivantes :
Propriétés recommandées
aggregateRating

AggregateRating

Élément aggregateRating imbriqué du produit. Respectez les consignes relatives aux extraits d'avis ainsi que la liste des propriétés AggregateRating obligatoires et recommandées.
brand

Brand ou Organization

Marque du produit.
description

Text

Description du produit.
image

Élément ImageObject ou URL répété

URL de la photo du produit. Utilisez de préférence des images montrant clairement le produit (par exemple, sur un fond blanc).

Consignes supplémentaires relatives aux images :

  • Chaque page doit contenir au moins une image (que vous incluiez ou non un balisage). Google choisit la meilleure image à afficher dans les résultats de recherche en fonction du format et de la résolution.
  • Les URL des images doivent être explorables et indexables. Pour vérifier si Google peut accéder à vos URL, utilisez l'outil d'inspection d'URL.
  • Les images doivent représenter le contenu balisé.
  • Le format des fichiers images doit être compatible avec Google Images.
  • Pour de meilleurs résultats, fournissez plusieurs images de haute résolution (minimum 50 000 pixels lorsque vous multipliez la largeur et la hauteur) avec les proportions suivantes : 16x9, 4x3 et 1x1.

Exemple :

"image": [
  "https://example.com/photos/1x1/photo.jpg",
  "https://example.com/photos/4x3/photo.jpg",
  "https://example.com/photos/16x9/photo.jpg"
]
offers

Offer ou AggregateOffer

Élément Offer ou AggregateOffer imbriqué pour vendre le produit. Incluez les propriétés obligatoires et recommandées pour Offer ou AggregateOffer (selon ce qui s'applique à votre contenu).

Pour être éligible à l'affichage de la baisse de prix dans les résultats de recherche, ajoutez Offer et non AggregateOffer.

review

Review

Élément Review imbriqué du produit. Respectez les consignes relatives aux extraits d'avis ainsi que la liste des propriétés d'avis obligatoires et recommandées.
gtin8 | gtin13 | gtin14 | mpn | isbn

Text

Incluez tous les identifiants globaux applicables. Vous trouverez leur description sous schema.org/Product.
sku

Text

Référence produit spécifique au marchand.

Offer

La définition complète de l'élément Offer est disponible sur schema.org/Offer. Lors du balisage d'offres au sein d'un produit, utilisez les propriétés suivantes du type Offer schema.org :

Propriétés obligatoires
price

Number

Prix d'offre d'un produit. Suivez les consignes d'utilisation de schema.org.
Propriétés recommandées
availability

ItemAvailability

Options de disponibilité des produits. Utilisez l'une des valeurs suivantes et exprimez-la avec un lien URL dans le balisage. Google comprend également les noms courts (par exemple InStock ou OutOfStock) sans le champ d'URL complet.

  • https://schema.org/Discontinued
  • https://schema.org/InStock
  • https://schema.org/InStoreOnly
  • https://schema.org/LimitedAvailability
  • https://schema.org/OnlineOnly
  • https://schema.org/OutOfStock
  • https://schema.org/PreOrder
  • https://schema.org/PreSale
  • https://schema.org/SoldOut
itemOffered

Thing

Article mis en vente. En général, il s'agit d'un produit imbriqué. Peut également contenir d'autres types d'articles ou du texte libre.

priceCurrency

Text

Devise utilisée pour décrire le prix du produit, au format ISO 4217 à trois lettres.
priceValidUntil

Date

Date (au format ISO 8601) après laquelle le prix ne sera plus disponible. Votre extrait de produit peut ne pas s'afficher si la propriété priceValidUntil indique une date passée.
shippingDetails

OfferShippingDetails

Informations imbriquées sur les conditions et les options de livraison associées à un élément Offer. Si vous décidez d'ajouter shippingDetails, insérez les propriétés OfferShippingDetails obligatoires et recommandées.
url

URL

URL de la page Web du produit (incluant la propriété Offer).

OfferShippingDetails

OfferShippingDetails permet aux clients de consulter les frais de port et les délais de livraison estimés en fonction de la zone géographique et des conditions de livraison de votre entreprise. Pour que vos produits puissent bénéficier de l'amélioration mettant en avant les informations de livraison, ajoutez les propriétés OfferShippingDetails suivantes à vos pages de produits, en plus des données structurées Product. Bien que l'élément OfferShippingDetails ne soit pas obligatoire, vous devez ajouter les propriétés ci-dessous si vous souhaitez que les informations de livraison puissent figurer comme résultats enrichis.

La définition complète de la propriété OfferShippingDetails est disponible sur schema.org/OfferShippingDetails.

Propriétés obligatoires
shippingDestination

DefinedRegion

Indique les destinations de livraison. Spécifiez la propriété shippingDestination.addressCountry. Le cas échéant, définissez shippingDestination.addressRegion ou les informations spécifiques au code postal.
shippingDestination.addressCountry

Text

Code pays à deux chiffres, au format ISO 3166-1.
Propriétés recommandées
deliveryTime

ShippingDeliveryTime

Délai total entre la réception de la commande et la livraison des produits au client final. Imbriquez les propriétés suivantes :

deliveryTime.businessDays

OpeningHoursSpecification

Jours pendant lesquels les commandes sont traitées. Spécifiez les jours spécifiques avec la propriété deliveryTime.businessDays.dayOfWeek.
deliveryTime.businessDays.dayOfWeek

DayOfWeek

Nom des jours pendant lesquels les commandes sont traitées. Pour les commandes reçues en dehors des jours ouvrés, le traitement débute le jour ouvré suivant. Les jours de non-activité sont ajoutés au temps de traitement.

Utilisez les énumérations suivantes :

deliveryTime.cutOffTime

Time

Heure après laquelle les nouvelles commandes cessent d'être traitées pour ce jour, au format ISO 8601. Une journée est ajoutée au temps de traitement.
deliveryTime.handlingTime

QuantitativeValue

Délai moyen entre le moment où la commande est reçue et où les marchandises sortent de l'entrepôt ou sont préparées en cas de retrait en point de collecte. Spécifiez les propriétés deliveryTime.handlingTime.minValue et deliveryTime.handlingTime.maxValue.
deliveryTime.handlingTime.minValue

Number

Nombre minimal de jours pendant lesquels le produit est acheminé entre le moment où la commande est reçue et le moment où les marchandises sortent de l'entrepôt ou sont préparées en cas de retrait en point de collecte.

Cette valeur doit correspondre à un nombre entier non négatif.

deliveryTime.handlingTime.maxValue

Number

Nombre maximal de jours pendant lesquels le produit est acheminé entre le moment où la commande est reçue et le moment où les marchandises sortent de l'entrepôt ou sont préparées en cas de retrait en point de collecte.

Cette valeur doit correspondre à un nombre entier non négatif.

deliveryTime.transitTime

QuantitativeValue

Délai habituel de livraison de la commande au client final.
deliveryTime.transitTime.maxValue

Number

Nombre maximal de jours entre l'envoi du produit et sa livraison au client final.

Cette valeur doit correspondre à un nombre entier non négatif.

deliveryTime.transitTime.minValue

Number

Nombre minimal de jours entre l'envoi du produit et sa livraison au client final.

Cette valeur doit correspondre à un nombre entier non négatif.

doesNotShip

Boolean

Indique quand la livraison vers une destination spécifique (shippingDestination) n'est pas disponible. Pour spécifier que la livraison de l'article n'est pas disponible pour shippingDestination, définissez la valeur sur True. Si vous définissez cette valeur sur True, seule la propriété shippingDestination est obligatoire.
shippingDestination.addressRegion ou un code postal

Informations sur la région ou le code postal, le cas échéant. N'indiquez pas à la fois la région et le code postal.

Si vous incluez shippingDestination.addressRegion, la région doit correspondre à un code de subdivision ISO 3166-2 à 2 ou 3 chiffres, sans préfixe de pays. Actuellement, cette fonctionnalité de la recherche Google n'est disponible qu'aux États-Unis. Exemples : "NY", "NSW" ou "03".

Si vous incluez un code postal, celui-ci doit correspondre à l'une des propriétés suivantes :

shippingDestination.postalCode

Text

Code postal (par exemple, 94043).

shippingDestination.postalCodePrefix

Text

Plage définie de codes postaux indiquée par un préfixe textuel commun. Utilisez cette propriété pour les systèmes non numériques tels que ceux du Royaume-Uni.

shippingDestination.postalCodeRange

PostalCodeRangeSpecification

Plage définie de codes postaux.
shippingRate

MonetaryAmount

Informations sur les frais de port pour la destination spécifiée. Spécifiez les propriétés shippingRate.currency et shippingRate.value.

Vous ne pouvez définir qu'un seul élément shippingRate par propriété OfferShippingDetails. Si vous souhaitez modéliser plusieurs tarifs pour un produit, spécifiez plusieurs propriétés OfferShippingDetail.
shippingRate.currency

Text

Devise des frais de port, au format ISO 4217 à trois lettres. La devise doit être identique à celle spécifiée dans la propriété offer.priceCurrency.
shippingRate.value

Number

Frais de livraison spécifiques à la destination (shippingDestination). N'incluez pas de symboles monétaires, de séparateurs des milliers ni d'espaces.

Pour spécifier que la livraison est gratuite, indiquez la valeur 0.

Les propriétés suivantes sont actuellement en version bêta (et ne sont pas obligatoires). Elles ne sont pas encore présentées en tant qu'informations de livraison dans les résultats enrichis pour les produits. Toutefois, ces propriétés aident Google à comprendre la relation entre un produit et d'autres pages de livraison associées sur votre site. Google pourra les utiliser pour développer d'autres types de résultats enrichis.

Propriétés recommandées (en version bêta)
shippingSettingsLink

URL

URL d'une page de votre site qui décrit les conditions de livraison de votre entreprise. Cette page doit contenir une ou plusieurs conditions applicables à ce produit.

Autre approche pour configurer des paramètres de livraison avec Google

Les conditions de livraison des marchands peuvent être complexes et changer fréquemment. Si vous rencontrez des difficultés pour modéliser vos informations de livraison et les tenir à jour avec le balisage, envisagez de configurer des paramètres de livraison dans Google Merchant Center.

AggregateOffer

La définition complète de l'élément AggregateOffer est disponible sur schema.org/AggregateOffer. AggregateOffer est un type de propriété Offer représentant un ensemble d'autres offres. Lors du balisage d'offres regroupées au sein d'une page produit, utilisez les propriétés suivantes du type schema.org AggregateOffer :

Propriétés obligatoires
lowPrice

Number

Prix le plus bas parmi toutes les offres disponibles. Utilisez un nombre à virgule flottante.
priceCurrency

Text

Devise utilisée pour décrire le prix du produit, au format ISO 4217 à trois lettres.
Propriétés recommandées
highPrice

Number

Prix le plus élevé parmi toutes les offres disponibles. Utilisez un nombre à virgule flottante.
offerCount

Number

Nombre d'offres pour le produit

Suivre les résultats enrichis avec la Search Console

La Search Console est un outil qui vous permet de suivre les performances de vos pages dans la recherche Google. Il n'est pas nécessaire de vous inscrire à la Search Console pour figurer dans les résultats de recherche Google. Cependant, en vous inscrivant, vous comprendrez mieux la façon dont Google interprète votre site et serez plus à même de l'améliorer. Nous vous recommandons de consulter la Search Console dans les cas suivants :

  1. Après avoir déployé des données structurées pour la première fois
  2. Après avoir publié de nouveaux modèles ou après avoir mis à jour votre code
  3. Analyse régulière du trafic

Après avoir déployé des données structurées pour la première fois

Une fois que Google a indexé vos pages, recherchez les problèmes à l'aide du rapport sur l'état des résultats enrichis. Idéalement, vous devriez constater une augmentation du nombre de pages valides, sans augmentation du nombre d'erreurs ou d'avertissements. Si vous détectez des problèmes au niveau des données structurées :

  1. Corrigez les erreurs.
  2. Inspectez une URL en ligne pour vérifier si le problème persiste.
  3. Demandez la validation à l'aide du rapport d'état.

Après avoir publié de nouveaux modèles ou après avoir mis à jour votre code

Lorsque vous apportez des modifications importantes à votre site Web, surveillez l'augmentation des erreurs et des avertissements relatifs aux données structurées.
  • Si vous constatez une augmentation du nombre d'erreurs, vous avez peut-être déployé un nouveau modèle qui ne fonctionne pas, ou votre site interagit différemment et de façon incorrecte avec le modèle déjà disponible.
  • Si vous constatez une diminution du nombre d'éléments valides (sans augmentation du nombre d'erreurs), vous n'intégrez peut-être plus de données structurées dans vos pages. Utilisez l'outil d'inspection d'URL pour identifier la cause du problème.

Analyse régulière du trafic

Analysez votre trafic de recherche Google à l'aide du rapport sur les performances. Les données indiquent la fréquence à laquelle votre page s'affiche en tant que résultat enrichi dans la recherche Google, ainsi que la fréquence à laquelle les internautes cliquent dessus et la position moyenne à laquelle vous apparaissez dans les résultats de recherche. Vous pouvez également extraire automatiquement ces résultats avec l'API Search Console.

Dépannage

Si vous ne parvenez pas à mettre en œuvre ou à déboguer des données structurées, voici quelques ressources susceptibles de vous aider.