Receptpins

I receptpins går det att lägga till namn, portionsstorlek och en ingredienslista för recept på din webbplats. Det är även möjligt att visa om ett recept är paleo, vegetariskt, veganskt eller glutenfritt.

Lägg till receptpins på din webbplats

1. Lägg till Schema.org- eller hrecipe-kod mellan taggarna <head> </ head> i HTML-koden för varje sida där du vill aktivera Rich Pins med recept.
2. Använd Rich Pins-validering för att kunna se Rich Pin-data
3. Om allt ser bra ut klickar du på Verkställ. Se till att välja HTML-taggar när du verkställer

Receptbetyg

Du kan lägga till betygsinformation på dina Rich Pins med recept. För att göra detta måste du lägga till meta-taggen som behövs via Schema.org . Om du behöver hjälp med att implementera betygsinformation på din webbplats ska du inte tveka att besöka Schema.org eller ta en titt på denna test-pin för att se hur bettycrocker.com har ställt in sin webbplats. Notera att betygsinformation endast kan läggas till med Schema.org (inte h-recipe) och att betygsinformationen endast visas på iOS- och Android-enheter.

Schema.org- och hrecipe-koder

Här är de fält som krävs för Rich Pins för varje typ av kod. Redigera fälten i svart för att återspegla dina recept. Schema.org- koder

<div itemscope itemtype="https://schema.org/Recept">
    <span itemprop="name">
    Apelsin-Ananas-Morot-Smoothie</span>
   <span itemprop="description">
    Beskrivning av ditt recept.</span>
  <span itemprop="aggregateRating">
    Sammanslaget betyg visas här</span>
    <meta itemprop="url"
    content="https://minarecept.com/ananas.html" />
    <span itemprop="recipeYield">Portioner 1</span>
    Ingredienser:
        <span itemprop="ingredients">ingrediens 1</span>,
        <span itemprop="ingredients">ingrediens 2</span>,
        <span itemprop="ingredients">ingrediens 3</span>,
        <span itemprop="ingredients">
    lägg till så många ingrediens-taggar som du behöver</span>.
    Instruktioner:
    <span itemprop="recipeInstructions">
    Häll ananas, is, apelsinjuice, morot och
    banan i en mixer. Mixa tills blandningen är slät.</span ></div> 

hrecipe-taggar

<article class="h-recipe">
  <h1 class="p-name">Bagels</h1>
  <ul>
    <li class="p-ingredient">Mjöl</li>
    <li class="p-ingredient">Socker</li>
    <li class="p-ingredient">Jäst</li>
  </ul>
  <p>Tar <time class="dt-duration" datetime="1H">1 timme</time>,
     portioner <data class="p-yield" value="4">fyra personer</data>.</p>
  <div class="e-instructions">
    <ol>
      <li>Börja med att blanda alla ingredienser.</li>
    </ol>
  </div>
</article>

Besök vår webbplats för utvecklare om du vill läsa mer. 

Behöver du fortfarande hjälp?
Kontakta oss