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

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

Additional image guidelines:

  • Image URLs must be crawlable and indexable. To check if Google can access your URLs, use the URL Inspection tool.
  • Images must represent the marked up content.
  • Images must be in a file format that's supported by Google Images.
  • For best results, we recommend providing multiple high-resolution images (minimum of 50K pixels when multiplying width and height) with the following aspect ratios: 16x9, 4x3, and 1x1.

For example:

"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 ที่ไม่ซ้ำกัน

Monitor rich results with Search Console

Search Console is a tool that helps you monitor how your pages perform in Google Search. You don't have to sign up for Search Console to be included in Google Search results, but it can help you understand and improve how Google sees your site. We recommend checking Search Console in the following cases:

  1. After deploying structured data for the first time
  2. After releasing new templates or updating your code
  3. Analyzing traffic periodically

After deploying structured data for the first time

After Google has indexed your pages, look for issues using the relevant Rich result status report. Ideally, there will be an increase of valid items, and no increase in invalid items. If you find issues in your structured data:

  1. Fix the invalid items.
  2. Inspect a live URL to check if the issue persists.
  3. Request validation using the status report.

After releasing new templates or updating your code

When you make significant changes to your website, monitor for increases in structured data invalid items.
  • If you see an increase in invalid items, perhaps you rolled out a new template that doesn't work, or your site interacts with the existing template in a new and bad way.
  • If you see a decrease in valid items (not matched by an increase in invalid items), perhaps you are no longer embedding structured data in your pages. Use the URL Inspection tool to learn what is causing the issue.

Analyzing traffic periodically

Analyze your Google Search traffic using the Performance Report. The data will show you how often your page appears as a rich result in Search, how often users click on it and what is the average position you appear on search results. You can also automatically pull these results with the Search Console API.

การแก้ปัญหา

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