พินสูตรอาหาร

พินสูตรอาหารจะช่วยให้คุณเพิ่มชื่อ ปริมาณอาหาร ระยะเวลาทำ คะแนน และรายการส่วนผสมของสูตรอาหารได้จากเว็บไซต์ของคุณ เรายังสามารถบอกว่าสูตรอาหารเป็นอาหารประเภทไหน เช่น เพเลโอ มังสวิรัติ เจ หรือไร้กลูเตน

เพิ่มพินสูตรอาหารไปยังเว็บไซต์ของคุณ

1. เพิ่มมาร์กอัป Schema.org หรือ hrecipe ระหว่างส่วน <head> </ head> ในโค้ด HTML ของคุณสำหรับแต่ละหน้าที่คุณต้องการเปิดใช้งานริชพินสูตรอาหาร
2. ใช้ตัวตรวจสอบริชพินเพื่อให้แน่ใจว่าเราสามารถเห็นข้อมูลริชพิน
3. ถ้าทุกอย่างดูเรียบร้อยดี ให้คลิก ใช้เลย - โปรดอย่าลืมเลือกแท็ก HTML ตอนใช้

การจัดอันดับสูตรอาหาร

คุณสามารถเพิ่มข้อมูลการจัดอันดับในริชพินสูตรอาหาร ในการเพิ่มเมตาแท็ก จำเป็นต้องดำเนินการผ่าน Schema.org มาร์กอัป ถ้าคุณต้องการใช้ข้อมูลการจัดอันดับเว็บไซต์ของคุณ โปรดเยี่ยมชม Schema.org หรือดูตัวอย่างพินเพื่อดูวิธีของ bettycrocker.com ในการตั้งค่าเว็บไซต์ของพวกเขา โปรดคำนึงว่าข้อมูลการจัดอันดับสามารถเพิ่มได้โดยใช้ Schema.org เท่านั้น มาร์กอัป (ไม่ใช่ h-recipe) และข้อมูลการจัดอันดับจะแสดงเฉพาะบนอุปกรณ์ iOS และ Android เท่านั้น

มาร์กอัป Schema.org และ hrecipe

ต่อไปนี้เป็นช่องริชพินที่จำเป็นสำหรับมาร์กอัปในแต่ละประเภท แก้ไขช่องสีดำเพื่อแสดงสูตรของคุณ Schema.org มาร์กอัป

<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

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

ตรวจสอบข้อมูลเพิ่มเติมในเว็บไซต์สำหรับนักพัฒนาของเรา 

ยังต้องการความช่วยเหลืออยู่ใช่ไหม
ติดต่อเรา