Product Schema Generator: สร้าง Product JSON-LD เพื่อคว้า Rich Results ในไม่กี่นาที
Product Schema Generator แปลงฟอร์มง่าย ๆ ให้กลายเป็น Product JSON-LD structured data ที่ถูกต้อง พร้อม price, availability, brand และ aggregate rating — คัดลอก วาง แล้วลุ้น rich results ได้เลย
Table of Contents
ถ้าคุณขายสินค้าออนไลน์ หน้า product page ของคุณกำลังแข่งขันในพื้นที่ที่แสนจะแออัดที่สุดของ Google ผลการค้นหาที่โดดเด่นไม่ได้มาจากคำโฆษณาที่เขียนเก่งที่สุดเสมอไป แต่มาจากรายการที่แสดงคะแนนรีวิวแบบดาว, ราคา และสถานะสินค้า ปรากฏขึ้นตรง ๆ ในหน้าผลการค้นหา ความโดดเด่นแบบนี้มาจาก Product structured data และ Product Schema Generator บน Online Tools Forge ทำให้คุณสร้างมันเสร็จได้ภายในสองนาที
เครื่องมือนี้ทำงานแบบ form-driven ทั้งหมด คุณเพียงกรอกชื่อสินค้า, price, currency, availability, brand และ aggregate rating (คะแนนเฉลี่ยและจำนวนรีวิว) แล้วมันจะสร้าง snippet ของ schema.org Product ที่ถูกต้อง ครอบด้วยแท็ก <script type="application/ld+json"> ไม่ต้องท่องจำ syntax, ไม่มีวงเล็บที่ลืมปิด และไม่ต้องเดาชื่อ property — แค่กดคัดลอก script tag แล้วนำไปวางในหน้าสินค้าของคุณ
บทความนี้จะพาไปดูว่าเครื่องมือทำงานอย่างไร Google คาดหวังอะไรจาก Product markup จริง ๆ และวิธีใช้ผลลัพธ์ที่ได้ไปคว้า rich results ให้กับหน้า ecommerce ของคุณ
ทำไมต้องใช้ Product Schema Generator?
- Rich results คือเป้าหมายหลัก หน้าสินค้าที่มี markup ถูกต้องสามารถแสดง price, availability และคะแนนรีวิวแบบดาวในผลการค้นหาได้ รายการแบบนี้ดึงดูดสายตาและการคลิกได้มากกว่าลิงก์สีน้ำเงินธรรมดาอย่างชัดเจน แปลว่าได้ traffic ที่มีคุณภาพเข้ามายังหน้าที่ลูกค้าตัดสินใจซื้อโดยตรง
- ได้ JSON-LD ที่ไม่มี error ทุกครั้ง การเขียน structured data เองเปราะบางมาก คอมมาสักตัว, วงเล็บปีกไม่ปิด หรือสะกดชื่อ property ผิดเพียงจุดเดียว บล็อกข้อมูลทั้งหมดก็ใช้ไม่ได้และ Google จะเมินทันที เครื่องมือนี้ประกอบ JSON ให้ถูกต้องทุกรอบ ทำให้ปัญหา validation ล้มเหลวจากพิมพ์ผิดหายไป
- ไม่ต้องมี developer ทีมการตลาด, เจ้าของร้าน และทีมคอนเทนต์สร้าง markup ที่เป็นไปตามมาตรฐานได้ด้วยตัวเอง ถ้ากรอกฟอร์มเป็น ก็ส่ง structured data ได้ ไม่ต้องเปิด ticket รอคิวนักพัฒนา
- รวมรายละเอียด offer ครบในรอบเดียว price, currency และ availability อยู่ใน object offers ส่วน brand และ aggregateRating วางเรียงข้างกัน เครื่องมือจัดวางทุกฟิลด์ไว้ตรงตำแหน่งที่ search engine คาดหวังพอดี
- คะแนนรีวิวที่ซื่อสัตย์และมีโครงสร้างถูกต้อง ช่องกรอกคะแนนรับทั้งค่าเฉลี่ยและจำนวนรีวิว ซึ่งเป็นสิ่งที่ Google กำหนดก่อนจะแสดงดาว การเดา syntax ส่วนนี้เองเป็นสาเหตุอันดับต้น ๆ ที่ทำให้ rating snippet ไม่แสดงผล
- ทำงานในเบราว์เซอร์ล้วน ๆ ไม่มีข้อมูลใดถูกส่งขึ้นเซิร์ฟเวอร์ คุณจึงวางรายละเอียดสินค้าที่ยังไม่เปิดตัวได้อย่างปลอดภัย แล้วเตรียม markup ให้พร้อมก่อนวันเปิดตัวจริง
ฟีเจอร์หลัก
| ฟีเจอร์ | ทำอะไร |
|---|---|
| ช่องชื่อสินค้า | สร้าง property name ที่จำเป็น ใช้ระบุตัวตนสินค้าให้ search engine |
| ช่อง price และ currency | สร้าง object offers พร้อม price และ priceCurrency ในรูปแบบ ISO ที่ถูกต้อง |
| ตัวเลือก availability | แมปสถานะสต็อกของคุณไปเป็นค่าที่ Google รับ เช่น InStock หรือ OutOfStock |
| ช่อง brand | เพิ่ม property brand ซึ่งเป็นคุณสมบัติแนะนำที่ช่วยยืนยันตัวตนสินค้า |
| ช่อง aggregate rating | รับคะแนนเฉลี่ยและจำนวนรีวิว เพื่อสร้าง object aggregateRating ที่ถูกต้อง |
| ผลลัพธ์ JSON-LD แบบ copy-paste | สร้างแท็ก <script type="application/ld+json"> ที่พร้อมใช้ วางลงหน้าเว็บได้ทันที |
- เวิร์กโฟลว์แบบฟอร์ม ทุกช่องกรอกแมปกับ property ของ schema.org โดยตรง โครงสร้างผลลัพธ์จึงคาดเดาได้และผ่าน validator ได้ง่าย
- ปุ่ม copy script tag snippet ที่สร้างแล้วอยู่ห่างจากคลิปบอร์ดของคุณเพียงคลิกเดียว พร้อมวางลง HTML template หรือช่อง custom code ของ CMS ได้เลย
- ความเร็วระดับเบราว์เซอร์ ผลลัพธ์อัปเดตตามที่คุณพิมพ์ การทดลองเปลี่ยน price หรือสถานะ availability ต่าง ๆ ใช้เวลาไม่กี่วินาที
วิธีใช้ Product Schema Generator
- เปิดเครื่องมือแล้วกรอกข้อมูลพื้นฐานของสินค้า ใส่ชื่อสินค้าให้ตรงกับที่แสดงบนหน้าเว็บ search engine จะเทียบ markup กับเนื้อหาที่มองเห็น ดังนั้นชื่อในฟอร์มควรตรงกับ H1 หรือชื่อสินค้าบนเว็บไซต์ของคุณ
- ตั้งค่า price, currency, availability และ brand กรอกราคาขายปัจจุบัน เลือกสกุลเงินที่ร้านคิด เลือกสถานะ availability ให้ตรงกับ inventory จริง เช่น มีสินค้า, สินค้าหมด หรือ pre-order แล้วเพิ่มชื่อแบรนด์ที่ลูกค้าจำได้
- กรอก aggregate rating ใส่คะแนนเฉลี่ยและจำนวนรีวิวทั้งหมด ใส่เมื่อรีวิวแสดงบนหน้าเว็บจริงเท่านั้น เพราะคะแนนที่แต่งขึ้นคือทางลัดสู่ manual action
- สร้างและคัดลอก JSON-LD เครื่องมือประกอบ Product object ที่สมบูรณ์และแสดงผลเป็น script tag กดปุ่มคัดลอกเพื่อคว้าบล็อก <script type="application/ld+json"> ทั้งก้อนในครั้งเดียว
- วางลงในหน้าสินค้า วาง script tag ไว้ใน <head> หรือท้าย <body> ของหน้าสินค้า จากนั้นนำ URL ไปตรวจกับ Rich Results Test ของ Google เพื่อยืนยันว่า markup ถูกตรวจพบและมีสิทธิ์แสดง rich result
Product Structured Data ที่ผ่านการ Validate
Product markup สร้างบน type Product ของ schema.org และ Google มีข้อกำหนดเพิ่มเติมซ้อนอยู่อีกชั้น การเข้าใจความต่างระหว่าง property ที่จำเป็นกับ property ที่แนะนำ คือสิ่งที่แยก markup ที่ได้ rich result ออกจาก markup ที่ถูกเมินเฉย
property name จำเป็นในทุกกรณี และเพื่อให้ Google แสดงส่วนเสริมแบบ merchant อย่าง price และสถานะสต็อก สินค้ายังต้องมี object offers ที่ถูกต้องด้วย ทั้ง price, priceCurrency และ availability อาศัยอยู่ใน offers object นี้ Google รับค่า availability ที่กำหนดไว้ชุดเดียว เช่น InStock, OutOfStock, PreOrder, BackOrder และ Discontinued คำตอบแบบข้อความอิสระอย่าง "ส่งของสัปดาห์หน้า" จะไม่ผ่าน ให้เลือกค่ามาตรฐานที่ใกล้ที่สุดแทน
เรื่องคะแนนรีวิวต้องใส่ใจเป็นพิเศษ aggregateRating จะถูกต้องก็ต่อเมื่อ Google เชื่อมโยงกับเนื้อหารีวิวจริงบนหน้าเว็บได้ คะแนนต้องอยู่ระหว่างขอบเขต bestRating และ worstRating (ค่าเริ่มต้น 1 ถึง 5) และ ratingCount หรือ reviewCount ต้องเป็นจำนวนเต็มมากกว่าศูนย์ ถ้ารีวิวเก็บบนแพลตฟอร์มภายนอกและไม่เคยแสดงบนหน้าเว็บเอง การใส่คะแนนลงใน markup เสี่ยงต่อ structured data manual action กฎง่าย ๆ คือ mark up เฉพาะสิ่งที่ผู้ชมมองเห็นได้เท่านั้น
ด้าน syntax JSON-LD คือรูปแบบที่แนะนำ และเป็นสิ่งที่เครื่องมือนี้ส่งออก มันอาศัยอยู่ใน script tag ไม่ผูกกับโครงสร้าง HTML และรอดจากการออกแบบหน้าเว็บใหม่ได้ดีกว่า microdata ที่ต้องสอดแทรก attribute เข้าไปในทุก element ที่มองเห็น microdata ยังใช้ได้อยู่ แต่แทบไม่มีเหตุผลให้เลือกใช้กับงานใหม่
เมื่อ snippet ออนไลน์แล้ว ทดสอบด้วย Rich Results Test ก่อนประกาศชัย วาง URL (หรือโค้ดโดยตรง) แล้วยืนยันว่า Google ตรวจพบ Product โดยไม่มี error คำเตือนเรื่องฟิลด์ที่เป็นทางเลือกยอมรับได้ แต่ error ไม่ได้ แก้ทุกจุดที่ถูก flag และทดสอบซ้ำหลังการเปลี่ยน template ในอนาคตทุกครั้ง เพราะการอัปเดต theme ที่ทำ script tag หลุดไป จะพรานสิทธิ์ rich result ของคุณไปแบบเงียบ ๆ
กรณีใช้งานจริง
Landing Page แบบสินค้าเดียว
Landing page ที่สร้างสำหรับโฆษณาหรือการเปิดตัวมักเขียน HTML ขึ้นเอง ทำให้ structured data ไม่เคยถูกใส่ การสร้าง JSON-LD สำหรับสินค้าตัวเด่นใช้เวลาแค่สองนาที และเปิดโอกาสให้หน้านั้นลุ้น rich result แบบราคาและดาว ซึ่งเป็นข้อได้เปรียบสำคัญเมื่อทุกคลิกมีต้นทุน
หน้า Shopify และ WooCommerce ที่ขาด Markup
Theme สมัยใหม่ของ Shopify และ WooCommerce เวอร์ชันล่าสุดมักสร้าง Product schema ให้อัตโนมัติ แต่ theme ที่แก้เอง, page builder และ template เก่า ๆ มักไม่ทำ หรือสร้างออกมาแบบขาด offers หรือรีวิวพัง การสร้าง script tag ที่สะอาดแล้ววางลงช่อง custom code ของ theme ช่วยปิดช่องว่างนี้โดยไม่ต้องแก้ template
Listing บน Marketplace
ผู้ขายบน marketplace ควบคุมเนื้อหา listing ได้แต่แตะโค้ดของแพลตฟอร์มไม่ได้ สำหรับ marketplace ที่อนุญาตให้ใส่ HTML เอง snippet ของ Product schema ยังสามารถฝังลงหน้าร้านค้าของผู้ขายได้ ช่วยให้หน้าเหล่านั้นแข่งใน organic search ได้ ไม่ต้องพึ่งการค้นพบภายใน marketplace เพียงอย่างเดียว
การย้าย Catalog และการออกแบบเว็บใหม่
การย้ายไปแพลตฟอร์มใหม่มักทำ structured data เดิมหายหรือเสียหาย และทีมงานมักพบ rich result ที่หายไปหลังจากนั้นหลายสัปดาห์ใน Search Console ระหว่าง migration ให้สร้าง Product JSON-LD ใหม่สำหรับหน้าสำคัญ แล้ว validate ก่อนเปิดตัว เพื่อกันดรอป traffic แบบเงียบ ๆ ที่ตามมาหลัง markup ดับ
แนวทางปฏิบัติที่ดีที่สุด
- ให้ markup ตรงกับเนื้อหาที่แสดงบนหน้า ทุกค่าใน JSON-LD ทั้ง name, price, availability และ rating ต้องตรวจสอบได้โดยคนที่อ่านหน้านั้น ความไม่สอดคล้องระหว่าง markup กับเนื้อหาคือสาเหตุอันดับหนึ่งของบทลงโทษด้าน structured data
- รักษา price ให้เป็นปัจจุบัน เมื่อราคาเปลี่ยน markup ต้องเปลี่ยนตาม ข้อมูลราคาที่ค้างอยู่ทำให้ผู้ซื้อที่คลิกเข้ามาด้วยราคาที่แสดงรู้สึกโกง และ Google ถือว่า offer ที่ทำให้เข้าใจผิดเป็น spam
- ใช้ Product schema หนึ่งชุดต่อหนึ่งหน้า product detail page บรรยายสินค้าหนึ่งชิ้น Product block หลายชุดทำให้ parser สับสนและเจือจางคุณสมบัติ ส่วนรายการหลายสินค้าให้ใช้ markup แบบ listing ที่ถูกต้องแทน
- Validate ซ้ำหลังเปลี่ยน template การอัปเดต theme และการอัปเกรด CMS สามารถลบ script tag ออกเงียบ ๆ ได้ จัดตารางรัน Rich Results Test หลังการเปลี่ยนแปลงด้านดีไซน์หรือแพลตฟอร์มทุกครั้งที่มีนัยสำคัญ
- งด aggregateRating จนกว่าจะมีรีวิวจริง หน้าเว็บที่ซื่อสัตย์โดยไม่มีดาว ดีกว่าหน้าเว็บที่ถูกลงโทษเพราะคะแนนปลอม เพิ่มฟิลด์ rating ในวันที่รีวิวจริงแสดงบนหน้าแล้วเท่านั้น
- ผสานกับ markup ที่เสริมกัน จับคู่ snippet ของ Product กับ schema แบบ FAQ หรือ breadcrumb บนหน้าเดียวกัน เพื่อผลการค้นหาที่สมบูรณ์และโดดเด่นยิ่งขึ้น
พร้อมทำให้หน้าสินค้าของคุณมีสิทธิ์คว้า rich results แล้วหรือยัง? เปิด Product Schema Generator กรอกรายละเอียดสินค้าหนึ่งชิ้น แล้ววาง script tag ที่สร้างได้ลงหน้าเว็บของคุณวันนี้ — ใช้เวลาน้อยกว่าการเขียน product description เสียอีก
เครื่องมือที่เกี่ยวข้องที่คุณอาจสนใจ:
- FAQ Schema Generator — สร้าง FAQPage markup ที่ช่วยขยายผลการค้นหาของคุณด้วยรูปแบบคำถามแบบ accordion
- Local Business Schema Generator — สร้าง LocalBusiness JSON-LD สำหรับร้านค้าที่มีสาขาจริง
- Breadcrumb Schema Generator — สร้าง BreadcrumbList markup เพื่อให้ผลการค้นหาแสดงเส้นทางบนเว็บไซต์ของคุณ
ขอให้ติดอันดับสวย ๆ ทุกคีย์เวิร์ด!
คำถามที่พบบ่อย
ถ: ควรวาง script tag JSON-LD ที่สร้างแล้วไว้ตรงไหน? ตอบ: วางไว้ที่ใดก็ได้ใน HTML ของหน้าสินค้า ทั้งในส่วน <head> หรือก่อนแท็กปิด </body> ล้วนถูก Google ยอมรับ หัวใจสำคัญคือต้องอยู่ในหน้าเดียวกับตัวสินค้านั้นเอง ไม่ใช่ใน widget ด้านข้างหรือ URL อื่น
ถ: ต้องมี aggregateRating ถึงจะได้ Product rich results หรือไม่? ตอบ: ไม่จำเป็น price และ availability สามารถทำให้หน้ามีสิทธิ์ได้รับ product enhancement ได้ด้วยตัวเอง ส่วนดาวรีวิวต้องการ aggregateRating ที่ถูกต้องและสะท้อนรีวิวที่แสดงบนหน้าจริง ดังนั้นให้เพิ่มเมื่อมีข้อมูลรีวิวจริงรองรับเท่านั้น
ถ: ใช้กับ Shopify, WooCommerce หรือแพลตฟอร์มอื่นได้หรือไม่? ตอบ: ได้ ผลลัพธ์เป็น script tag มาตรฐาน จึงวางได้ในทุกตำแหน่งที่แก้ HTML ได้ เช่น custom liquid section ของ Shopify, template ของ WooCommerce, ช่อง custom code ของ Webflow หรือไฟล์ HTML ล้วน ถ้าแพลตฟอร์มสร้าง Product schema อยู่แล้ว ให้ตรวจสอบก่อนและหลีกเลี่ยงการใส่ซ้ำ
ถ: หลังใส่ markup แล้ว rich results จะแสดงเมื่อไหร่? ตอบ: Google ต้อง crawl และประมวลผลหน้าใหม่ก่อน ซึ่งอาจใช้ตั้งแต่ไม่กี่วันถึงประมาณสองสัปดาห์ ขึ้นกับความถี่ในการ crawl ส่ง URL ผ่าน Search Console เพื่อขอให้จัดทำดัชนี แล้วติดตามรายงาน Enhancements เพื่อดูว่าข้อมูล Product ถูกนำไปใช้เมื่อใด