ให้สูตรอาหารและเครื่องดื่มแสดงใน Google

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

สูตรอาหารและเครื่องดื่มใน Google Search และ Google รูปภาพ

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

การเพิ่มประสิทธิภาพสูตรอาหาร
สูตรอาหารที่มีการแนะนำ: เปิดให้ Google Assistant แนะนำวิธีปรุงตามสูตรของคุณใน Google Home และ Smart Display โดยการเพิ่มข้อมูลที่มีโครงสร้าง Recipe มีพร็อพเพอร์ตี้อื่นๆ บางอย่างที่จำเป็นสำหรับสูตรอาหารที่มีการแนะนำ แต่เป็นพร็อพเพอร์ตี้ที่แนะนำสำหรับ Google Search เท่านั้น ตรวจสอบว่าได้เพิ่ม recipeIngredient และ recipeInstructions แล้ว

ดูข้อมูลเพิ่มเติมเกี่ยวกับสูตรอาหารใน Google Assistant ได้ในวิธีสร้างการดำเนินการจากเนื้อหาเว็บ

สูตรอาหารใน Assistant
ภาพหมุนของโฮสต์สูตรอาหาร: ให้ผู้ใช้สำรวจหน้าแกลเลอรีสูตรอาหารของคุณได้โดยการเพิ่มข้อมูลที่มีโครงสร้าง ItemList ภาพหมุนของสูตรอาหารใน Google Search

วิธีเพิ่มข้อมูลที่มีโครงสร้าง

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

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

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

ตัวอย่าง

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

สูตรอาหารที่มีการแนะนำ

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

<html>
  <head>
    <title>Party Coffee Cake</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Recipe",
      "name": "Party Coffee Cake",
      "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": "2018-03-10",
      "description": "This coffee cake is awesome and perfect for parties.",
      "prepTime": "PT20M",
      "cookTime": "PT30M",
      "totalTime": "PT50M",
      "keywords": "cake for a party, coffee",
      "recipeYield": "10",
      "recipeCategory": "Dessert",
      "recipeCuisine": "American",
      "nutrition": {
        "@type": "NutritionInformation",
        "calories": "270 calories"
      },
      "recipeIngredient": [
        "2 cups of flour",
        "3/4 cup white sugar",
        "2 teaspoons baking powder",
        "1/2 teaspoon salt",
        "1/2 cup butter",
        "2 eggs",
        "3/4 cup milk"
        ],
      "recipeInstructions": [
        {
          "@type": "HowToStep",
          "name": "Preheat",
          "text": "Preheat the oven to 350 degrees F. Grease and flour a 9x9 inch pan.",
          "url": "https://example.com/party-coffee-cake#step1",
          "image": "https://example.com/photos/party-coffee-cake/step1.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Mix dry ingredients",
          "text": "In a large bowl, combine flour, sugar, baking powder, and salt.",
          "url": "https://example.com/party-coffee-cake#step2",
          "image": "https://example.com/photos/party-coffee-cake/step2.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Add wet ingredients",
          "text": "Mix in the butter, eggs, and milk.",
          "url": "https://example.com/party-coffee-cake#step3",
          "image": "https://example.com/photos/party-coffee-cake/step3.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Spread into pan",
          "text": "Spread into the prepared pan.",
          "url": "https://example.com/party-coffee-cake#step4",
          "image": "https://example.com/photos/party-coffee-cake/step4.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Bake",
          "text": "Bake for 30 to 35 minutes, or until firm.",
          "url": "https://example.com/party-coffee-cake#step5",
          "image": "https://example.com/photos/party-coffee-cake/step5.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Enjoy",
          "text": "Allow to cool and enjoy.",
          "url": "https://example.com/party-coffee-cake#step6",
          "image": "https://example.com/photos/party-coffee-cake/step6.jpg"
        }
      ],
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5",
        "ratingCount": "18"
      },
      "video": {
        "@type": "VideoObject",
        "name": "How to make a Party Coffee Cake",
        "description": "This is how you make a Party Coffee Cake.",
        "thumbnailUrl": [
          "https://example.com/photos/1x1/photo.jpg",
          "https://example.com/photos/4x3/photo.jpg",
          "https://example.com/photos/16x9/photo.jpg"
         ],
        "contentUrl": "http://www.example.com/video123.mp4",
        "embedUrl": "http://www.example.com/videoplayer?video=123",
        "uploadDate": "2018-02-05T08:00:00+08:00",
        "duration": "PT1M33S",
        "interactionStatistic": {
          "@type": "InteractionCounter",
          "interactionType": { "@type": "http://schema.org/WatchAction" },
          "userInteractionCount": 2347
        },
        "expires": "2019-02-05T08:00:00+08:00"
      }
    }
    </script>
  </head>
  <body>
  </body>
</html>

สูตรอาหารใน Search เท่านั้น

นี่คือตัวอย่างของหน้าเว็บที่มีสิทธิ์แสดงใน Search แต่จะไม่มีสิทธิ์แสดงเป็นสูตรอาหารที่มีการแนะนำใน Assistant

<html>
  <head>
    <title>Non-alcoholic Pina Colada</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Recipe",
      "name": "Non-alcoholic Pina 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": "2018-03-10",
      "description": "This non-alcoholic pina colada is everyone's favorite!",
      "recipeCuisine": "American",
      "prepTime": "PT1M",
      "cookTime": "PT2M",
      "totalTime": "PT3M",
      "keywords": "non-alcoholic",
      "recipeYield": "1 serving",
      "recipeCategory": "Drink",
      "nutrition": {
        "@type": "NutritionInformation",
        "calories": "120 calories"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5",
        "ratingCount": "18"
      },
      "recipeIngredient": [
        "2 cups of pineapple juice",
        "5/8 cup cream of coconut",
        "ice"
      ],
      "recipeInstructions": [
        {
          "@type": "HowToStep",
          "text": "Blend 2 cups of pineapple juice and 5/8 cup cream of coconut until smooth."
        },
        {
          "@type": "HowToStep",
          "text": "Fill a glass with ice."
        },
        {
          "@type": "HowToStep",
          "text": "Pour the pineapple juice and coconut mixture over ice."
        }
      ],
      "video": {
        "@type": "VideoObject",
        "name": "How to make a Party Coffee Cake",
        "description": "This is how you make a Party Coffee Cake.",
        "thumbnailUrl": [
          "https://example.com/photos/1x1/photo.jpg",
          "https://example.com/photos/4x3/photo.jpg",
          "https://example.com/photos/16x9/photo.jpg"
         ],
        "contentUrl": "http://www.example.com/video123.mp4",
        "embedUrl": "http://www.example.com/videoplayer?video=123",
        "uploadDate": "2018-02-05T08:00:00+08:00",
        "duration": "PT1M33S",
        "interactionStatistic": {
          "@type": "InteractionCounter",
          "interactionType": { "@type": "http://schema.org/WatchAction" },
          "userInteractionCount": 2347
        },
        "expires": "2019-02-05T08:00:00+08:00"
       }
    }
    </script>
  </head>
  <body>
  </body>
</html>

ต่อไปนี้คือตัวอย่างหน้าสรุปสูตรอาหาร (หน้าที่มีลิสต์สูตรอาหาร) ซึ่งมีข้อมูลที่มีโครงสร้าง 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>

หลักเกณฑ์

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

ข้อมูลที่มีโครงสร้าง Recipe ต้องเป็นไปตามหลักเกณฑ์ต่อไปนี้

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

คำจำกัดความของประเภทข้อมูลที่มีโครงสร้าง

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

Recipe

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

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

image

URL หรือ ImageObject

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

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

  • ทุกหน้าต้องมีรูปภาพอย่างน้อย 1 รูป (ไม่ว่าคุณจะใส่มาร์กอัปหรือไม่) Google จะเลือกรูปภาพที่ดีที่สุดเพื่อแสดงในผลการค้นหาของ Search โดยอิงตามสัดส่วนภาพและความละเอียด
  • 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

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

author

Person หรือ Organization

ชื่อของบุคคลหรือองค์กรที่เขียนสูตรอาหาร

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
  • HowToSection (ในกรณีที่สูตรอาหารมีหลายหัวข้อเท่านั้น): ใช้เพื่อจัดกลุ่มขั้นตอนเป็นหลายๆ หัวข้อ ดูตัวอย่างได้ที่ HowToSection
  • พร็อพเพอร์ตี้เดี่ยวหรือพร็อพเพอร์ตี้ที่ซ้ำของข้อความ: บล็อกของข้อความที่มีอย่างน้อย 1 ขั้นตอน Google จะจัดการให้ขั้นตอนทั้งหมดอยู่ในหัวข้อเดียว ค่าของพร็อพเพอร์ตี้ที่ซ้ำจะต่อกันเป็นบล็อกของข้อความหนึ่งบล็อก จากนั้น Google จะพยายามแยกบล็อกของข้อความหนึ่งบล็อกดังกล่าวเป็นขั้นตอนต่างๆ แยกกันโดยอัตโนมัติ Google จะพยายามหาและนำชื่อหัวข้อ หมายเลขขั้นตอน คีย์เวิร์ด และข้อมูลอื่นๆ ที่ปรากฏไม่ถูกต้องในข้อความขั้นตอนของสูตรอาหารออก เพื่อให้ได้ผลลัพธ์ที่ดีที่สุด ขอแนะนำให้ระบุขั้นตอนต่างๆ อย่างชัดเจนด้วย HowToStep

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

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

    ไม่แนะนำ

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

    แนะนำ

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

recipeYield

Text

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

ตัวอย่าง


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

totalTime

Duration

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

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

video

VideoObject

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

  • Video without clips
  • Video with clips: วิดีโอที่มีคลิปที่ตรงกับหัวข้อต่างๆ ของวิดีโอ ส่วนอื่นๆ ของสูตรอาหาร (เช่น ขั้นตอน) จะอ้างถึงคลิปเหล่านี้ ซึ่งมีการกำหนดไว้ใน video.hasPart ได้

video.hasPart

Clip

วิดีโอคลิปที่เป็นส่วนหนึ่งของวิดีโอทั้งหมด

video.hasPart.endOffset

Number

เวลาสิ้นสุดของคลิปซึ่งแสดงเป็นจำนวนวินาทีนับจากจุดเริ่มต้นของวิดีโอ

video.hasPart.name

Text

ชื่อคลิป ตัวอย่างเช่น "จัดแป้งพายในถาด" อาจเป็นชื่อของคลิปที่แสดงวิธีจัดและกดแป้งพายลงในถาดพาย

video.hasPart.startOffset

Number

เวลาเริ่มต้นของคลิปซึ่งแสดงเป็นจำนวนวินาทีนับจากจุดเริ่มต้นของวิดีโอ

video.hasPart.url

URL

ลิงก์ไปยังจุดเริ่มต้นของคลิป จุดเริ่มต้นของคลิปต้องตรงกับค่าที่กำหนดไว้ใน video.hasPart.startOffset เช่น


"startOffset": 20,
"endOffset": 29,
"url": "https://www.example.com/example?t=20"

HowToSection

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

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

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

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

itemListElement

HowToStep

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

เช่น


{
  "@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" และระบุวลีดังกล่าวนอกพร็อพเพอร์ตี้ที่มาร์กอัป
พร็อพเพอร์ตี้ที่แนะนำ

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

  1. หลังจากทำให้ข้อมูลที่มีโครงสร้างใช้งานได้เป็นครั้งแรก
  2. หลังจากเผยแพร่เทมเพลตใหม่หรืออัปเดตโค้ด
  3. วิเคราะห์การเข้าชมเป็นระยะ

หลังจากทำให้ข้อมูลที่มีโครงสร้างใช้งานได้เป็นครั้งแรก

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

  1. แก้ไขข้อผิดพลาด
  2. ตรวจสอบ URL ที่เผยแพร่เพื่อดูว่ายังมีปัญหาอยู่หรือไม่
  3. ขอการตรวจสอบโดยใช้รายงานสถานะ

หลังจากเผยแพร่เทมเพลตใหม่หรืออัปเดตโค้ด

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

วิเคราะห์การเข้าชมเป็นระยะ

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

การแก้ปัญหา

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