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

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

เพื่อให้มีสิทธิ์ใช้ผลการค้นหาที่เป็นริชมีเดียรุ่นเบต้านี้ ให้ใส่ Structured Data ItemList ร่วมกับรายการ Structured Data ที่รองรับอย่างน้อย 1 รายการต่อไปนี้

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

ผลการค้นหาที่เป็นริชมีเดียสำหรับภาพสไลด์แบบใหม่

ความพร้อมใช้งานของฟีเจอร์

ฟีเจอร์นี้อยู่ในเวอร์ชันเบต้าและคุณอาจเห็นการเปลี่ยนแปลงในข้อกำหนดหรือหลักเกณฑ์ในระหว่างที่เราพัฒนาฟีเจอร์นี้ หากธุรกิจอยู่ใน EEA หรือให้บริการผู้ใช้ใน EEA และต้องการดูข้อมูลเพิ่มเติมและแสดงความสนใจในประสบการณ์การใช้งานแบบใหม่เหล่านี้ ให้เริ่มด้วยการการกรอกแบบฟอร์มที่เกี่ยวข้อง (สำหรับการค้นหาเที่ยวบิน ให้ใช้แบบฟอร์มแสดงความสนใจสำหรับค้นหาเที่ยวบิน) อื่นๆ

ปัจจุบันฟีเจอร์นี้ใช้ได้เฉพาะในประเทศที่อยู่ในเขตเศรษฐกิจยุโรป (EEA) ทั้งบนเดสก์ท็อปและอุปกรณ์เคลื่อนที่ ใช้ได้สำหรับการค้นหาเกี่ยวกับการท่องเที่ยว ท้องถิ่น และช็อปปิ้ง สำหรับการค้นหาเพื่อ Shopping จะมีการทดสอบในเยอรมนี ฝรั่งเศส เช็กเกีย และสหราชอาณาจักรก่อน

เพิ่ม Structured Data

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

ภาพรวมของวิธีการเพิ่ม Structured Data ลงในเว็บไซต์มีดังนี้

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

    คุณอาจเลือกประเภทที่ดีที่สุดที่จะใช้ ทั้งนี้ขึ้นอยู่กับสถานการณ์ของคุณ เช่น หากคุณมีรายการโรงแรมและที่พักให้เช่าในหน้าเว็บ ให้ใช้ทั้งประเภท Hotel และ VacationRental แม้ว่าที่ดีที่สุดคือการเลือกใช้ประเภทที่ใกล้เคียงกับสถานการณ์ของคุณมากที่สุด แต่คุณจะเลือกใช้ประเภทแบบทั่วไปมากกว่า (เช่น LocalBusiness) ก็ได้

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

หลักเกณฑ์

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

  • อนุญาตให้ใช้ประเภททั่วไป อย่างไรก็ตาม หากต้องการใช้พร็อพเพอร์ตี้ที่แนะนำ คุณต้องใช้ประเภทที่เกี่ยวข้อง เช่น หากต้องการใช้ amenityFeature ให้ใช้ประเภท LodgingBusiness
  • อนุญาตให้มีการใช้ฟิลด์เพิ่มเติมหรือฟิลด์พิเศษ แต่ก็อาจไม่ปรากฏในผลการค้นหาที่เป็นริชมีเดีย
  • เว็บไซต์ต้องมีหน้าสรุป 1 หน้าและหน้ารายละเอียดหลายหน้า ปัจจุบันฟีเจอร์นี้ไม่ได้ออกแบบมาเพื่อรองรับสถานการณ์อื่นๆ เช่น หน้าแบบรวมศูนย์ที่ "รายละเอียด" เป็นจุดยึดภายในหน้าเดียวกัน
  • มาร์กอัปต้องอยู่ในหน้าสรุปหรือหน้าหมวดหมู่ ซึ่งเป็นหน้าที่มีลักษณะเป็นลิสต์ข้อมูลเกี่ยวกับเอนทิตีอย่างน้อย 3 รายการ แล้วลิงก์ไปยังหน้าอื่นๆ ในเว็บไซต์เพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับเอนทิตีเหล่านั้น แม้ไม่จำเป็นต้องเพิ่มมาร์กอัปลงในหน้ารายละเอียด แต่ต้องใส่ URL หน้ารายละเอียดในมาร์กอัปของหน้าสรุป
  • มาร์กอัปรายการทั้งหมดที่อยู่ในหน้าสรุปหรือหมวดหมู่ สำหรับหมวดหมู่ที่มีเลขหน้า ให้เพิ่มแอตทริบิวต์ ItemList ไปยังหน้าต่อมาแต่ละหน้าและรวมเอนทิตีที่ระบุไว้ในหน้านั้น สำหรับการเลื่อนได้ไม่รู้จบ ให้เน้นที่การมาร์กอัปเอนทิตีที่โหลดตอนแรกในวิวพอร์ต

ตัวอย่าง

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


  <html>
    <head>
      <title>Top 5 Restaurants in Italy</title>
      <script type="application/ld+json">
        {
        "@context": "https://schema.org",
        "@type": "ItemList",
          "itemListElement": [
            {
              "@type": "ListItem",
                "position": 1,
                "item": {
                  "@type": "Restaurant",
                  "name": "Trattoria Luigi",
                  "image": [
                    "https://example.com/photos/1x1/photo.jpg",
                    "https://example.com/photos/4x3/photo.jpg",
                    "https://example.com/photos/16x9/photo.jpg"
                  ],
                  "priceRange": "$$$",
                  "servesCuisine": "Italian",
                  "aggregateRating": {
                    "@type": "AggregateRating",
                    "ratingValue": 4.5,
                    "reviewCount": 250
                  },
                "url": "https://www.example.com/trattoria-luigi"
              }
            },
            {
              "@type": "ListItem",
                "position": 2,
                "item": {
                  "@type": "Restaurant",
                  "name": "La Pergola",
                  "image": [
                    "https://example.com/photos/1x1/photo.jpg",
                    "https://example.com/photos/4x3/photo.jpg",
                    "https://example.com/photos/16x9/photo.jpg"
                  ],
                  "priceRange": "$$$",
                  "servesCuisine": "Italian",
                  "aggregateRating": {
                    "@type": "AggregateRating",
                    "ratingValue": 4.9,
                    "reviewCount": 1150
                  },
                "url": "https://www.example.com/la-pergola"
              }
            },
            {
              "@type": "ListItem",
              "position": 3,
              "item": {
                "@type": "Restaurant",
                "name": "Pasta e Basta",
                "image": [
                  "https://example.com/photos/1x1/photo.jpg",
                  "https://example.com/photos/4x3/photo.jpg",
                  "https://example.com/photos/16x9/photo.jpg"
                ],
                "priceRange": "$$$",
                "servesCuisine": "Italian",
                "aggregateRating": {
                  "@type": "AggregateRating",
                  "ratingValue": 4.2,
                  "reviewCount": 690
                },
              "url": "https://www.example.com/pasta-e-basta"
              }
            }
          ]
        }
      </script>
    </head>
    <body>
    </body>
  </html>

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

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

ItemList

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

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

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

ListItem

ลิสต์ของรายการต่างๆ ในการระบุรายการ ให้กำหนด ItemList ที่มีองค์ประกอบ itemListElement.item อย่างน้อย 3 รายการ

itemListElement.item

ประเภทย่อยของ LocalBusiness, Product หรือ Event

แต่ละรายการในลิสต์ ป้อนข้อมูลต่อไปนี้ลงในออบเจ็กต์นี้

ตัวอย่าง: สำหรับโรงแรม ให้ระบุพร็อพเพอร์ตี้ priceRange และ amenityFeature

itemListElement.position

Integer

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

พร็อพเพอร์ตี้รายการทั่วไป (LocalBusiness, Product, หรือ Event)

รายการภาพสไลด์ทุกประเภทมีคุณสมบัติต่อไปนี้เหมือนกัน

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

URL หรือ ImageObject ที่ซ้ำ

รูปภาพเอนทิตีหรือสินค้าอย่างน้อย 1 รูป (เช่น รูปภาพโรงแรม) อย่าใส่โลโก้ในพร็อพเพอร์ตี้รูปภาพนี้

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

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

ชื่อสตริงของเอนทิตีหรือรายการ เช่น ชื่อโรงแรมหรือข้อมูลวันหยุดพักผ่อน item.name จะแสดงเป็นชื่อของแต่ละรายการในภาพสไลด์ ระบบจะไม่สนใจการจัดรูปแบบ HTML

url

URL

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

พร็อพเพอร์ตี้ที่แนะนำ
aggregateRating.bestRating

Number

ค่าสูงสุดที่ใช้ได้ในระบบการจัดประเภทนี้ (เช่น 5 / 10) หากไม่ใส่ bestRating ระบบจะถือว่าค่านี้เป็น 5

aggregateRating.ratingCount

Number

จำนวนการให้คะแนนทั้งหมดของรายการในเว็บไซต์ของคุณ

aggregateRating.ratingValue

Number หรือ Text

ตัวเลขคะแนนคุณภาพของรายการอาจเป็นจํานวนเต็ม เศษส่วน หรือเปอร์เซ็นต์ (เช่น 4, 60% หรือ 6 / 10) Google เข้าใจสเกลเศษส่วนและเปอร์เซ็นต์ เนื่องจากสเกลจะแสดงในลักษณะดังกล่าว สเกลเริ่มต้นสำหรับตัวเลขคือสเกลแบบ 5 คะแนน โดย 1 คือค่าต่ำสุด และ 5 คือค่าสูงสุด หากต้องการใช้ระดับคะแนนแบบอื่น ให้ใช้ bestRating และ worstRating

สําหรับตัวเลขทศนิยม ให้ใช้จุดแทนคอมมาเพื่อระบุค่า (เช่น ใช้ 4.4 แทน 4,4) ใน Microdata และ RDFa คุณสามารถใช้แอตทริบิวต์ content เพื่อลบล้างเนื้อหาที่มองเห็นได้ วิธีนี้ช่วยให้คุณแสดงรูปแบบใดก็ได้ที่ต้องการให้ผู้ใช้เห็น ในขณะเดียวกันก็ยังเป็นไปตามข้อกำหนดของจุดสําหรับ Structured Data ด้วย เช่น

<span itemprop="ratingValue" content="4.4">4,4</span> stars

คำจำกัดความเพิ่มเติมของพร็อพเพอร์ตี้เฉพาะแต่ละประเภท

LocalBusiness (และประเภทย่อย)

นอกเหนือจากพร็อพเพอร์ตี้ ListItem แล้ว Google ยังรองรับพร็อพเพอร์ตี้ LocalBusiness ต่อไปนี้ (รวมถึงประเภทย่อย) สำหรับผลการค้นหาที่เป็นริชมีเดียแบบภาพสไลด์ ให้ฝังพร็อพเพอร์ตี้เหล่านี้ใน itemListElement.item

พร็อพเพอร์ตี้ที่แนะนำ
amenityFeature

LocationFeatureSpecification

สำหรับ LodgingBusiness เท่านั้น: สิ่งอำนวยความสะดวก (เช่น ลักษณะเฉพาะหรือบริการ) ของที่พัก

"amenityFeature": {
  "@type": "LocationFeatureSpecification",
  "name" : "beachAccess",
  "value": true
}
priceRange

Text

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

  • ระดับราคา: เช่น "$", "$$", "$$$"
  • ช่วง: เช่น "$-$$"

ช่องนี้มีอักขระได้ไม่เกิน 12 ตัว หากเกิน 12 ตัว Google จะไม่แสดงช่วงราคาสำหรับธุรกิจนั้น

servesCuisine

Text

สำหรับร้านอาหารเท่านั้น: ประเภทอาหารที่ให้บริการ

Product

นอกเหนือจากพร็อพเพอร์ตี้ ListItem แล้ว Google ยังรองรับพร็อพเพอร์ตี้ Product ต่อไปนี้สำหรับผลการค้นหาที่เป็นริชมีเดียของภาพสไลด์ ฝังพร็อพเพอร์ตี้เหล่านี้ไว้ใน itemListElement.item

พร็อพเพอร์ตี้ที่แนะนำ
offers

Offer หรือ AggregateOffer

Offer หรือ AggregateOffer ที่ฝังเพื่อขายผลิตภัณฑ์ รวมพร็อพเพอร์ตี้ที่แนะนำสำหรับ Offer หรือ AggregateOffer (แล้วแต่ว่าอันไหนเกี่ยวข้องกับเนื้อหาของคุณ)

หากคุณใช้ Offer รวมถึงพร็อพเพอร์ตี้ต่อไปนี้

  • offers.price
  • offers.priceCurrency

หากคุณใช้ AggregateOffer รวมถึงพร็อพเพอร์ตี้ต่อไปนี้

  • offers.highPrice
  • offers.lowPrice
  • offers.priceCurrency
offers.highPrice

Number

ราคาสูงสุดของข้อเสนอทั้งหมดที่มีอยู่ หากระบุราคาเดียวด้วย price คุณไม่จำเป็นต้องใส่พร็อพเพอร์ตี้ highPrice และ lowPrice

offers.lowPrice

Number

ราคาต่ำสุดของข้อเสนอทั้งหมดที่มีอยู่ หากระบุราคาเดียวด้วย price คุณไม่จำเป็นต้องใส่พร็อพเพอร์ตี้ highPrice และ lowPrice

offers.price

Number

ราคาข้อเสนอของผลิตภัณฑ์หรือขององค์ประกอบราคาเมื่อแนบกับ PriceSpecification และประเภทย่อย หากระบุช่วงราคาด้วย lowPrice และ highPrice อย่าใส่พร็อพเพอร์ตี้ price

offers.priceCurrency

Text

สกุลเงินที่ใช้เพื่ออธิบายราคาผลิตภัณฑ์ในรูปแบบ ISO 4217 ที่เป็นตัวอักษร 3 ตัว หากไม่ได้ระบุสกุลเงิน ค่าเริ่มต้นของ Google จะเป็น USD

Event

นอกเหนือจากพร็อพเพอร์ตี้ ListItem แล้ว Google ยังรองรับพร็อพเพอร์ตี้ Event ต่อไปนี้สำหรับผลการค้นหาที่เป็นริชมีเดียของภาพสไลด์ ฝังพร็อพเพอร์ตี้เหล่านี้ไว้ใน itemListElement.item

พร็อพเพอร์ตี้ที่แนะนำ
offers

Offer หรือ AggregateOffer

Offer หรือ AggregateOffer ที่ฝังเพื่อขายกิจกรรม รวมพร็อพเพอร์ตี้ที่แนะนำสำหรับ Offer หรือ AggregateOffer (แล้วแต่ว่าอันไหนเกี่ยวข้องกับเนื้อหาของคุณ)

หากคุณใช้ Offer รวมถึงพร็อพเพอร์ตี้ต่อไปนี้

  • offers.price
  • offers.priceCurrency

หากคุณใช้ AggregateOffer รวมถึงพร็อพเพอร์ตี้ต่อไปนี้

  • offers.highPrice
  • offers.lowPrice
  • offers.priceCurrency
offers.highPrice

Number

ราคาสูงสุดของข้อเสนอทั้งหมดที่มีอยู่ หากระบุราคาเดียวด้วย price คุณไม่จำเป็นต้องใส่พร็อพเพอร์ตี้ highPrice และ lowPrice

offers.lowPrice

Number

ราคาต่ำสุดของข้อเสนอทั้งหมดที่มีอยู่ หากระบุราคาเดียวด้วย price คุณไม่จำเป็นต้องใส่พร็อพเพอร์ตี้ highPrice และ lowPrice

offers.price

Number

ราคาของตั๋ว รวมถึงค่าบริการและค่าธรรมเนียม อย่าลืมอัปเดตค่านี้หากมีการเปลี่ยนแปลงราคาหรือขายตั๋วหมดแล้ว หากคุณระบุช่วงราคาด้วย lowPrice และ highPrice อย่าใส่พร็อพเพอร์ตี้ price

หากกิจกรรมพร้อมให้บริการโดยไม่เสียค่าใช้จ่าย ค่าธรรมเนียม หรือค่าบริการ ให้ตั้งค่า price เป็น 0 

"offers": {
  "@type": "Offer",
  "price": 0
}
offers.priceCurrency

Text

สกุลเงินที่ใช้เพื่ออธิบายราคากิจกรรมในรูปแบบ ISO 4217 ที่เป็นตัวอักษร 3 ตัว หากไม่ได้ระบุสกุลเงิน ค่าเริ่มต้นของ Google จะเป็น USD

ตัวอย่างสำหรับสถานการณ์ที่พบบ่อย

ตัวอย่าง Restaurant

ต่อไปนี้คือตัวอย่างภาพสไลด์ของร้านอาหารใน JSON-LD


<html>
    <head>
      <title>Top 5 Restaurants in Paris</title>
      <script type="application/ld+json">
        {
          "@context": "https://schema.org",
          "@type": "ItemList",
          "itemListElement": [
            {
              "@type": "ListItem",
              "position": 1,
              "item": {
                "@type": "Restaurant",
                "name": "Trattoria Luigi",
                "image": [
                  "https://example.com/photos/1x1/photo.jpg",
                  "https://example.com/photos/4x3/photo.jpg",
                  "https://example.com/photos/16x9/photo.jpg"
                ],
                "priceRange": "$$$",
                "servesCuisine": "Italian",
                "aggregateRating": {
                  "@type": "AggregateRating",
                  "ratingValue": 4.5,
                  "reviewCount": 250
                },
                "url": "https://www.example.com/restaurant-location-1"
              }
            },
            {
              "@type": "ListItem",
              "position": 2,
              "item": {
                "@type": "Restaurant",
                "name": "La Pergola",
                "image": [
                  "https://example.com/photos/1x1/photo.jpg",
                  "https://example.com/photos/4x3/photo.jpg",
                  "https://example.com/photos/16x9/photo.jpg"
                ],
                "priceRange": "$$$",
                "servesCuisine": "Italian",
                "aggregateRating": {
                  "@type": "AggregateRating",
                  "ratingValue": 4.9,
                  "reviewCount": 1150
                },
                "url": "https://www.example.com/restaurant-location-2"
              }
            },
            {
              "@type": "ListItem",
              "position": 3,
              "item": {
                "@type": "Restaurant",
                "name": "Pasta e Basta",
                "image": [
                  "https://example.com/photos/1x1/photo.jpg",
                  "https://example.com/photos/4x3/photo.jpg",
                  "https://example.com/photos/16x9/photo.jpg"
                ],
                "priceRange": "$$$",
                "servesCuisine": "Italian",
                "aggregateRating": {
                  "@type": "AggregateRating",
                  "ratingValue": 4.2,
                  "reviewCount": 690
                },
                "url": "https://www.example.com/restaurant-location-3"
              }
            }
          ]
        }
      </script>
    </head>
    <body>
    </body>
  </html>

ตัวอย่างที่พัก (Hotels และ VacationRental)

ต่อไปนี้คือตัวอย่างภาพสไลด์ของที่พักใน JSON-LD


<html>
    <head>
      <title>Top 5 Hotels in Paris</title>
      <script type="application/ld+json">
        {
        "@context": "https://schema.org",
        "@type": "ItemList",
            "itemListElement": [
              {
                "@type": "ListItem",
                "position": 1,
                "item": {
                  "@type": "Hotel",
                  "name": "Four Seasons Hotel George V, Paris",
                  "image": [
                    "https://example.com/photos/1x1/photo.jpg",
                    "https://example.com/photos/4x3/photo.jpg",
                    "https://example.com/photos/16x9/photo.jpg"
                  ],
                  "priceRange": "$$$$",
                  "amenityFeature": {
                      "@type": "LocationFeatureSpecification",
                      "name" : "internetType",
                      "value": "Free"
                  },
                  "aggregateRating": {
                    "@type": "AggregateRating",
                    "ratingValue": 4.9,
                    "reviewCount": 50
                  },
                  "url": "https://www.example.com/four-seasons"
                }
              },
              {
                "@type": "ListItem",
                "position": 2,
                "item": {
                  "@type": "VacationRental",
                  "name": "Downtown Condo",
                  "image": [
                    "https://example.com/photos/1x1/photo.jpg",
                    "https://example.com/photos/4x3/photo.jpg",
                    "https://example.com/photos/16x9/photo.jpg"
                  ],
                  "priceRange": "$$",
                  "amenityFeature": {
                    "@type": "LocationFeatureSpecification",
                    "name" : "instantBookable",
                    "value": true
                  },
                  "aggregateRating": {
                    "@type": "AggregateRating",
                    "ratingValue": 4.7,
                    "reviewCount": 827
                  },
                  "url": "https://www.example.com/downtown-condo"
                }
              },
              {
                "@type": "ListItem",
                "position": 3,
                "item": {
                  "@type": "Hotel",
                  "name": "Ritz Paris",
                  "image": [
                    "https://example.com/photos/1x1/photo.jpg",
                    "https://example.com/photos/4x3/photo.jpg",
                    "https://example.com/photos/16x9/photo.jpg"
                  ],
                  "priceRange": "$$$$",
                  "amenityFeature": {
                    "@type": "LocationFeatureSpecification",
                    "name" : "freeBreakfast",
                    "value": true
                },
                "aggregateRating": {
                  "@type": "AggregateRating",
                  "ratingValue": 4.9,
                  "reviewCount": 1290
                },
                "url": "https://www.example.com/ritz-paris"
              }
            }
          ]
        }
      </script>
    </head>
    <body>
    </body>
  </html>

ตัวอย่างกิจกรรมน่าสนใจ

ต่อไปนี้คือตัวอย่างภาพสไลด์กิจกรรมน่าสนใจใน JSON-LD


<html>
    <head>
      <title>Top 5 Things To Do in Paris</title>
      <script type="application/ld+json">
        {
          "@context": "https://schema.org",
          "@type": "ItemList",
          "itemListElement": [
            {
              "@type": "ListItem",
              "position": 1,
              "item": {
                "@type": "Event",
                "name": "Paris Seine River Dinner Cruise",
                "image": [
                  "https://example.com/photos/1x1/photo.jpg",
                  "https://example.com/photos/4x3/photo.jpg",
                  "https://example.com/photos/16x9/photo.jpg"
                ],
                "offers": {
                  "@type": "Offer",
                  "price": 45.00,
                  "priceCurrency": "EUR"
                },
                "aggregateRating": {
                  "@type": "AggregateRating",
                  "ratingValue": 4.2,
                  "reviewCount": 690
                },
                "url": "https://www.example.com/event-location1"
              }
            },
            {
              "@type": "ListItem",
              "position": 2,
              "item": {
                "@type": "LocalBusiness",
                "name": "Notre-Dame Cathedral",
                "image": [
                  "https://example.com/photos/1x1/photo.jpg",
                  "https://example.com/photos/4x3/photo.jpg",
                  "https://example.com/photos/16x9/photo.jpg"
                ],
                "priceRange": "$",
                "aggregateRating": {
                  "@type": "AggregateRating",
                  "ratingValue": 4.8,
                  "reviewCount": 4220
                },
                "url": "https://www.example.com/localbusiness-location"
              }
            },
            {
              "@type": "ListItem",
              "position": 3,
              "item": {
                "@type": "Event",
                "name": "Eiffel Tower With Host Summit Tour",
                "image": [
                  "https://example.com/photos/1x1/photo.jpg",
                  "https://example.com/photos/4x3/photo.jpg",
                  "https://example.com/photos/16x9/photo.jpg"
                ],
                "offers": {
                  "@type": "Offer",
                  "price": 59.00,
                  "priceCurrency": "EUR"
                },
                "aggregateRating": {
                  "@type": "AggregateRating",
                  "ratingValue": 4.9,
                  "reviewCount": 652
                },
                "url": "https://www.example.com/event-location2"
              }
            }
          ]
        }
      </script>
    </head>
    <body>
    </body>
  </html>

ตัวอย่าง Product

ต่อไปนี้คือตัวอย่างภาพสไลด์ผลิตภัณฑ์ใน JSON-LD


<html>
    <head>
      <title>Top coats of the season</title>
      <script type="application/ld+json">
        {
          "@context": "https://schema.org",
          "@type": "ItemList",
          "itemListElement": [
            {
              "@type": "ListItem",
              "position": 1,
              "item": {
                "@type": "Product",
                "name": "Puffy Coat Series by Goat Coat",
                "image": [
                  "https://example.com/photos/1x1/photo.jpg",
                  "https://example.com/photos/4x3/photo.jpg",
                  "https://example.com/photos/16x9/photo.jpg"
                ],
                "offers": {
                  "@type": "AggregateOffer",
                  "lowPrice": 45.00,
                  "highPrice": 60.00,
                  "priceCurrency": "EUR"
                },
                "aggregateRating": {
                  "@type": "AggregateRating",
                  "ratingValue": 4.9,
                  "reviewCount": 50
                },
                "url": "https://www.example.com/puffy-coats"
              }
            },
            {
              "@type": "ListItem",
              "position": 2,
              "item": {
                "@type": "Product",
                "name": "Wool Coat Series by Best Coats Around",
                "image": [
                  "https://example.com/photos/1x1/photo.jpg",
                  "https://example.com/photos/4x3/photo.jpg",
                  "https://example.com/photos/16x9/photo.jpg"
                ],
                "offers": {
                  "@type": "AggregateOffer",
                  "lowPrice": 189.00,
                  "highPrice": 200.00,
                  "priceCurrency": "EUR"
                },
                "aggregateRating": {
                  "@type": "AggregateRating",
                  "ratingValue": 4.7,
                  "reviewCount": 827
                },
                "url": "https://www.example.com/wool-coats"
              }
            },
            {
              "@type": "ListItem",
              "position": 3,
              "item": {
                "@type": "Product",
                "name": "Antartic Coat by Cold Coats",
                "image": [
                  "https://example.com/photos/1x1/photo.jpg",
                  "https://example.com/photos/4x3/photo.jpg",
                  "https://example.com/photos/16x9/photo.jpg"
                ],
                "offers": {
                  "@type": "Offer",
                  "price": 45.00,
                  "priceCurrency": "EUR"
                },
                "aggregateRating": {
                  "@type": "AggregateRating",
                  "ratingValue": 4.9,
                  "reviewCount": 1290
                },
                "url": "https://www.example.com/antartic-coat"
              }
            }
          ]
        }
      </script>
    </head>
    <body>
    </body>
  </html>

การแก้ปัญหา

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