Structured Data สำหรับภาพสไลด์ (ItemList)

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

เมื่อคุณเพิ่มมาร์กอัป ItemList ร่วมกับประเภทเนื้อหาที่รองรับแล้ว ภาพสไลด์จะปรากฏในลักษณะนี้ใน Google Search

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

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

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

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

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

หน้าสรุปและหน้ารายละเอียดหลายหน้า

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

หน้าสรุป

หน้าสรุปจะกำหนด ItemList โดยที่ ListItem มีเพียง 3 พร็อพเพอร์ตี้คือ @type (ตั้งค่าเป็น ListItem), position (ตำแหน่งในลิสต์รายการ) และ url (URL ของหน้าที่มีรายละเอียดทั้งหมดเกี่ยวกับรายการดังกล่าว)

หน้าสรุปจะมีลักษณะดังต่อไปนี้ 


<html>
  <head>
    <title>Best cookie recipes</title>
    <script type="application/ld+json">
    {
      "@context":"https://schema.org",
      "@type":"ItemList",
      "itemListElement":[
        {
          "@type":"ListItem",
          "position":1,
          "url":"https://example.com/peanut-butter-cookies.html"
        },
        {
          "@type":"ListItem",
          "position":2,
          "url":"https://example.com/triple-chocolate-chunk.html"
        },
        {
          "@type":"ListItem",
          "position":3,
          "url":"https://example.com/snickerdoodles.html"
        }
      ]
    }
    </script>
  </head>
  <body>
    <p>
      Here are the best cookie recipes of all time.
    </p>
    <h2>
      Peanut Butter Cookies
    </h2>
    <p>
      This <a href="https://example.com/peanut-butter-cookies.html">Peanut Butter Cookie recipe</a> is the tastiest one you'll find.
    </p>
    <h2>
      Triple Chocolate Chunk Cookies
    </h2>
    <p>
      This <a href="https://example.com/triple-chocolate-chunk.html">Triple Chocolate Chunk Cookies recipe</a> is the tastiest one you'll find.
    </p>
    <h2>
      Snickerdoodles
    </h2>
    <p>
      This <a href="https://example.com/snickerdoodles.html">Snickerdoodles recipe</a> is the tastiest one you'll find.
    </p>
  </body>
</html>

หน้ารายละเอียด

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

หน้ารายละเอียดจะมีลักษณะดังต่อไปนี้

คุกกี้เนยถั่ว 


<html>
  <head>
    <title>Peanut Butter Cookies</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Recipe",
      "name": "Peanut Butter Cookies",
      "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": "Wendy Darling"
      },
      "datePublished": "2018-03-10",
      "description": "This Peanut Butter Cookie recipe is everyone's favorite",
      "prepTime": "PT10M",
      "cookTime": "PT25M",
      "totalTime": "PT35M",
      "recipeCuisine": "French",
      "recipeCategory": "Cookies",
      "keywords": "peanut butter, cookies",
      "recipeYield": "24",
      "nutrition": {
        "@type": "NutritionInformation",
        "calories": "120 calories"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5",
        "ratingCount": "18"
      },
      "recipeIngredient": [
        "2 cups of peanut butter",
        "1/3 cup of sugar"
      ],
      "recipeInstructions": [
        {
          "@type": "HowToStep",
          "text": "Mix together the peanut butter and sugar."
        },
        {
          "@type": "HowToStep",
          "text": "Roll cookie dough into small balls and place on a cookie sheet."
        },
        {
          "@type": "HowToStep",
          "text": "Bake for 25 minutes."
        }
      ],
      "video": {
        "@type": "VideoObject",
        "name": "How to Peanut Butter Cookies",
        "description": "This is how you make peanut butter cookies.",
        "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": "2018-02-05T08:00:00+08:00",
        "duration": "PT1M33S",
        "interactionStatistic": {
          "@type": "InteractionCounter",
          "interactionType": { "@type": "WatchAction" },
          "userInteractionCount": 2347
        },
        "expires": "2019-02-05T08:00:00+08:00"
       }
    }
    </script>
  </head>
  <body>
    <p>
      Here's how to make peanut butter cookies.
    </p>
    <ol>
      <li>Mix together the peanut butter and sugar.</li>
      <li>Roll cookie dough into small balls and place on a cookie sheet.</li>
      <li>Bake for 25 minutes.</li>
    </ol>
  </body>
</html>

คุกกี้ช็อกโกแลตสามชนิด 


<html>
  <head>
    <title>Triple Chocolate Chunk Cookies</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Recipe",
      "name": "Triple Chocolate Chunk Cookies",
      "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": "Wendy Darling"
      },
      "datePublished": "2018-03-10",
      "description": "This Triple Chocolate Chunk Cookie recipe is everyone's favorite",
      "prepTime": "PT10M",
      "cookTime": "PT25M",
      "totalTime": "PT35M",
      "recipeCuisine": "French",
      "recipeCategory": "Cookies",
      "keywords": "chocolate, cookies",
      "recipeYield": "24",
      "nutrition": {
        "@type": "NutritionInformation",
        "calories": "120 calories"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5",
        "ratingCount": "18"
      },
      "recipeIngredient": [
        "2 cups of melted chocolate",
        "1/3 cup of sugar"
      ],
      "recipeInstructions": [
        {
          "@type": "HowToStep",
          "text": "Mix together the chocolate and sugar."
        },
        {
          "@type": "HowToStep",
          "text": "Roll cookie dough into small balls and place on a cookie sheet."
        },
        {
          "@type": "HowToStep",
          "text": "Bake for 25 minutes."
        }
      ],
      "video": {
        "@type": "VideoObject",
        "name": "How to Triple Chocolate Chunk Cookies",
        "description": "This is how you make peanut butter cookies.",
        "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": "2018-02-05T08:00:00+08:00",
        "duration": "PT1M33S",
        "interactionStatistic": {
          "@type": "InteractionCounter",
          "interactionType": { "@type": "WatchAction" },
          "userInteractionCount": 2347
        },
        "expires": "2019-02-05T08:00:00+08:00"
       }
    }
    </script>
  </head>
  <body>
    <p>
      Here's how to make Triple Chocolate Chunk Cookies.
    </p>
    <ol>
      <li>Mix together the chocolate and sugar.</li>
      <li>Roll cookie dough into small balls and place on a cookie sheet.</li>
      <li>Bake for 25 minutes.</li>
    </ol>
  </body>
</html>

สนิกเกอร์ดูเดิล


<html>
  <head>
    <title>Snickerdoodles</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Recipe",
      "name": "Snickerdoodles",
      "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": "Wendy Darling"
      },
      "datePublished": "2018-03-10",
      "description": "This Snickerdoodles recipe is everyone's favorite",
      "prepTime": "PT10M",
      "cookTime": "PT25M",
      "totalTime": "PT35M",
      "recipeCuisine": "French",
      "recipeCategory": "Cookies",
      "keywords": "cinnamon sugar, cookies",
      "recipeYield": "24",
      "nutrition": {
        "@type": "NutritionInformation",
        "calories": "120 calories"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5",
        "ratingCount": "18"
      },
      "recipeIngredient": [
        "2 cups of cinnamon",
        "1/3 cup of sugar"
      ],
      "recipeInstructions": [
        {
          "@type": "HowToStep",
          "text": "Mix together the cinnamon and sugar."
        },
        {
          "@type": "HowToStep",
          "text": "Roll cookie dough into small balls and place on a cookie sheet."
        },
        {
          "@type": "HowToStep",
          "text": "Bake for 25 minutes."
        }
      ],
      "video": {
        "@type": "VideoObject",
        "name": "How to Snickerdoodles",
        "description": "This is how you make snickerdoodles.",
        "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": "2018-02-05T08:00:00+08:00",
        "duration": "PT1M33S",
        "interactionStatistic": {
          "@type": "InteractionCounter",
          "interactionType": { "@type": "WatchAction" },
          "userInteractionCount": 2347
        },
        "expires": "2019-02-05T08:00:00+08:00"
       }
    }
    </script>
  </head>
  <body>
    <p>
      Here's how to make snickerdoodles.
    </p>
    <ol>
      <li>Mix together the cinnamon and sugar.</li>
      <li>Roll cookie dough into small balls and place on a cookie sheet.</li>
      <li>Bake for 25 minutes.</li>
    </ol>
  </body>
</html>

ลิสต์หน้าเดียวแบบรวมทุกรายการ

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

ลิสต์หน้าเดียวแบบรวมทุกรายการจะมีลักษณะดังต่อไปนี้ 


<html>
  <head>
    <title>The Best Movies from the Oscars - 2018</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "ItemList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": "1",
          "item": {
            "@type": "Movie",
            "url": "https://example.com/2019-best-picture-noms#a-star-is-born",
            "name": "A Star Is Born",
            "image": "https://example.com/photos/6x9/photo.jpg",
            "dateCreated": "2018-10-05",
            "director": {
                "@type": "Person",
                "name": "Bradley Cooper"
              },
            "review": {
              "@type": "Review",
              "reviewRating": {
                "@type": "Rating",
                "ratingValue": "5"
              },
              "author": {
                "@type": "Person",
                "name": "John D."
              }
            },
              "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "90",
                "bestRating": "100",
                "ratingCount": "19141"
              }
            }
          },
        {
          "@type": "ListItem",
          "position": "2",
          "item": {
            "@type": "Movie",
            "name": "Bohemian Rhapsody",
            "url": "https://example.com/2019-best-picture-noms#bohemian-rhapsody",
            "image": "https://example.com/photos/6x9/photo.jpg",
            "dateCreated": "2018-11-02",
            "director": {
                "@type": "Person",
                "name": "Bryan Singer"
              },
            "review": {
              "@type": "Review",
              "reviewRating": {
                "@type": "Rating",
                "ratingValue": "3"
              },
              "author": {
                "@type": "Person",
                "name": "Vin S."
              }
            },
              "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "61",
                "bestRating": "100",
                "ratingCount": "21985"
              }
            }
          },
        {
          "@type": "ListItem",
          "position": "3",
          "item": {
            "@type": "Movie",
            "name": "Black Panther",
            "url": "https://example.com/2019-best-picture-noms#black-panther",
            "image": "https://example.com/photos/6x9/photo.jpg",
            "dateCreated": "2018-02-16",
            "director": {
                "@type": "Person",
                "name": "Ryan Coogler"
              },
            "review": {
              "@type": "Review",
              "reviewRating": {
                "@type": "Rating",
                "ratingValue": "2"
              },
              "author": {
                "@type": "Person",
                "name": "Trevor R."
              }
            },
              "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "96",
                "bestRating": "100",
                "ratingCount": "88211"
              }
            }
          }
      ]
    }
    </script>
  </head>
  <body>
  </body>
</html>

หลักเกณฑ์

นอกเหนือจากหลักเกณฑ์พื้นฐานเกี่ยวกับข้อมูลที่มีโครงสร้าง เราจะใช้หลักเกณฑ์ด้านล่างนี้กับข้อมูลที่มีโครงสร้างของภาพสไลด์ด้วย

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

ตรวจสอบความถูกต้องและทำให้ข้อมูลที่มีโครงสร้างใช้งานได้

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

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

ในการระบุลิสต์รายการ ให้กำหนด ItemList ที่มี ListItems อย่างน้อย 2 รายการ คุณต้องใส่พร็อพเพอร์ตี้ที่จำเป็นลงในเนื้อหาเพื่อให้มีสิทธิ์แสดงเป็นผลการค้นหาที่เป็นสื่อสมบูรณ์

ItemList

ItemList เป็นคอนเทนเนอร์ที่เก็บรวบรวมทุกเอลิเมนต์ในลิสต์ หากใช้ในหน้าสรุป URL ทั้งหมดในลิสต์ต้องชี้ไปที่หน้าที่แตกต่างกันในโดเมนเดียวกัน หากใช้ในลิสต์หน้าเดียวแบบรวมทุกรายการ URL ทั้งหมดจะต้องชี้ไปที่แท็ก Anchor ของหน้าซึ่งโฮสต์ข้อมูลที่มีโครงสร้างของลิสต์รายการ

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

พร็อพเพอร์ตี้ที่ Google รองรับมีดังต่อไปนี้

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

ListItem

ลิสต์ของรายการต่างๆ รายการทั้งหมดจะต้องเป็นประเภทเดียวกัน ดูรายละเอียดได้ที่ ListItem

ListItem

ListItem มีรายละเอียดเกี่ยวกับแต่ละรายการในลิสต์รายการ

  • หากเป็นหน้าสรุป ให้รวมเฉพาะพร็อพเพอร์ตี้ type, position และ url ใน ListItem
  • หากเป็นลิสต์หน้าเดียวแบบรวมทุกรายการ ให้รวมพร็อพเพอร์ตี้เพิ่มเติมทั้งหมดของ schema.org สำหรับประเภทข้อมูลที่รายการดังกล่าวอธิบาย ประเภทข้อมูลที่รองรับ ได้แก่

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

หน้าสรุป

พร็อพเพอร์ตี้ต่อไปนี้ใช้กับหน้าสรุป

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

Integer

ตำแหน่งของรายการในภาพสไลด์ โดยตัวเลขจะเป็นเลขฐานหนึ่ง
url

URL

Canonical URL ของหน้ารายละเอียดรายการ URL ทั้งหมดในลิสต์ต้องไม่ซ้ำกัน แต่เผยแพร่อยู่ในโดเมนเดียวกัน (โดเมนหรือโดเมนย่อย/ซูเปอร์เดียวกันกับหน้าปัจจุบัน)

หน้าแบบรวมทุกรายการ

พร็อพเพอร์ตี้ต่อไปนี้ใช้กับหน้าแบบรวมทุกรายการ

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

Thing

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

  • item.name
  • item.url
  • พร็อพเพอร์ตี้อื่นๆ ที่จำเป็นสำหรับข้อมูลประเภทนี้ ตามที่อธิบายอยู่ใน schema.org และกฎซึ่งอธิบายอยู่ในเอกสารสำหรับประเภทเนื้อหาของคุณ ตัวอย่างเช่น สำหรับสูตรอาหาร คุณจะใส่พร็อพเพอร์ตี้ prepTime และ image
item.name

Text

ชื่อสตริงของรายการ item.name จะแสดงเป็นชื่อของแต่ละรายการในภาพสไลด์ ระบบจะไม่สนใจการจัดรูปแบบ HTML
item.url

URL

URL ที่มีคุณสมบัติครบถ้วนและแท็ก Anchor ของหน้าที่ไปยังรายการนี้ในหน้าดังกล่าว URL ต้องอยู่ในหน้าปัจจุบันและต้องรวมแท็ก Anchor ของ HTML (แท็ก <a> หรือค่า name หรือ id) ไว้ในหน้าข้างๆ ข้อความที่ผู้ใช้มองเห็น เช่น https://example.org/recipes/pies#apple_pie
position

Integer

ตำแหน่งของรายการในภาพสไลด์ โดยตัวเลขจะเป็นเลขฐานหนึ่ง

การแก้ปัญหา

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