Structured Data สำหรับสูตรอาหารและเครื่องดื่ม (Recipe, HowTo, ItemList)

ช่วยให้ผู้ใช้พบเนื้อหาสูตรอาหารและเครื่องดื่มของคุณโดยบอก Google เกี่ยวกับสูตรนั้นด้วย Structured Data เมื่อคุณให้ข้อมูล เช่น คะแนนจากผู้รีวิว เวลาในการปรุงและเตรียม รวมทั้งข้อมูลด้านโภชนาการ Google จะเข้าใจสูตรและนำเสนอต่อผู้ใช้ในรูปแบบที่น่าสนใจได้ดียิ่งขึ้น สูตรอาหารและเครื่องดื่มจะปรากฏในผลการค้นหาของ Google และ Google รูปภาพ

ภาพประกอบแสดงลักษณะของผลการค้นหาที่เป็นริชมีเดียสำหรับสูตรอาหารใน Google Search ซึ่งประกอบด้วยผลการค้นหาที่เป็นริชมีเดีย 4 รายการจากเว็บไซต์ต่างๆ พร้อมรายละเอียดเกี่ยวกับระยะเวลาที่ใช้ทําอาหาร รูปภาพ และข้อมูลรีวิว ภาพประกอบแสดงให้เห็นว่าสูตรอาหารสามารถปรากฏใน Google Search อย่างไร ซึ่งประกอบด้วยผลการค้นหารูปภาพ 6 รูปที่แสดงรายการอาหารต่างๆ โดยผลการค้นหา 3 รายการมีป้ายสูตรอาหารที่บอกผู้ใช้ว่านี่เป็นสูตรอาหาร

สูตรอาหารและเครื่องดื่มของคุณอาจมีสิทธิ์ได้รับการเพิ่มประสิทธิภาพดังต่อไปนี้ ซึ่งขึ้นอยู่กับวิธีที่คุณมาร์กอัปเนื้อหา

การเพิ่มประสิทธิภาพสูตรอาหาร
ภาพสไลด์ของสูตรอาหารจากเว็บเดียวกัน: ให้ผู้ใช้สำรวจหน้าแกลเลอรีสูตรอาหารของคุณได้โดยใส่ Structured Data ItemList ภาพประกอบแสดงให้เห็นว่าภาพสไลด์ของโฮสต์สูตรอาหารสามารถปรากฏใน Google Search อย่างไร โดยแสดงสูตรอาหาร 3 รายการจากเว็บไซต์เดียวกันในรูปแบบภาพสไลด์ที่ผู้ใช้สามารถดูและเลือกสูตรอาหารที่ต้องการได้

วิธีเพิ่ม Structured Data

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

ต่อไปนี้เป็นภาพรวมเกี่ยวกับวิธีสร้าง ทดสอบ และเผยแพร่ข้อมูลที่มีโครงสร้าง

  1. เพิ่มพร็อพเพอร์ตี้ที่จำเป็น ดูตำแหน่งการแทรก Structured Data ในหน้าเว็บตามรูปแบบที่คุณใช้อยู่
  2. ปฏิบัติตามหลักเกณฑ์
  3. ตรวจสอบความถูกต้องของโค้ดโดยใช้การทดสอบผลการค้นหาที่เป็นริชมีเดีย และแก้ไขข้อผิดพลาดที่สําคัญทั้งหมด พิจารณาแก้ไขปัญหาที่ไม่สําคัญซึ่งอาจมีการรายงานในเครื่องมือด้วย เพราะอาจช่วยปรับปรุงคุณภาพของ Structured Data ได้ (แต่ไม่จําเป็นว่าต้องมีสิทธิ์ปรากฏในผลการค้นหาที่เป็นริชมีเดีย)
  4. ทำให้หน้าบางหน้าที่มีข้อมูลที่มีโครงสร้างใช้งานได้และใช้เครื่องมือตรวจสอบ URL เพื่อทดสอบว่า Google เห็นหน้าในลักษณะใด ตรวจสอบว่า Google เข้าถึงหน้าดังกล่าวได้และไม่มีการบล็อกหน้าด้วยไฟล์ robots.txt, แท็ก noindex หรือข้อกำหนดให้เข้าสู่ระบบ หากหน้าเว็บดูถูกต้องดีแล้ว คุณขอให้ Google ทำการ Crawl URL อีกครั้งได้
  5. หากต้องการให้ Google ทราบถึงการเปลี่ยนแปลงที่จะเกิดขึ้นในอนาคตอยู่ตลอด เราขอแนะนำให้ส่ง Sitemap ซึ่งกำหนดให้ดำเนินการแบบอัตโนมัติได้โดยใช้ Search Console Sitemap API

ตัวอย่าง

ต่อไปนี้เป็นตัวอย่างของสูตรอาหารที่ใช้โค้ด JSON-LD

สูตรอาหารใน Search

นี่คือตัวอย่างของหน้าเว็บที่มีสิทธิ์แสดงใน Search

<html>
  <head>
    <title>Non-Alcoholic Piña Colada</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Recipe",
      "name": "Non-Alcoholic Piña Colada",
      "image": [
      "https://example.com/photos/1x1/photo.jpg",
      "https://example.com/photos/4x3/photo.jpg",
      "https://example.com/photos/16x9/photo.jpg"
      ],
      "author": {
        "@type": "Person",
        "name": "Mary Stone"
      },
      "datePublished": "2024-03-10",
      "description": "This non-alcoholic pina colada is everyone's favorite!",
      "recipeCuisine": "American",
      "prepTime": "PT1M",
      "cookTime": "PT2M",
      "totalTime": "PT3M",
      "keywords": "non-alcoholic",
      "recipeYield": "4 servings",
      "recipeCategory": "Drink",
      "nutrition": {
        "@type": "NutritionInformation",
        "calories": "120 calories"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": 5,
        "ratingCount": 18
      },
      "recipeIngredient": [
        "400ml of pineapple juice",
        "100ml cream of coconut",
        "ice"
      ],
      "recipeInstructions": [
        {
          "@type": "HowToStep",
          "name": "Blend",
          "text": "Blend 400ml of pineapple juice and 100ml cream of coconut until smooth.",
          "url": "https://example.com/non-alcoholic-pina-colada#step1",
          "image": "https://example.com/photos/non-alcoholic-pina-colada/step1.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Fill",
          "text": "Fill a glass with ice.",
          "url": "https://example.com/non-alcoholic-pina-colada#step2",
          "image": "https://example.com/photos/non-alcoholic-pina-colada/step2.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Pour",
          "text": "Pour the pineapple juice and coconut mixture over ice.",
          "url": "https://example.com/non-alcoholic-pina-colada#step3",
          "image": "https://example.com/photos/non-alcoholic-pina-colada/step3.jpg"
        }
      ],
      "video": {
        "@type": "VideoObject",
        "name": "How to Make a Non-Alcoholic Piña Colada",
        "description": "This is how you make a non-alcoholic piña colada.",
        "thumbnailUrl": [
          "https://example.com/photos/1x1/photo.jpg",
          "https://example.com/photos/4x3/photo.jpg",
          "https://example.com/photos/16x9/photo.jpg"
         ],
        "contentUrl": "https://www.example.com/video123.mp4",
        "embedUrl": "https://www.example.com/videoplayer?video=123",
        "uploadDate": "2024-02-05T08:00:00+08:00",
        "duration": "PT1M33S",
        "interactionStatistic": {
          "@type": "InteractionCounter",
          "interactionType": { "@type": "WatchAction" },
          "userInteractionCount": 2347
        },
        "expires": "2024-02-05T08:00:00+08:00"
       }
    }
    </script>
  </head>
  <body>
  </body>
</html>

ต่อไปนี้คือตัวอย่างหน้าสรุปสูตรอาหาร (หน้าที่มีลิสต์สูตรอาหาร) ซึ่งมี Structured Data itemList เนื้อหานี้อาจมีสิทธิ์แสดงในตารางกริดในผลการค้นหา

<html>
  <head>
    <title>Grandma's Best Pie Recipes</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "ItemList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "url": "https://example.com/apple-pie.html"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "url": "https://example.com/blueberry-pie.html"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "url": "https://example.com/cherry-pie.html"
        }]
    }
    </script>
  </head>
  <body>
  </body>
</html>

หลักเกณฑ์

คุณต้องทำตามหลักเกณฑ์ทั่วไปเกี่ยวกับ Structured Data เพื่อให้สูตรอาหารมีสิทธิ์ปรากฏในผลการค้นหาของ Search

Structured Data Recipe ต้องเป็นไปตามหลักเกณฑ์ต่อไปนี้

  • ใช้ Structured Data Recipe สำหรับเนื้อหาเกี่ยวกับการจัดเตรียมเมนูใดเมนูหนึ่ง ชื่อที่ไม่ใช่เมนูอาหาร เช่น "สครับขัดหน้า" หรือ "ไอเดียจัดงานเลี้ยง"
  • หากต้องการให้สูตรอาหารปรากฏในภาพสไลด์หรือตารางกริด คุณต้องทำตามหลักเกณฑ์ต่อไปนี้
    • จัดเตรียม Structured Data ItemList เพื่อสรุปสูตรอาหารสำหรับลิสต์ของคุณ คุณอาจจัดเตรียม Structured Data ItemList แยกต่างหากหรือรวมกับ Structured Data สำหรับสูตรอาหารก็ได้
    • เว็บไซต์ต้องมีหน้าสรุปที่มีรายการสูตรอาหารทั้งหมดในคอลเล็กชัน เช่น เมื่อผู้ใช้คลิกลิงก์สรุปจากผลการค้นหาของ Search ระบบอาจนำผู้ใช้ไปยังหน้าที่ถูกต้องในเว็บไซต์ซึ่งมีข้อมูลสูตรอาหารที่เกี่ยวข้องกับการค้นหาของผู้ใช้

คำจำกัดความของประเภท Structured Data

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

Recipe

มาร์กอัปเนื้อหาสูตรอาหารด้วยพร็อพเพอร์ตี้ต่อไปนี้ของประเภท Recipe ตาม schema.org ดูคำจำกัดความที่สมบูรณ์ของ Recipe ได้ที่ schema.org/Recipe พร็อพเพอร์ตี้ที่ Google รองรับมีดังต่อไปนี้

พร็อพเพอร์ตี้ที่จำเป็น
image

URL หรือ ImageObject

รูปภาพของอาหารที่ทำเสร็จแล้ว

หลักเกณฑ์เพิ่มเติมเกี่ยวกับรูปภาพมีดังนี้

  • URL รูปภาพต้องรวบรวมข้อมูลและจัดทำดัชนีได้ หากต้องการตรวจสอบว่า Google เข้าถึง URL ได้หรือไม่ ให้ใช้เครื่องมือตรวจสอบ URL
  • รูปภาพต้องแสดงถึงเนื้อหาที่มาร์กอัป
  • รูปภาพต้องอยู่ในรูปแบบไฟล์ที่ Google รูปภาพรองรับ
  • เพื่อให้ได้ผลลัพธ์ที่ดีที่สุด เราขอแนะนำให้ใช้รูปภาพความละเอียดสูงหลายภาพ (อย่างน้อย 50,000 พิกเซลเมื่อคำนวณจากความกว้างคูณความสูง) และมีสัดส่วนภาพเป็น 16x9, 4x3 หรือ 1x1

เช่น

"image": [
  "https://example.com/photos/1x1/photo.jpg",
  "https://example.com/photos/4x3/photo.jpg",
  "https://example.com/photos/16x9/photo.jpg"
]
name

Text

ชื่อของอาหารจานนี้
พร็อพเพอร์ตี้ที่แนะนำ
aggregateRating

AggregateRating

ข้อมูลเสริมสำหรับคะแนนรีวิวเฉลี่ยที่กำหนดให้กับรายการนั้นๆ โปรดทำตามหลักเกณฑ์ตัวอย่างรีวิวและลิสต์ของพร็อพเพอร์ตี้ AggregateRating ที่จำเป็นและแนะนำ

หาก Structured Data Recipe มีรีวิวเดียว ชื่อของผู้รีวิวต้องเป็นชื่อบุคคลหรือองค์กร ตัวอย่างชื่อที่ไม่ดีของผู้รีวิว เช่น "ส่วนผสมลด 50%"
author

Person หรือ Organization

ชื่อของบุคคลหรือองค์กรที่เขียนสูตรอาหาร โปรดทําตามแนวทางปฏิบัติแนะนําเกี่ยวกับมาร์กอัปของผู้เขียนเพื่อช่วยให้ Google เข้าใจเกี่ยวกับผู้เขียนในฟีเจอร์ต่างๆ ได้ดีที่สุด
cookTime

Duration

ระยะเวลาจริงที่ใช้ทำอาหาร ในรูปแบบ ISO 8601 หากมี

ใช้ร่วมกับ prepTime เสมอ

datePublished

Date

วันที่เผยแพร่สูตรอาหาร ในรูปแบบ ISO 8601 หากมี
description

Text

สรุปสั้นๆ บรรยายอาหารจานนี้
keywords

Text

คำอื่นๆ สำหรับสูตรอาหาร เช่น ฤดูกาล (“ฤดูร้อน”) เทศกาล (“สงกรานต์”) หรือคำขยายอื่นๆ (“รวดเร็ว” “ง่าย” “ต้นตำรับ”)

หลักเกณฑ์เพิ่มเติม

  • คั่นคีย์เวิร์ดแต่ละรายการด้วยเครื่องหมายจุลภาค
  • อย่าใช้แท็กซึ่งที่จริงแล้วเป็น recipeCategory หรือ recipeCuisine

    ไม่แนะนำ:

    "keywords": "dessert, American"

    แนะนำ:

    "keywords": "winter apple pie, nutmeg crust"
nutrition.calories

Energy

จำนวนแคลอรีต่อเสิร์ฟในสูตรนี้ ถ้ากำหนด nutrition.calories ไว้ จะต้องกำหนด recipeYield พร้อมด้วยจำนวนเสิร์ฟ
prepTime

Duration

ระยะเวลาที่ใช้ในการเตรียมส่วนผสมและทำอาหารจานนี้ ในรูปแบบ ISO 8601

ใช้ร่วมกับ cookTime เสมอ
recipeCategory

Text

มื้อหรือประเภทอาหาร เช่น "อาหารเย็น" "อาหารจานหลัก" หรือ "ของหวาน ของว่าง"
recipeCuisine

Text

ภูมิภาคที่เกี่ยวข้องกับสูตรอาหาร เช่น "ฝรั่งเศส" "เมดิเตอร์เรเนียน" หรือ "อเมริกัน"
recipeIngredient

Text

ส่วนผสมที่ใช้ในสูตรอาหาร

เช่น

"recipeIngredient": [
  "1 (15 ounce) package double crust ready-to-use pie crust",
  "6 cups thinly sliced, peeled apples (6 medium)",
  "3/4 cup sugar",
  "2 tablespoons all-purpose flour",
  "3/4 teaspoon ground cinnamon",
  "1/4 teaspoon salt",
  "1/8 teaspoon ground nutmeg",
  "1 tablespoon lemon juice"
]

หลักเกณฑ์เพิ่มเติม

  • ใส่เฉพาะข้อความเกี่ยวกับส่วนผสมที่จำเป็นในการทำเมนูนี้
  • อย่าใส่ข้อมูลที่ไม่จำเป็น เช่น คำจำกัดความของส่วนผสม
recipeInstructions

HowToStep, HowToSection หรือ Text

ขั้นตอนในการทำอาหารจานนี้

คุณเลือกการตั้งค่า recipeInstructions ได้หลากหลาย เราขอแนะนำให้ใช้ HowToStep คุณใช้ HowToSection เพื่อจัดกลุ่ม HowToStep ได้ด้วยหากสูตรอาหารแบ่งออกเป็นหลายส่วน

  • HowToStep: ระบุขั้นตอนของสูตรอาหารนี้ด้วย HowToStep 
    "recipeInstructions": [
  {
    "@type": "HowToStep",
    "name": "Preheat",
    "text": "Heat oven to 425°F.",
    "url": "https://example.com/recipe#step1",
    "image": "https://example.com/photos/recipe/step1.jpg"
  }, {
    "@type": "HowToStep",
    "name": "Prepare crust",
    "text": "Place 1 pie crust in ungreased 9-inch glass pie plate, pressing firmly against side and bottom.",
    "url": "https://example.com/recipe#step2",
    "image": "https://example.com/photos/recipe/step2.jpg"
  }, {
    "@type": "HowToStep",
    "name": "Make filling",
    "text": "In large bowl, gently mix filling ingredients; spoon into crust-lined pie plate.",
    "url": "https://example.com/recipe#step3",
    "image": "https://example.com/photos/recipe/step3.jpg"
  }, {
    "@type": "HowToStep",
    "name": "Cover",
    "text": "Top with second crust. Cut slits or shapes in several places in top crust.",
    "url": "https://example.com/recipe#step4",
    "image": "https://example.com/photos/recipe/step4.jpg"
  }, {
    "@type": "HowToStep",
    "name": "Bake",
    "text": "Bake 40 to 45 minutes. The pie is ready when the apples are tender and the crust is golden brown.",
    "url": "https://example.com/recipe#step5",
    "image": "https://example.com/photos/recipe/step5.jpg"
  }, {
    "@type": "HowToStep",
    "name": "Cool",
    "text": "Cool on cooling rack at least 2 hours before serving.",
    "url": "https://example.com/recipe#step6",
    "image": "https://example.com/photos/recipe/step6.jpg"
  }
]
  • HowToSection (ในกรณีที่สูตรอาหารมีหลายส่วนเท่านั้น): ใช้เพื่อจัดกลุ่มขั้นตอนเป็นหลายๆ ส่วน ดูตัวอย่างได้ที่ HowToSection
  • พร็อพเพอร์ตี้เดี่ยวหรือพร็อพเพอร์ตี้ที่ซ้ำของข้อความ: บล็อกของข้อความที่มีอย่างน้อย 1 ขั้นตอน Google จะจัดการให้ขั้นตอนทั้งหมดอยู่ในส่วนเดียว ค่าของพร็อพเพอร์ตี้ที่ซ้ำจะต่อกันเป็นข้อความบล็อกเดียว จากนั้น Google จะพยายามแยกบล็อกข้อความนั้นเป็นขั้นตอนต่างๆ โดยอัตโนมัติ Google จะพยายามหาและนำชื่อส่วน หมายเลขขั้นตอน คีย์เวิร์ด และข้อมูลอื่นๆ ที่ปรากฏไม่ถูกต้องในขั้นตอนต่างๆ ออก เพื่อให้ได้ผลลัพธ์ที่ดีที่สุด ขอแนะนำให้ระบุขั้นตอนต่างๆ อย่างชัดเจนด้วย HowToStep 
    "recipeInstructions": [
  "In large bowl, gently mix filling ingredients; spoon into crust-lined pie
plate. Top with second crust. Cut slits or shapes in several places in top
crust. Bake 40 to 45 minutes. The pie is ready when the or until apples are
tender and the crust is golden brown. Cool on cooling rack at least 2 hours
before serving."
]

หลักเกณฑ์เพิ่มเติม

  • อย่าใส่ข้อมูลเมตาที่เป็นของที่อื่น กล่าวโดยเจาะจงก็คือ ให้ใช้พร็อพเพอร์ตี้ author สำหรับระบุผู้เขียน พร็อพเพอร์ตี้ recipeCuisine สำหรับประเภทอาหาร พร็อพเพอร์ตี้ recipeCategory และพร็อพเพอร์ตี้ keywords สำหรับคีย์เวิร์ดอื่นๆ
  • ใส่เฉพาะข้อความเกี่ยวกับวิธีทำอาหาร อย่าใส่ข้อความอื่นๆ เช่น “คำแนะนำ” “ดูวิดีโอ” “ขั้นตอนที่ 1” ให้ระบุวลีดังกล่าวนอก Structured Data

    ไม่แนะนำ:

    "recipeInstructions": [{
  "@type": "HowToStep",
  "text": "Step 1. Heat oven to 425°F."
}]

    แนะนำ:

    "recipeInstructions": [{
  "@type": "HowToStep",
  "text": "Heat oven to 425°F."
}]
recipeYield

Text หรือ Integer

ปริมาณอาหารที่ได้จากสูตรอาหาร หากมี ให้ระบุจำนวนเสิร์ฟที่ได้จากสูตรนี้ด้วยตัวเลขเพียงอย่างเดียว หากต้องการใช้หน่วยอื่น (เช่น จำนวนชิ้น) ก็ระบุปริมาณเพิ่มเติมได้ จำเป็นต้องระบุ หากคุณระบุข้อมูลทางโภชนาการต่อเสิร์ฟ (เช่น nutrition.calories)

ตัวอย่าง

"recipeYield": [
  "6",
  "24 cookies"
]
totalTime

Duration

ระยะเวลาทั้งหมดที่ใช้ในการเตรียมและทำอาหารจานนี้ ในรูปแบบ ISO 8601 หากมี

ใช้ totalTime หรือใช้ทั้ง cookTime และ prepTime ร่วมกัน
video VideoObject

วิดีโอที่แสดงขั้นตอนการทำอาหาร โปรดทำตามลิสต์ของพร็อพเพอร์ตี้ Video ที่จำเป็นและแนะนำ

HowToSection

ใช้ HowToSection เพื่อจัดกลุ่มลำดับขั้นตอน (หรือหัวข้อย่อย) ที่ประกอบเป็นส่วนหนึ่งของวิธีทำของสูตรอาหาร ระบุ HowToSection โดยตรงในคำจำกัดความของพร็อพเพอร์ตี้ recipeInstructions หรือระบุเป็น itemListElement ของ HowToSection อีกรายการหนึ่ง

ประเภท HowToSection กำหนดหัวข้อของสูตรเดียวและมีขั้นตอนเดียวหรือหลายขั้นตอน หากมีสูตรในการทำอาหารชนิดหนึ่งๆ หลายสูตร อย่าใช้ HowToSection เพื่อกำหนดสูตรที่แตกต่างกันนั้น แต่ให้ใช้ HowToSection เป็นส่วนหนึ่งของแต่ละสูตร หากต้องการแสดงสูตรอาหารหลายสูตรในการทำอาหารชนิดหนึ่ง ให้ใช้ออบเจ็กต์ Recipe หลายรายการ ตัวอย่างเช่น แสดงวิธีต่างๆ ในการทำพายแอปเปิลโดยใช้ออบเจ็กต์ Recipe หลายๆ รายการ ไม่ใช่ออบเจ็กต์ HowToSection

ดูคำจำกัดความที่สมบูรณ์ของ HowToSection ได้ที่ schema.org/HowToSection

พร็อพเพอร์ตี้ที่จำเป็น
itemListElement HowToStep

รายการขั้นตอนโดยละเอียดสำหรับหัวข้อนี้และ/หรือหัวข้อย่อย เช่น สูตรทำพิซซ่าอาจมี 1 หัวข้อที่มีหลายขั้นตอนสำหรับการทำแป้งพิซซ่า, 1 หัวข้อสำหรับการเตรียมหน้าพิซซ่า และ 1 หัวข้อสำหรับการนำทั้ง 2 ส่วนมารวมกันและเข้าเตาอบ

ตัวอย่าง

{
  "@type": "HowToSection",
  "name": "Assemble the pie",
  "itemListElement": [
    {
      "@type": "HowToStep",
      "text": "In large bowl, gently mix filling ingredients; spoon into crust-lined pie plate."
    }, {
      "@type": "HowToStep",
      "text": "Top with second crust. Cut slits or shapes in several places in top crust."
    }
  ]
}
name Text

ชื่อหัวข้อ

HowToStep

ใช้ HowToStep เพื่อจัดกลุ่มประโยคอย่างน้อย 1 ประโยคที่อธิบายวิธีทำส่วนประกอบในสูตรอาหาร หากเหมาะกับเนื้อหาของคุณ กำหนดพร็อพเพอร์ตี้ text ด้วยประโยคหลายๆ ประโยค หรือจะกำหนด itemListElement ด้วย HowToDirection หรือ HowToTip สำหรับแต่ละประโยคก็ได้

มาร์กอัปขั้นตอนของสูตรอาหารด้วยพร็อพเพอร์ตี้ต่อไปนี้ของประเภท HowToStep ระบุ HowToStep โดยตรงในคำจำกัดความของพร็อพเพอร์ตี้ recipeInstructions หรือระบุเป็น itemListElement ของ HowToSection

ดูคำจำกัดความที่สมบูรณ์ของ HowToStep ได้ที่ schema.org/HowToStep

พร็อพเพอร์ตี้ที่จำเป็น
itemListElement HowToDirection หรือ HowToTip

ลิสต์รายการรายละเอียดขั้นตอนย่อย รวมทั้งคำแนะนำหรือเคล็ดลับ

จะระบุหรือไม่ก็ได้หากใช้ text
text Text

ข้อความที่สมบูรณ์ของวิธีทำในขั้นตอนนี้

จะระบุหรือไม่ก็ได้หากใช้ itemListElement หลักเกณฑ์เพิ่มเติม

  • ใส่เฉพาะข้อความที่เป็นวิธีทำและไม่รวมข้อความอื่นๆ เช่น "คำแนะนำ" "ดูวิดีโอ" "ขั้นตอนที่ 1" และระบุวลีดังกล่าวนอกพร็อพเพอร์ตี้ที่มาร์กอัป

    ไม่แนะนำ:

    {
  "@type": "HowToStep",
  "text": "Step 1. Heat oven to 425°F."
}

    แนะนำ:

    {
  "@type": "HowToStep",
  "text": "Heat oven to 425°F."
}
พร็อพเพอร์ตี้ที่แนะนำ
image ImageObject หรือ URL

รูปภาพประกอบขั้นตอน หลักเกณฑ์เพิ่มเติมเกี่ยวกับรูปภาพมีดังนี้

name Text

คำหรือวลีสั้นๆ ที่สรุปขั้นตอน (เช่น "จัดแป้งพายในถาด") อย่าใช้ข้อความที่ไม่ใช่คำอธิบาย (เช่น “ขั้นตอนที่ 1: [ข้อความ]”) หรือหมายเลขขั้นตอนรูปแบบอื่นๆ (เช่น "1. [ข้อความ]")

url URL

URL ที่ลิงก์ไปยังขั้นตอนนั้นๆ โดยตรง (ถ้ามี) เช่น ส่วนหนึ่งของลิงก์ Anchor

video VideoObject หรือ Clip

วิดีโอสำหรับขั้นตอนนี้หรือคลิปหนึ่งของวิดีโอ

สำหรับ VideoObject ให้ทำตามรายการพร็อพเพอร์ตี้ Video หรือ Clip ที่จำเป็นและแนะนำ

HowToDirection และ HowToTip

ใช้ HowToDirection และ HowToTip เพื่ออธิบายขั้นตอนย่อยหรือเคล็ดลับ (หากมี) ทั้ง 2 รายการนี้มีพร็อพเพอร์ตี้ที่จำเป็นและแนะนำเหมือนกัน

ดูคำจำกัดความที่สมบูรณ์ของ HowToDirection และ HowToTip ได้ที่ schema.org/HowToDirection และ schema.org/HowToTip

พร็อพเพอร์ตี้ที่จำเป็น
text Text

ข้อความแสดงคำแนะนำหรือเคล็ดลับ

ItemList

นอกเหนือจากพร็อพเพอร์ตี้ Recipe แล้ว โปรดเพิ่มพร็อพเพอร์ตี้ต่อไปนี้สำหรับรายการเฉพาะโฮสต์ด้วย แม้ว่า ItemList จะไม่จำเป็น แต่คุณต้องใส่พร็อพเพอร์ตี้ต่อไปนี้หากต้องการให้สูตรอาหารมีสิทธิ์แสดงเป็นภาพสไลด์ของโฮสต์ ดูข้อมูลเพิ่มเติมเกี่ยวกับภาพสไลด์ของโฮสต์ได้ที่ภาพสไลด์

ดูคำจำกัดความที่สมบูรณ์ของ ItemList ได้ที่ schema.org/ItemList

พร็อพเพอร์ตี้ที่จำเป็น
itemListElement

ListItem

ข้อมูลเสริมของหน้ารายการเดี่ยว
ListItem.position

Integer

ตำแหน่งตามลำดับของหน้ารายการในลิสต์ เช่น

"itemListElement": [
  {
    "@type": "ListItem",
    "position": 1,
  }, {
    "@type": "ListItem",
    "position": 2,
  }
]
ListItem.url

URL

Canonical URL ของหน้ารายการ รายการทั้งหมดต้องมี URL ที่ไม่ซ้ำกัน

使用 Search Console 监控富媒体搜索结果

Search Console 是一款工具，可帮助您监控网页在 Google 搜索结果中的显示效果。即使没有注册 Search Console，您的网页也可能会显示在 Google 搜索结果中，但注册 Search Console 能够帮助您了解 Google 如何查看您的网站并做出相应的改进。建议您在以下情况下查看 Search Console：

  1. 首次部署结构化数据后
  2. 发布新模板或更新代码后
  3. 定期分析流量时

首次部署结构化数据后

等 Google 将网页编入索引后，请在相关的富媒体搜索结果状态报告中查看是否存在问题。 理想情况下，有效项目数量会增加，而无效项目数量不会增加。如果您发现结构化数据存在问题，请执行以下操作：

  1. 修正无效项目。
  2. 检查实际网址，核实问题是否仍然存在。
  3. 使用状态报告请求验证。

发布新模板或更新代码后

如果对网站进行重大更改，请监控结构化数据无效项目的增幅。
  • 如果您发现无效项目增多了，可能是因为您推出的某个新模板无法正常工作，或者您的网站以一种新的错误方式与现有模板交互。
  • 如果您发现有效项目减少了（但无效项目的增加情况并不对应），可能是因为您的网页中未再嵌入结构化数据。请通过网址检查工具了解导致此问题的原因。

定期分析流量时

请使用效果报告分析您的 Google 搜索流量。数据将显示您的网页在 Google 搜索结果中显示为富媒体搜索结果的频率、用户点击该网页的频率以及网页在搜索结果中的平均排名。您还可以使用 Search Console API 自动提取这些结果。

การแก้ปัญหา

หากประสบปัญหาในการใช้หรือแก้ไขข้อบกพร่องของ Structured Data โปรดดูแหล่งข้อมูลต่อไปนี้ซึ่งอาจช่วยคุณได้