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