Activer les épingles enrichies sur votre site

Grâce au programme d'épingles enrichies, les épingles issues de votre site comportent des informations complémentaires. Il existe pour le moment quatre types d'épingles enrichies pour : les produits, les articles, les installations d'application et les recettes.


Ajoutez des épingles enrichies à votre site :

  1. Préparez votre site en ajoutant des balises Meta ou une URL oEmbed. La procédure est relativement complexe, et il se peut que vous ayez à faire appel au développeur de votre site. Consultez, ci-dessous, nos instructions rapides pour chaque type d'épingles enrichies.
  2. Testez vos épingles enrichies.
  3. Envoyez une demande d'inscription pour afficher ces épingles sur Pinterest.

Pour consulter l'intégralité de la documentation développeur relative aux épingles enrichies, consultez notre site destiné aux développeurs.


Obtenez les instructions correspondant à chaque type d'épingle :

Lorsque vous envoyez une demande d'inscription au programme Épingles enrichies, vous devez ajouter à votre site le code correspondant au type d'épingle enrichi le plus approprié. Par exemple, si votre site contient des recettes, ajoutez le code des épingles de recette et non pas le code des épingles d'article.
 

Product Pins Product Pins
Les épingles de produit vous permettent d'afficher le prix, la disponibilité et la description d'un produit sur les épingles issues de votre site.
 
Pour ajouter des épingles 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 lesquelles vous souhaitez activer les épingles enrichies de produit. Si vous utilisez Shopify, consultez les instructions ci-dessous spécifiques aux sites Shopify. Voici les champs d'épingles enrichies demandés pour chaque type de balisage. Mettez les champs en surbrillance 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="og:price:amount" content="15.00" />
<meta property="og: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"
</div>
 

2. Utilisez notre outil de validation des épingles enrichies pour vérifier que nous avons accès aux données relatives à vos épingles enrichies.

3. Si vous êtes satisfait du résultat, cliquez sur Appliquer maintenant. Veillez à sélectionner le bon type de balises lors de votre inscription. 

Nous n'ajoutons que des épingles enrichies de produit issues de sites où les produits présentés peuvent être achetés. Cela signifie que les internautes doivent avoir la possibilité d'acheter les produits directement sur votre site, et non sur un autre site.
 
Vous n'avez pas à ajouter de balises si votre site est hébergé par :
  1. Shopify : accédez plutôt à la page de notre outil de validation des épingles enrichies, collez le lien vers votre produit et ajoutez ".oembed" à la fin de ce lien. Inscrivez-vous au programme Épingles enrichies à partir de cette page (pensez à sélectionner Shopify lors de votre inscription).
  2. Etsy, Teachers Pay Teachers, 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.

Article Pins Article Pins
Les épingles d'article permettent d'afficher le titre, la description et l'auteur de l'article ou du billet de blog.
 
Pour ajouter des épingles d'article à votre site :

1. Ajoutez des balises Open Graph ou  Schema.org entre la section <head> </ head> de votre code HTML pour chaque page sur lesquelles vous souhaitez activer les épingles enrichies d'article. Voici les champs d'épingles enrichies demandés pour chaque type de balisage. Mettez les champs en surbrillance pour refléter vos articles.

Balises Open Graph :
<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="nom" content="Titre de l'article” /> by <span itemprop="author" content="Johh Doe” />
    <span itemprop="description">Description ou résumé de l'article.</span>
    </div>
  1. Utilisez notre outil de validation des épingles enrichies pour vérifier que nous avons accès aux données relatives à vos épingles enrichies.
  2. Si vous êtes satisfait du résultat, cliquez sur Appliquer maintenant. Veillez à sélectionner Balises HTML lors de votre inscription.
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 ne contenant que peu de texte ne sont pas considérés comme des articles.
 
 

App Install Pins App Install Pins
Les épingles d'application disposent d'un bouton Installer qui redirige les utilisateurs iOS sur l'App Store pour télécharger votre application.
 
Pour créer une épingle d'application :
  1. Sélectionnez Ajouter une épingle depuis le tableau, puis téléchargez une image d'épingle depuis votre ordinateur ou votre appareil
  2. Ajoutez une image haute résolution de votre application.
  3. Modifiez l'épingle pour changer le site Web de votre page App Store
Consultez l'App Store sur Pinterest pour obtenir des exemples pertinents d'épingles d'application. Dans un premier temps, seules les applications américaines pourront créer des épingles d'application. Les épingles d'application ne sont disponibles pour le moment que pour les applications américaines et ne peut être visionnées que sur des appareils iOS.

Recipe Pins Recipe Pins
Les épingles de recette 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 issues de votre site. Nous pouvons également classer la recette selon le régime spécifique : paléo, végétarien, végétalien ou sans gluten.
 
Pour ajouter des épingles de recette à votre site :

1. Ajoutez des balises Schema.org ou hrecipe entre la section <head> </ head> de votre code HTML pour toutes les pages sur lesquelles vous souhaitez activer les épingles enrichies de recette. Voici les champs d'épingles enrichies demandés pour chaque type de balisage. Modifiez les champs en surbrillance pour refléter vos recettes. Remarque : les notes sont uniquement prises en charge avec des balises Schema.org et s'afficheront actuellement uniquement sur les appareils iOS et Android.

Balises Schema.org :
<div itemscope itemtype="https://schema.org/Recipe">
    <span itemprop="name">
  Smoothie orange-ananas-carotte</span>
   <span itemprop="description">
  Description de votre recette.</span>
  <span itemprop="aggregateRating">
    Les notes cumulées seront affichées ici</span>
    <meta itemprop="url"
    <span itemprop="recipeYield">Serves 1</span>
    Ingrédients :
        <span itemprop="ingredients">ingrédient 1</span>,
        <span itemprop="ingredients">ingrédient 2</span>,
        <span itemprop="ingredients">ingrédient 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 mixer. Mixez jusqu'à obtenir un mélange onctueux.</span>
</div>
 
balises hrecipe :
<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>Temps :<time class="dt-duration" datetime="1H"> 1 heure</time>,
     pour <data class="p-yield" value="4">4 personnes</data>.</p>
  <div class="e-instructions">
    <ol>
      <li>Commencez par mélanger tous les ingrédients ensemble.</li>
    </ol>
  </div>
</article>
 

2. Utilisez notre outil de validation des épingles enrichies pour vérifier que nous avons accès aux données relatives à vos épingles enrichies.

3. Si vous êtes satisfait du résultat, cliquez sur Appliquer maintenant. Veillez à sélectionner Balises HTML lors de votre inscription.

Consultez notre site destiné aux développeurs pour en savoir plus.


Ajouter des épingles enrichies à votre boutique Shopify

  1. Allez sur l'URL spécifique à un produit sur votre site Shopify (page qui contient un bouton " acheter " ou " ajouter au panier ")
  2. Copiez et collez l'URL de ce produit dans le validateur d'épingle enrichie et tapez .oembed à la fin de l'URL de votre produit
  3. Cliquez sur Valider.
  4. Après l'affichage, cliquez sur Appliquer. Vous pouvez appliquer avec l'URL d'un seul produit depuis votre site Web
  5. Vos épingles de produit deviendront enrichies dans les 24 heures

Questions fréquentes :

Puis-je désactiver les épingles enrichies pour mon site ?
Dois-je insérer des balises sur toutes mes pages ?
Dois-je envoyer une demande d'inscription pour chaque page de mon site ?
Quand mes épingles apparaîtront-elles sous forme d'épingles enrichies ?
Un message d'erreur s'affiche lorsque j'essaie de m'inscrire au programme Épingles enrichies.
Pourquoi mes recettes ne figurent-elles pas parmi les épingles enrichies ?

Si vous ne voulez pas que les épingles issues de votre site contiennent des informations détaillées, ajoutez cette balise à la section <head> du code HTML de vos pages :

<meta name="pinterest-rich-pin" content="false" />

Ajoutez des balises d'épingles enrichies pour chaque page que vous souhaitez voir enrichie sur Pinterest. Les épingles enrichies sont destinées uniquement à des pages de description de produit, des articles ou des recettes. La page d'accueil et les pages de catégories de votre site Web ne doivent pas être balisées. Vous avez seulement besoin de valider et d'appliquer l'épingle avec une page correctement balisée. Vous autoriserez ainsi les épingles enrichies pour chaque page contenant des balises sur votre site Web.


Non, il vous suffit d'indiquer une seule page sur votre demande d'inscription. Une fois celle-ci approuvée, les épingles enrichies seront activées sur l'ensemble de votre site.

Une fois que votre demande d'inscription au programme d'épingles enrichies a été approuvée, les nouvelles épingles de votre site apparaîtront sous forme d'épingles enrichies si elles contiennent les balises adéquates de produit, d'article ou de recette.
 
Les épingles plus anciennes peuvent quant à elles mettre plusieurs semaines à apparaître sous forme d'épingles enrichies.

Si un message indiquant qu'il est impossible de récupérer des données à partir de votre URL s'affiche, cela signifie peut-être que le délai d'attente expire avant même que Pinterest n'ait réussi à créer une épingle à partir de votre site. Nous ne sommes malheureusement pas en mesure de résoudre ce problème, qui est généralement dû à la lenteur du site concerné. Cette erreur s'affiche également si votre site bloque les demandes AWS (Amazon Web Services). Dans ce cas, vous devez résoudre ce blocage avant de vous inscrire au programme Épingles enrichies.

Si un message indiquant que certaines informations relatives à votre URL sont manquantes s'affiche, cela signifie qu'une ou plusieurs des balises d'épingle enrichie obligatoires sont manquantes. Consultez notre site destiné aux développeurs pour savoir quelles balises ajouter.

Nous avons récemment mis un terme au support des recettes au microformat v1 pour les épingles enrichies de recette. Nous ne prenons désormais en charge que le microformat v2. Pour en savoir plus sur le nouveau microformat, veuillez vous référer à ce lien : http://microformats.org/wiki/h-recipe
 
Nous vous recommandons de migrer vers les balises microformat v2 ou schema.org afin d'assurer la compatibilité des épingles enrichies de recette avec votre site web. 


Note : depuis Janvier 2017, nous ne supportons plus les épingles enrichies de type lieux et films. Toutes les épingles de lieux ou films existantes continueront à s'afficher normalement sur Pinterest.