Receptpins

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

Receptpins aan je site toevoegen

1. Voeg op elke pagina waarop je receptpins wilt inschakelen Schema.org- of hrecipe-tags toe aan de <head> </head>-sectie van je HTML-code
2. Gebruik de pagina Uitgebreide pins valideren om te controleren of we alle gegevens kunnen uitlezen.
3. Klik op Nu aanmelden als alles er goed uitziet. Zorg ervoor dat je HTML-tags kiest bij het aanmelden

Receptbeoordelingen

Je kunt informatie over beoordelingen toevoegen aan uitgebreide receptpins. Voeg de benodigde metatag toe met de Schema.org-markup. Als je hulp nodig hebt voor de implementatie van beoordelingeninformatie op je site, bezoek dan Schema.org of bekijk deze voorbeeldpin om te zien hoe bettycrocker.com het heeft opgezet op hun site. Merk op dat informatie over beoordelingen alleen kan worden toegevoegd met de markup van Schema.org (en niet die van h-recipe), en dat informatie over beoordelingen alleen zichtbaar is op iOS- en Android-apparaten.

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 je recepten weer te geven. Schema.org-tags

<div itemscope itemtype="https://schema.org/Recipe">
    <span itemprop="name">
    Sinaasappel-ananas-wortelsmoothie</span>
   <span itemprop="description">
    Beschrijving van je recept.</span>
  <span itemprop="aggregateRating">
    Samengevoegde beoordeling verschijnt hier</span>
    <meta itemprop="url"
    content="https://mijnreceptensite.com/ananas.html" />
    <span itemprop="recipeYield">1 portie</span>
    Ingrediënten:
        <span itemprop="ingredients">ingrediënt 1</span>,
        <span itemprop="ingredients">ingrediënt 2</span>,
        <span itemprop="ingredients">ingrediënt 3</span>,
        <span itemprop="ingredients">
    voeg er zo veel toe als je nodig hebt</span>.
    Instructies:
    <span itemprop="recipeInstructions">
    Plaats de ananas, het ijs, de sinaasappelsap, de wortel
   en de banaan in een blender. Blend zolang als nodig is.</span>
</div> 

hrecipe-tags

<article class="h-recipe">
  <h1 class="p-name">Bagels</h1>
  <ul>
    <li class="p-ingredient">Bloem</li>
    <li class="p-ingredient">Suiker</li>
    <li class="p-ingredient">Gist</li>
  </ul>
  <p>Duurt <time class="dt-duration" datetime="1H">1 uur</time>,
     <data class="p-yield" value="4">Vier porties</data>.</p>
  <div class="e-instructions">
    <ol>
      <li>Begin met het mixen van alle ingrediënten.</li>
    </ol>
  </div>
</article>

Bezoek onze site voor ontwikkelaars voor meer informatie. 

Nog steeds hulp nodig?
Neem contact met ons op