บทความนี้จะกล่าวถึงวิธีใช้มาร์กอัป Structured Data สำหรับข้อมูลผลิตภัณฑ์ของคุณ
- ก่อนเริ่มต้นใช้งาน โปรดอ่านเรื่องมาร์กอัป Structured Data สำหรับ Merchant Center และยืนยันว่าเว็บไซต์ของคุณมีคุณสมบัติตรงตามข้อกำหนด
- โปรดอ่านคู่มือเริ่มต้นใช้งานของ schema.org เพื่อดูหลักเกณฑ์ทั่วไปเกี่ยวกับ Structured Data นอกเหนือจากข้อมูลผลิตภัณฑ์ Merchant Center นอกจากนี้ เรายังแนะนำให้ใช้ Search Console เพื่อแก้ปัญหาที่เกี่ยวข้องกับ Structured Data รวมทั้งวัดปริมาณการค้นหาและประสิทธิภาพของเว็บไซต์
- ดูคำแนะนำเพิ่มเติมได้ในบทความเกี่ยวกับ Structured Data ของผลิตภัณฑ์ โดยเฉพาะส่วนข้อมูลผลิตภัณฑ์ของผู้ขาย
ในหน้านี้
- การเริ่มต้นใช้งาน
- เพิ่มมาร์กอัป Structured Data
- ผลิตภัณฑ์และข้อเสนอ
- ทดสอบมาร์กอัป
- Structured Data ที่จำเป็นสำหรับหน้าผลิตภัณฑ์ที่ระบุความพร้อมจำหน่ายผลิตภัณฑ์ในร้าน
- Structured Data ที่จำเป็นสำหรับข้อเสนอการมารับสินค้าที่ร้าน
การเริ่มต้นใช้งาน
หากต้องการเพิ่มมาร์กอัปข้อมูลที่มีโครงสร้างลงในเว็บไซต์ คุณจะต้องมีสิทธิ์เข้าถึงและแก้ไข HTML ของเว็บไซต์หรือการกำหนดค่าเทมเพลตของระบบร้านค้า มาร์กอัปเป็นคำอธิบายประกอบแท็ก HTML ที่ช่วยให้ Crawler ของเครื่องมือค้นหาและบ็อตทราบว่ามีข้อมูลผลิตภัณฑ์ในเว็บไซต์ของคุณและช่วยให้ระบบเข้าใจข้อมูลได้
หากต้องการให้ Crawler ของ Google จับคู่ Structured Data กับข้อมูลผลิตภัณฑ์ คุณจะต้องปฏิบัติตามเงื่อนไขต่อไปนี้
- มีข้อเสนอเดียวในหน้า Landing Page
- หากหน้าเว็บทั้งหน้ามีข้อเสนอหลายรายการ ข้อเสนอแต่ละรายการในหน้าเว็บดังกล่าวจะมีการใส่คำอธิบายประกอบด้วย SKU หรือ GTIN และข้อเสนอที่เกี่ยวข้องในข้อมูลผลิตภัณฑ์ของคุณใน Shopping จะมี SKU (แอตทริบิวต์รหัส
[id]) หรือ GTIN (แอตทริบิวต์ GTIN[gtin]) เดียวกัน วิธีนี้มีประโยชน์หากคุณแสดงผลิตภัณฑ์ย่อยหลายรายการของผลิตภัณฑ์เดียวกัน (เช่น ขนาดหรือสีต่างๆ หรือผลิตภัณฑ์ที่เกี่ยวข้อง) ไว้ในหน้า Landing Page เดียวกัน - มาร์กอัปข้อมูลที่มีโครงสร้างต้องอยู่ใน HTML ที่ส่งคืนจากเว็บเซิร์ฟเวอร์ โดยมาร์กอัปข้อมูลที่มีโครงสร้างจะสร้างด้วย JavaScript ไม่ได้หลังจากระบบโหลดหน้าเว็บแล้ว
- เนื้อหาในหน้า Landing Page รวมถึงราคาต้องไม่เปลี่ยนแปลงแบบไดนามิกตามข้อมูลผู้ใช้ เช่น ที่อยู่ IP หรือประเภทเบราว์เซอร์
- ข้อมูลที่มีโครงสร้างจะต้องตรงกับค่าที่แสดงต่อผู้ใช้ การให้ข้อมูลที่ไม่ถูกต้องในหน้า Landing Page ของผลิตภัณฑ์ถือเป็นการละเมิดหลักเกณฑ์สำหรับนักพัฒนาเว็บ
หากคุณไม่ปฏิบัติตามเงื่อนไขข้อใดข้อหนึ่งข้างต้น ระบบจะจับคู่ผลิตภัณฑ์ของคุณในหน้า Landing Page กับข้อมูลผลิตภัณฑ์ไม่ได้
ส่วน schema.org เกี่ยวกับข้อมูลเวอร์ชันที่คอมพิวเตอร์เข้าใจได้จะช่วยอธิบายรายละเอียดและทำให้คุณเข้าใจ Structured Data
เพิ่มมาร์กอัป Structured Data
มาร์กอัป JSON-LD
หากต้องการเพิ่มมาร์กอัป Structured Data ลงในเว็บไซต์ เราขอแนะนำให้คุณเพิ่มเป็น JSON-LD ในมาร์กอัป HTML ดูข้อมูลเพิ่มเติมได้ที่ข้อมูลเบื้องต้นเกี่ยวกับมาร์กอัป Structured Data ใน Google Search
มาร์กอัป JSON-LD จะแตกต่างจากโค้ดที่แสดงต่อผู้ใช้ ซึ่งจะช่วยให้ดูแลได้ง่ายขึ้น คุณสามารถเพิ่มมาร์กอัป Structured Data ที่ออกแบบมาเพื่อการใช้งานใน Google โดยเฉพาะได้โดยไม่ต้องเปลี่ยนองค์ประกอบภาพในเว็บไซต์
หากคุณใช้แพลตฟอร์มอีคอมเมิร์ซในเว็บไซต์ คุณอาจต้องทำการเปลี่ยนแปลงบางอย่างกับเทมเพลตแพลตฟอร์มหรือโค้ดก่อนที่จะเพิ่ม Structured Data นอกจากนี้ เว็บไซต์ของคุณควรรองรับ JavaScript สำหรับเทมเพลตและแอปพลิเคชันระดับหน้าเว็บ
ตัวอย่าง
JSON-LD
{
"@context": "https://schema.org/",
"@type": "Product",
"sku": "trinket-12345",
"image": "https://example.com/trinket.jpg",
"name": "Nice trinket",
"description": "Trinket with clean lines",
"gtin": "12345678901234",
"brand": {
"@type": "Brand",
"name": "MyBrand"
},
"offers": {
"@type": "Offer",
"url": "http://example.com/trinket_offer",
"itemCondition": "https://schema.org/NewCondition",
"availability": "https://schema.org/InStock",
"price": "39.99",
"priceCurrency": "USD"
}
มาร์กอัป Structured Data ที่เพิ่มไว้อาจปรากฏขึ้นได้ทุกที่ในซอร์สโค้ด HTML แต่เราขอแนะนำให้ใส่ Structured Data ของผลิตภัณฑ์ใน HTML เริ่มต้นเพื่อให้ได้ผลลัพธ์ที่ดีที่สุด
ผลิตภัณฑ์และข้อเสนอ
หน้า Landing Page ควรมีทั้ง 2 สิ่งต่อไปนี้
- ออบเจ็กต์ Product ซึ่งอธิบายถึงผลิตภัณฑ์
- ออบเจ็กต์ Offer ที่ฝังอยู่ในฟิลด์ข้อเสนอซึ่งอธิบายถึงวิธีการขายผลิตภัณฑ์นี้
โปรดทราบว่าต้องระบุราคาด้วยเครื่องหมายจุดเป็นตัวคั่นทศนิยมแทนคอมมา หากแสดงราคาในหลายสกุลเงินในหน้า Landing Page คุณจะใช้ออบเจ็กต์ประเภท Offer ได้หลายรายการ หากใช้ออบเจ็กต์ Offer หลายรายการ คุณจะต้องใช้แอตทริบิวต์ priceCurrency เพื่อระบุสกุลเงินด้วย
หากในหน้า Landing Page แสดงราคาลด ซึ่งเป็นราคาที่ผู้ใช้จะจ่ายจริง ณ เวลานั้น โปรดตรวจสอบว่าได้ระบุราคาลดใน Structured Data แล้ว
สำคัญ: schema.org ไม่รองรับแอตทริบิวต์ข้อกำหนดของผลิตภัณฑ์บางรายการ ทั้งนี้ คุณต้องระบุค่า schema.org ต่อไปนี้สำหรับการอัปเดตสินค้าอัตโนมัติ price, priceCurrency, availability และ condition ดูข้อมูลเพิ่มเติมเกี่ยวกับ Structured Data ของส่วนข้อมูลผลิตภัณฑ์ของผู้ขาย (ผลิตภัณฑ์, ข้อเสนอ) ใน Google Search Central
ทดสอบมาร์กอัป
ทดสอบการใช้งาน schema.org ด้วย Search Console หรือเครื่องมือผลการค้นหาที่เป็นสื่อสมบูรณ์ โปรดไปที่การทดสอบผลการค้นหาที่เป็นริชมีเดียหรือศูนย์ช่วยเหลือของ Google Search Console เพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับการใช้เครื่องมือ การแก้ไขข้อบกพร่อง และการตีความผลลัพธ์ในเครื่องมือ
Structured Data ที่จำเป็นสำหรับหน้าผลิตภัณฑ์ที่ระบุความพร้อมจำหน่ายผลิตภัณฑ์ในร้าน
หากเลือกใช้โฆษณาสินค้าคงคลังในร้านที่มีหน้าผลิตภัณฑ์ที่ระบุความพร้อมจำหน่ายผลิตภัณฑ์ในร้าน คุณสามารถเพิ่มมาร์กอัป Structured Data เพิ่มเติมจากตารางด้านล่างลงในข้อเสนอที่ฝังอยู่เพื่อแสดงหน้าร้านจริงที่ขายผลิตภัณฑ์
หมายเหตุ: มาร์กอัป Schema.org ใช้ในหน้าเว็บที่เขียนเป็นภาษาใดก็ได้ แต่มาร์กอัป เช่น HTML จะเป็นภาษาอังกฤษ และค่า Schema.org จะต้องใช้ตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ตามที่กำหนด
| ค่า Schema.org | ค่าของข้อกำหนดฟีดสินค้าคงคลังหรือผลิตภัณฑ์ | ประเภทค่า |
| Product > offers > availableAtOrFrom > branchCode | รหัสร้านค้า |
ตัวระบุที่เป็นตัวอักษรและตัวเลขคละกันแบบไม่ซ้ำสำหรับร้านค้าแต่ละแห่งในพื้นที่ คุณต้องใช้รหัสร้านค้าเดียวกันกับที่คุณระบุไว้ใน Business Profile |
Structured Data ที่จำเป็นสำหรับข้อเสนอการมารับสินค้าที่ร้าน
หากเลือกใช้โฆษณาสินค้าคงคลังในร้านที่มีหน้าผลิตภัณฑ์ที่ระบุความพร้อมจำหน่ายผลิตภัณฑ์ในร้านและการรับสินค้าในภายหลังหรือรับสินค้าในวันนี้ คุณสามารถเพิ่มมาร์กอัป Structured Data เพิ่มเติมจากตารางด้านล่างลงในข้อเสนอที่ฝังอยู่เพื่อแสดงหน้าร้านจริงที่พร้อมให้รับผลิตภัณฑ์ดังกล่าว
หมายเหตุ: มาร์กอัป Schema.org ใช้ในหน้าเว็บที่เขียนเป็นภาษาใดก็ได้ แต่มาร์กอัป เช่น HTML จะเป็นภาษาอังกฤษ และค่า Schema.org จะต้องใช้ตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ตามที่กำหนด
| พร็อพเพอร์ตี้ schema.org | ค่าของข้อกำหนดฟีดสินค้าคงคลังหรือผลิตภัณฑ์ | ประเภทค่า |
| Product > offers > availableDeliveryMethod | -- | ค่า schema.org ของ OnSitePickup ระบุว่าผลิตภัณฑ์พร้อมจำหน่ายสำหรับการมารับสินค้าที่ร้าน |
| Product > offers > potentialAction | วิธีรับสินค้า [pickup method] |
ค่า BuyAction ของ schema.org ระบุว่าผลิตภัณฑ์จำหน่ายผ่านทางออนไลน์สำหรับการมารับสินค้าที่ร้านได้ ค่า ReserveAction ของ schema.org ระบุว่าผลิตภัณฑ์จองผ่านทางออนไลน์สำหรับการมารับสินค้าที่ร้านได้ |
| Product > offers > deliveryLeadTime | pickup sla [SLA สำหรับการรับสินค้า] |
เวลาในการนำส่งควรเป็น 1 หรือ 0 โดยตัวเลขนี้จะใช้ระบุจำนวนวันโดยประมาณที่ต้องรอจนกว่าสินค้าจะพร้อมสำหรับการรับสินค้าดังนี้ 0 = วันเดียวกัน 1 = วันถัดไป |
ดูข้อมูลเพิ่มเติมเกี่ยวกับ Structured Data สำหรับ Merchant Center