Oppskrift-Pins

I oppskrift-Pins kan du legge til både tittel, antall porsjoner, tilberedningstid og ingredienser i oppskriftene fra nettstedet ditt. Vi kan også vise om maten er vegetarisk, vegansk, glutenfri eller paleo.

Legg til oppskrift-Pins på nettstedet ditt

1. Legg til Schema.org- eller hrecipe-kode mellom <head>- og </head>-elementene i HTML-koden for hver side du vil aktivere detaljerte Pins på
2. Bruk valideringsverktøyet for detaljerte Pins for å sjekke at vi kan se dataene for de detaljerte Pinsene
3. Hvis alt ser bra ut, klikker du på Bruk nå – sørg for at du velger HTML-tagger når du gjør dette

Oppskriftsvurderinger

Du kan legge til vurderingsinformasjon i detaljerte oppskrifts-Pins. For å gjøre det må du først legge til den nødvendige metataggen via Schema.org-kode. Hvis du trenger hjelp med å implementere vurderingsinformasjon på nettstedet ditt, kan du gå til Schema.org eller ta en titt på dette eksempelet for å se hvordan bettycrocker.com har konfigurert nettstedet sitt. Vær oppmerksom på at vurderingsinformasjon bare kan legges til med Schema.org-kode (ikke hrecipe), og vurderingsinformasjon vises bare på iOS- og Android-enheter.

Schema.org- og hrecipe-kode

Her er de nødvendige feltene for detaljerte Pins for de ulike kodetypene. Rediger de svarte feltene for å gjenspeile oppskriftene dine. Schema.org-kode

<div itemscope itemtype="https://schema.org/Recipe">
    <span itemprop="name">
    Appelsin/ananas/gulrot-smoothie</span>
   <span itemprop="description">
    Beskrivelse av oppskriften.</span>
  <span itemprop="aggregateRating">
    Her ser du den samlede vurderingen</span>
    <meta itemprop="url"
    content="https://oppskriftsnettstedetmitt.no/ananas.html" />
    <span itemprop="recipeYield">1 porsjon</span>
    Ingredienser:
        <span itemprop="ingredients">ingrediens 1</span>,
        <span itemprop="ingredients">ingrediens 2</span>,
        <span itemprop="ingredients">ingrediens 3</span>,
        <span itemprop="ingredients">
    Du kan legge til så mange ingredienstagger du vil</span>.
    Instruksjoner:
    <span itemprop="recipeInstructions">
    Legg ananas, is, appelsinjus, gulrot og
    banan i en mikser. Miks til du får en jevn blanding.</span>
</div> 

hrecipe-tagger

<article class="h-recipe">
  <h1 class="p-name">Bagels</h1>
  <ul>
    <li class="p-ingredient">Mel</li>
    <li class="p-ingredient">Sukker</li>
    <li class="p-ingredient">Gjær</li>
  </ul>
  <p>Tar <time class="dt-duration" datetime="1H">1 time</time>,
     Gir <data class="p-yield" value="4">fire porsjoner</data>.</p>
  <div class="e-instructions">
    <ol>
      <li>Begynn med å blande sammen alle ingrediensene.</li>
    </ol>
  </div>
</article>

Du finner mer informasjon i utviklerportalen vår. 

Trenger du fortsatt hjelp?
Kontakt oss