Épingles de recette

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.

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 chaque page sur lesquelles vous souhaitez activer les épingles enrichies de recette
2. Utilisez notre outil de validation d'é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 les balises HTML lors de votre inscription.

Notes de recette

Vous pouvez ajouter des infos sur les notes à vos épingles enrichies de recettes. Pour ce faire, ajoutez la balise Meta nécessaire via les balises Schema.org. Si vous avez besoin d'aide pour implémenter des informations sur les notes à votre site, vous pouvez visiter le site Schema.org ou consulter cet exemple d'épingle pour voir comment bettycrocker.com a configuré son site. Veuillez noter que les infos sur les notes peuvent uniquement être ajoutées à l'aide des balises Schema.org (et non h-recipe) et qu'elles s'afficheront uniquement sur les appareils iOS et Android.

Balises Schema.org et hrecipe

Voici les champs d'épingles enrichies demandés pour chaque type de balisage. Modifiez les champs en noir pour refléter vos recettes. Balises Schema.org

<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 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>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 destiné aux développeurs pour en savoir plus. 

Vous avez encore besoin d'aide ?
Nous contacter