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 permettre l'affichage des produits 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 relatives aux 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 Google puisse afficher des résultats enrichis (auparavant appelés "extraits enrichis"). 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

Le balisage de produit entraîne l'affichage d'un badge sur votre image dans les résultats de recherche d'images pour mobile, ce qui peut encourager davantage d'utilisateurs à cliquer sur votre contenu.

Exemples

Page relative à un seul produit

JSON-LD

Voici un exemple de page contenant un seul produit au format JSON-LD dans l'outil de test des données structurées :

<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": "Thing", "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-05", "itemCondition": "https://schema.org/UsedCondition", "availability": "https://schema.org/InStock", "seller": { "@type": "Organization", "name": "Executive Objects" } } } </script>

RDFa

Voici un exemple de page contenant un seul produit au format RDFa dans l'outil de test des données structurées :

<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:Thing"> <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 rel="schema:seller"> <div typeof="schema:Organization"> <div property="schema:name" content="Executive Objects"></div> </div> </div> <div property="schema:priceCurrency" content="USD"></div> <div property="schema:priceValidUntil" datatype="xsd:date" content="2019-02-05"></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> </div>

Microdonnées

Voici un exemple de page contenant un seul produit au format de microdonnées dans l'outil de test des données structurées :

<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-05" /> <div itemprop="seller" itemtype="http://schema.org/Organization" itemscope> <meta itemprop="name" content="Executive Objects" /> </div> </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/Thing" itemscope> <meta itemprop="name" content="ACME" /> </div> </div> </div>

Page de comparatif

JSON-LD

Voici un exemple de page de comparatif au format JSON-LD dans l'outil de test des données structurées :

<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" ], "brand": { "@type": "Thing", "name": "ACME" }, "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.4", "ratingCount": "89" }, "offers": { "@type": "AggregateOffer", "lowPrice": "119.99", "highPrice": "199.99", "priceCurrency": "USD" } } </script>

RDFa

Voici un exemple de page de comparatif au format RDFa dans l'outil de test des données structurées :

<div vocab="https://schema.org/" typeof="Product"> <span property="brand">ACME</span> <span property="name">Executive Anvil</span> <img property="image" src="anvil_executive.jpg" alt="Executive Anvil logo" /> <span property="aggregateRating" typeof="AggregateRating"> Average rating: <span property="ratingValue">4.4</span>, based on <span property="ratingCount">89</span> reviews </span> <span property="offers" typeof="AggregateOffer"> from $<span property="lowPrice">119.99</span> to $<span property="highPrice">199.99</span> <meta property="priceCurrency" content="USD" /> </span> </div>

Microdonnées

Voici un exemple de page de comparatif au format de microdonnées dans l'outil de test des données structurées :

<div itemscope itemtype="https://schema.org/Product"> <span itemprop="brand">ACME</span> <span itemprop="name">Executive Anvil</span> <img itemprop="image" src="anvil_executive.jpg" /> <span itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating"> Average rating: <span itemprop="ratingValue">4.4</span>, based on <span itemprop="ratingCount">89</span> reviews </span> <span itemprop="offers" itemscope itemtype="https://schema.org/AggregateOffer"> from $<span itemprop="lowPrice">119.99</span> to $<span itemprop="highPrice">199.99</span> <meta itemprop="priceCurrency" content="USD" /> </span> </div>

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 des produits :

• 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. Consultez également les consignes relatives aux données structurées pour en savoir plus sur l'utilisation de plusieurs entités sur la même page.
• Les produits réservés aux adultes ne sont pas acceptés.
• Le nom des consommateurs donnant leur avis doivent être le nom réel d'une personne ou d'une équipe (par exemple, "Martin Dupont" ou "Équipe du CNET"). En revanche, "50 % de réduction le vendredi noir" n'est pas valide.

Pour inclure des informations sur vos produits dans Google Images, suivez les consignes ci-dessous pour le balisage requis :

• 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.

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.

AggregateOffer

La définition complète de la propriété 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 AggregateOffer schema.org :

Propriétés obligatoires
lowPrice	Number Prix le plus bas parmi toutes les offres disponibles. Chiffre à 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. Chiffre à virgule flottante.
offerCount	Number Nombre d'offres pour le produit

Offer

La définition complète de la propriété 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
availability	ItemAvailability Cette valeur provient d'une liste limitée d'options, exprimée en balises à l'aide de liens URL. Google comprend également les noms courts (par exemple InStock ou OutOfStock, sans le champ d'URL complet). Cette propriété est requise pour la fonctionnalité "Articles associés" de Google Images et recommandée pour la recherche Google.
price	Number Prix du produit. Suivez les consignes d'utilisation de schema.org.
priceCurrency	Text Devise utilisée pour décrire le prix du produit, au format ISO 4217 à trois lettres.

Propriétés recommandées
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.
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é priceValidUtil indique une date passée.
url	URL URL de la page Web du produit (incluant la propriété Offer).

Product

La définition complète de la propriété 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 Product schema.org :

Propriétés obligatoires
image	Champ répété d'ImageObject ou d'URL URL de la photo du produit. Utilisez de préférence des images montrant clairement le produit (par exemple, sur un fond blanc). Cette propriété est requise pour Google Images et recommandée pour la recherche Google. 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. Les images doivent représenter le contenu balisé. Les images doivent être au format .jpg, .png ou .gif. 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" ]
name	Text Nom du produit.

Propriétés recommandées
aggregateRating	AggregateRating Propriété aggregateRating imbriquée dans le produit.
brand	Text Marque du produit.
description	Text Description du produit.
offers	Offer Offre de vente du produit. Inclut une propriété Offer ou AggregateOffer imbriquée.
review	Review Propriété Review imbriquée dans le produit. Respectez les consignes relatives aux extraits d'avis ainsi que la liste des propriétés d'avis obligatoires et recommandées.
sku | gtin8 | gtin13 | gtin14 | mpn	Text Propriétés d'identification diverses décrites sous schema.org/Product. Pour chaque produit, Google recommande d'inclure la marque et au moins un identifiant.