Receptpins

Receptpins maken het mogelijk een titel, portiegrootte, kooktijd, beoordelingen en een lijst met ingrediënten toe te voegen aan recepten van jouw site. We kunnen ook weergeven of een recept paleo, vegetarisch, veganistisch of glutenvrij is.

Voeg receptpins toe aan jouw site

1. Voeg Schema.org of hrecipe tags tussen <head> </head> sectie van jouw HTML code voor elke pagina waar jij uitgebreide receptpins mogelijk wilt maken
2. Gebruik onzeUitgebreide pin validator om er zeker van te zijn dat wij de uitgebreide pin data kunnen zien
3. Als alles er goed uitziet, klik je op Nu toepassen - zorg ervoor dat je HTML-tags kiest tijdens het toepassen

Recepten beoordelingen

Je kunt beoordelingen informatie toevoegen aan uitgebreide receptenpins. Om dit te kunnen, voeg je meta tag toe via Schema.org tag. Als je hulp nodig hebt voor de implementatie van beoordelingen informatie van jouw site, bezoek dan Schema.org of bekijk deze voorbeeldpin om te zien hoe bettycrocker.com het heeft opgezet op hun site. Let op dat informatie over beoordelingen alleen kan worden toegevoegd met Schema.org tag (niet h-recipe) en Ratings info verschijnen alleen op iOS- en Android-toestellen.

Schema.org en hrecipe tags

Hier vind je de vereiste velden voor uitgebreide pins voor elk type tag. Bewerk de velden in het zwart om uw recepten weer te geven. Schema.org tags

<div itemscope itemtype="https://schema.org/Recipe">
    <span itemprop="name">
    Orange-Pineapple-Carrot Smoothie</span>
   <span itemprop="description">
    Description of your recipe.</span>
  <span itemprop="aggregateRating">
    Aggregate rating will show here</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">
    add as many ingredient tags as you need</span>.
    Instructions:
    <span itemprop="recipeInstructions">
    Put the pineapple, ice, orange juice, carrot and
    banana in a blender. Blend until smooth.</span>
</div> 

hrecipe tags

<article class="h-recipe">
  <h1 class="p-name">Bagels</h1>
  <ul>
    <li class="p-ingredient">Flour</li>
    <li class="p-ingredient">Sugar</li>
    <li class="p-ingredient">Yeast</li>
  </ul>
  <p>Takes <time class="dt-duration" datetime="1H">1 hour</time>,
     serves <data class="p-yield" value="4">four people</data>.</p>
  <div class="e-instructions">
    <ol>
      <li>Start by mixing all the ingredients together.</li>
    </ol>
  </div>
</article>

Bezoek onze site voor ontwikkelaars voor meer informatie. 

Nog steeds hulp nodig?
Neem contact met ons op