Recipe Pins

Pinapayagan ka ng Recipe Pins na magdagdag ng pamagat, sukat ng serving, oras ng pagluluto, mga rating at mga sangkap sa recipe mula sa iyong site. Maaari din namin ipakita kung ang isang recipe ay paleo, vegetarian, vegan o gluten libre.

Idagdag ang Recipe Pins sa iyong site

1. Idagdag ang Schema.org o hrecipe na mga markup sa pagitan ng <head> </head> na seksyon ng iyong HTML code para sa bawat page na gusto mong i-enable ang mga Rich Pin ng recipe
2. Gamitin ang aming Rich Pins Validator para matiyak na makikita namin ang data ng Rich Pin
3. Kung mukhang maayos na ang lahat, i-click ang Gamitin na - tiyaking pumili ng mga HTML tag kapag ginagamit

Ratings ng recipe

Maaari kang magdagdag ng impormasyon mula sa ratings sa iyong Recipe Rich Pins. Upang gawin ito, idagdag ang kinakailangan na meta tag ng Schema.org. markup. Kung kailangan mo ng tulong sa pagpapatupad ng mga impormasyon sa Rating sa iyong site, bisitahin ang Schema.org o tingnan itong sample Pin upang makita kung paano na-set up ng bettycrocker.com ang kanilang site. Tandaan na ang impormasyon sa Ratings ay maidaragdag lamang gamit ang markup ng Schema.org (hindi h-recipe) at ang impormasyon ng Rating ay lalabas lamang sa mga iOS at Android device.

Schema.org at hrecipe markups

Narito ang mga kinakailangang Rich Pin field para sa bawat uri ng markup. I-edit ang mga patlang sa itim upang ipakita ang iyong mga recipe. Schema.org markups

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

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

Tingnan ang developer site para sa higit pang impormasyon. 

Kailangan pa rin ng tulong?
Kontakin kami