Resepti-Pin-lisäykset

Resepti-Pin-lisäykset ovat kätevä tapa lisätä sivustostasi peräisin oleviin resepteihin lisätietoja, kuten ruuan nimi, annoskoko, valmistusaika, ainesluettelo ja arvosteluja. Pinterest voi lisätä reseptiin myös erikoisruokavalioon liittyvän merkinnän: paleoruokavalio, kasvisruokavalio, veganismi tai gluteeniton.

Resepti-Pin-lisäysten lisääminen sivustoon

1. Lisää Schema.org- tai hrecipe-merkinnät HTML-koodin <head>- ja </head>-tunnisteiden väliseen osioon jokaiselle sivulle, jolla haluat ottaa käyttöön reseptien Rich Pin -lisäykset.
2. Tarkista, että Pinterest näkee tarvittavat tiedot käyttämällä Rich Pins Validator -tarkistustyökalua.
3. Jos kaikki on kunnossa, valitse Tee hakemus – muista valita HTML-tunnisteet.

Reseptien arvostelut

Voit halutessasi lisätä reseptien Rich Pin -lisäyksiin arvostelutietoja. Lisää tarvittava metatunniste Schema.org-merkinnällä. Jos tarvitset lisäohjeita arvostelujen toteuttamisesta, käy osoitteessa Schema.org tai tutustu tähän Pin-esimerkkiin, josta näet, miten toiminto on toteutettu sivustossa bettycrocker.com. Huomaa, että arvostelujen lisääminen tulee tehdä Schema.org-merkinnällä (et siis voi käyttää hrecipe-merkintää). Arvostelutiedot näkyvät vain iOS- ja Android-laitteilla.

Schema.org-ja hrecipe-merkinnät

Tässä ovat kunkin merkintätyypin pakolliset Rich Pin -kentät. Muokkaa mustalla kirjoitetut tekstit vastaamaan reseptejäsi. Schema.org-merkinnät:

<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-tunnisteet:

<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>

Lisätietoja on Pinterestin kehittäjäsivustossa (englanniksi).

Tarvitsetko lisäapua?
Ota yhteyttä