Pin di ricette

I Pin di ricette ti consentono di aggiungere alle ricette del tuo sito un titolo, il numero di porzioni, i tempi di cottura, le valutazioni e un elenco degli ingredienti. Puoi anche mostrare se una ricetta è paleo, vegetariana, vegana o senza glutine.

Aggiungere le ricette al tuo sito

1. Aggiungi il markup di Scherma.org o hrecipe tra la sezione <head> </head> del tuo codice HTML per ogni pagina nella quale vuoi attivare i Pin dettagliati per ricetta su
2. Usa la convalida del Pin dettagliato per vedere i dati del Pin dettagliato
3. Se tutto sembra a posto, fai clic su Richiedi ora - non dimenticare di scegliere i tags HTML durante la richiesta

Valutazione ricetta

Puoi aggiungere le informazioni di valutazione ai Pin dettagliati di ricette. Per far ciò, aggiungi i meta tag necessari attraverso Scherma.org markup. Se hai bisogno di aiuto per migliorare le informazioni di ratings sul tuo sito, visita Schema.org o dai un'occhiata a questo esempio di Pin per vedere come bettycrocker.com abbia realizzato il proprio sito. Tieni in considerazione che le informazioni di Ratings possono essere aggiunte usando il markup Schema.org (not h-recipe) e le informazioni Ratings saranno visibili sui dispositivi sia iOS che Android.

Schema.org e markup hrecipe.

Questi sono i campi richiesti dei Pin dettagliati per ciascun tipo di markup. Modifica i campi in nero che rispecchiano le tue ricette. Schema.org markup

<div itemscope itemtype="https://schema.org/Ricetta">
    <span itemprop="name">
    Orange-Pineapple-Carrot Smoothie</span>
   <span itemprop="description">
    Descrizione della tua ricetta.</span>
  <span itemprop="aggregateRating">
    I rating totali saranno visibili qui</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>.
    Istruzioni:
    <span itemprop="recipeInstructions">
    Aggiungi l'ananas, il ghiaccio, il succo d'arancia, le carote e
    la banana in un mixer. Frulla finché non è omogeneo.</div> 

tags hrecipe

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

Consulta il nostro sito per sviluppatori per ulteriori informazioni. 

Hai ancora bisogno di aiuto?
Contattaci