<br>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. I-add ang Schema.org o hrecipe markups sa pagitan ng <head> </head> section ng iyong HTML code sa bawat pahina na gusto mong may Recipe Pin
2. Gamitin ang aming Rich Pin validator upang maibahagi ang Rich Pin data
3. Kapag maayos na ang lahat, i-click ang Mag-apply na at siguraduhing pumili ng HTML tags kapag nag-aaply

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