Les Épingles enrichies sont des Épingles qui se synchronisent automatiquement avec les informations de votre site. Vous pouvez identifier les Épingles enrichies par les informations supplémentaires situées au-dessus et en dessous de l’image lorsque vous cliquez sur l’Épingle. Si un élément change sur le site d’origine, l’Épingle enrichie est régulièrement mise à jour afin de prendre en compte ce changement.
Les Épingles enrichies d’article et les Épingles enrichies de recette se mettent automatiquement à jour pour refléter toutes les modifications que vous apportez à votre site. Sur Pinterest, si vous apportez une modification manuelle à une Épingle enrichie de recette ou d’article, les nouvelles informations que vous ajoutez écraseront les métadonnées enrichies.
Nous vous donnons accès aux informations sur votre Épingle enrichie de produit uniquement si vous respectez les
Pour vous assurer que vos données sont correctement synchronisées, ajoutez des balises à votre site. Selon que vous avez un contenu de type produit, article ou recette sur votre site, vous devrez ajouter
Une fois votre site approuvé, tout le contenu des pages comprenant les balises méta appropriées apparaîtra sous la forme d’Épingles enrichies lorsque vous créerez une nouvelle Épingle. Les Épingles existantes renvoyant à des pages incluant des balises méta enrichies s’afficheront désormais sous la forme d’Épingles enrichies.
Remarque : la synchronisation du contenu de votre site avec votre Épingle enrichie peut prendre jusqu’à 24 heures.
Si vous souhaitez supprimer les données des Épingles enrichies d’une page en particulier sur votre site Web, ajoutez cette balise à l’en-tête de votre page avant la balise de fermeture :
<meta name="pinterest-rich-pin" content="false" />La balise remplacera les balises méta des Épingles enrichies sur cette page uniquement. Aucune autre page de votre site ne sera affectée, à moins que vous n'ajoutiez la balise à chacune de ces pages. Si vous décidez de réactiver les Épingles enrichies, il suffit de supprimer cette balise.
Les Épingles de recettes vous permettent d’ajouter un titre, le nombre de parts, le temps de préparation et de cuisson, des notes, ainsi que la liste des ingrédients aux recettes de votre site. Vous pouvez également classer la recette par catégorie : paléo, végétarien, végétalien ou sans gluten.
Ajouter des Épingles de recette à votre site
Si vous souhaitez intégrer les données des Épingles enrichies de recette à votre site, ajoutez des balises Schema.org ou h-recipe entre la section <head> </head> de votre code HTML pour chaque page sur laquelle vous souhaitez activer les Épingles enrichies de recette.
Une fois que vous avez terminé, notre système devrait commencer à afficher le contenu des Épingles enrichies pour les Épingles liées à ces pages.
Notes de recette
Vous pouvez ajouter des informations d’évaluation à vos Épingles enrichies de recette. Pour ce faire, ajoutez la balise méta nécessaire via la balise Schema.org. Si vous avez besoin d’aide pour ajouter des informations d’évaluation à votre site, visitez le site Schema.org ou consultez cet exemple d’Épingle pour voir comment bettycrocker.com a configuré son Épingle.
Remarque : les informations sur les notes peuvent uniquement être ajoutées à l’aide des balises Schema.org (et non h-recipe) et elles s’afficheront seulement sur les appareils iOS et Android.
Balises Schéma.org et h-recipe
Voici les champs d’Épingles enrichies demandés pour chaque type de balises. Modifiez les champs en noir afin de les faire correspondre à vos recettes :
<div itemscope itemtype="https://schema.org/Recipe">
<span itemprop="name">
Orange-Pineapple-Carrot Smoothie</span>
<span itemprop="description">
Description de votre recette.</span>
<span itemprop="aggregateRating">
Les notes cumulées seront affichées ici</span>
<meta itemprop="url"
content="https://myrecipesite.com/pineapple.html" />
<span itemprop="recipeYield">Serves 1</span>
Ingredients:
<span itemprop="ingredients">ingredient 1</span>,
<span itemprop="ingredients">ingredient 2</span>,
<span itemprop="ingredients">ingredient 3</span>,
<span itemprop="ingredients">
ajoutez autant de balises d'ingrédients que vous le souhaitez</span>.
Instructions :
<span itemprop="recipeInstructions">
Mettez l'ananas, la glace, le jus d'orange, les carottes et
les bananes dans un mixeur. Mixez jusqu'à obtenir un mélange onctueux.</span>
</div>
Balises h-recipe :
<article class="h-recipe">
<h1 class="p-name">Bagels</h1>
<ul>
<li class="p-ingredient">Farine</li>
<li class="p-ingredient">Sucre</li>
<li class="p-ingredient">Levure</li>
</ul>
<p>Prend <time class="dt-duration" datetime="1H">1 heure</time>,
pour <data class="p-yield" value="4">quatre personnes</data>.</p>
<div class="e-instructions">
<ol>
<li>Commencez par mélanger tous les ingrédients ensemble.</li>
</ol>
</div>
</article>
Consultez notre site Web destiné aux développeurs pour en savoir plus.
Un article est une page qui contient avant tout du texte, par exemple un article d’actualité ou un billet de blog. Les listicles et les pages principalement composées d’images mais contenant peu de texte ne sont pas considérés comme des articles.
Ajouter des Épingles d'article à votre site
Si vous souhaitez intégrer les données des Épingles enrichies d’article à votre site, ajoutez des balises Open Graph ou Schema.org entre la section <head> </head> de votre code HTML pour chaque page sur laquelle vous souhaitez activer les Épingles enrichies d’article.
Une fois que vous avez terminé, notre système devrait commencer à afficher le contenu des Épingles enrichies pour les Épingles liées à ces pages.
Ouvrir les balises Open Graph et Schema.org
Voici les champs d'Épingles enrichies demandés pour chaque type de balisage. Mettez les champs en majuscules pour refléter vos articles.
Ouvrir les annotations graphiques :
<meta property="og:title" content="Titre de votre article"/>
<meta property="og:description" content="Description de votre article" />
<meta property="og:type" content="article" />
Balises Schema.org :
<meta property="og:site_name" content="Exemple de site” />
<div itemscope itemtype="https://schema.org/article">
<meta itemprop="url" content="Https://www.example.com/2013/10/article.html" />
<span itemprop="name" content="Titre d'article" /> par <span itemprop="author" content="John Doe" />
<span itemprop="description">Description ou résumé de l'article.</span>
</div>
Consultez notre site destiné aux développeurs pour en savoir plus.
Les Épingles Produit sont un type d’Épingles enrichies qui indiquent le prix, la disponibilité, le titre et la description à jour d’un produit de votre site. Dans certains cas, votre Épingle peut porter la mention « Meilleure vente » s’il s’agit d’un des articles les plus vendus dans une catégorie de produits Pinterest, parmi différents commerçants. Ou alors, elle peut porter la mention « Populaire » s’il s’agit d’une des Épingles Produit qui a fait l’objet du plus grand nombre de clics dans une catégorie de produits sur Pinterest.
Remarque : cette information apparaîtra sur vos Épingles Produits uniquement si votre produit est en stock, si le prix est exact, si nous avons récemment mis à jour les données et si vous respectez nos consignes destinées aux commerçants.
Pourquoi et comment ajouter des Épingles Produit à votre site ?
Les Épingles Produit redirigent les utilisateurs de Pinterest vers votre site pour leur permettre d’acheter vos produits. Pour que vous puissiez ajouter une Épingle Produit sur Pinterest, il faut que les internautes aient la possibilité d’acheter le produit directement sur votre site.
Vous pouvez créer des Épingles Produit sur votre site en suivant les instructions ci-dessous, ou bien à partir de catalogues. Utilisez les catalogues pour importer une source de données de vos produits et créer des groupes de produits pour rassembler les Épingles Produit similaires. Seules les Épingles Produit créées à l’aide de catalogues peuvent être sponsorisées sous forme d’annonces Shopping.
Ajouter des Épingles de produit à votre site
Si vous souhaitez intégrer les données des Épingles enrichies de produit à votre site, ajoutez des balises Open Graph ou Schema.org entre la section <head> </head> de votre code HTML pour chaque page sur laquelle vous souhaitez activer les Épingles Produit.
Une fois que vous avez terminé, notre système devrait commencer à afficher le contenu des Épingles enrichies pour les Épingles liées à ces pages.
Ouvrir les balises Open Graph et Schema.org
Voici les champs d'Épingles enrichies demandés pour chaque type de balises. Modifiez le texte numérique ou en majuscules qui apparaît en vert pour refléter vos produits.
Ouvrir les annotations graphiques :
<meta property="og:title" content="De Young Copper Bookmark" />
<meta property="og:type" content="product" />
<meta property="product:price:amount" content="15,00" />
<meta property="product:price:currency" content="USD" />
Balises Schema.org :
<div itemscope itemtype="https://schema.org/Product">
<meta itemprop="name" content="De Young Copper Bookmark" />
<meta itemprop="url" content="Https://shop.famsf.org/do/product/BK5160" />
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span itemprop="price">,00</span>
<meta itemprop="priceCurrency" content="USD” />
<meta itemprop="availability" itemtype="https://schema.org/ItemAvailability"
content="https://schema.org/InStock" />
</div>
Vous n’avez pas besoin d’ajouter de balises si votre site est hébergé par Etsy, Teachers Pay Teachers ou eBay. Les informations relatives aux produits sont ajoutées aux Épingles que vous créez dans un délai de 24 heures.
Consultez notre site destiné aux développeurs pour en savoir plus.