คู่มือการใช้ข้อมูลที่มีโครงสร้าง JSON-LD

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

แต่เรื่องน่าปวดหัวของการนำ microdata แบบอินไลน์ไปใช้นั้นเป็นเรื่องของอดีตไปแล้ว Google ไม่เพียงแต่รองรับ แต่ยังแนะนำให้คุณใช้ JSON-LD (JavaScript Object Notation for Linked Data) สำหรับข้อมูลที่มีโครงสร้างของคุณ ซึ่งเป็นก้าวที่ยิ่งใหญ่ หมายความว่า แทนที่จะต้องฮาร์ดโค้ดไมโครดาต้าแบบอินไลน์ Google จะรวบรวมข้อมูล JavaScript เพื่อเข้าถึงข้อมูลที่มีโครงสร้างของคุณแทน

วิธีนี้ยอดเยี่ยม เนื่องจาก JSON-LD ใช้งานได้ง่ายกว่า และอ่านและเขียนได้ง่ายกว่าหากคุณมีแนวโน้มสูง ยิ่งไปกว่านั้น ขณะนี้มีวิธีต่างๆ มากมายกว่าที่เคยในการนำข้อมูลที่มีโครงสร้างของคุณไปใช้

“แต่ถ้าฉันไม่รู้วิธีเขียนจาวาสคริปต์ล่ะ”

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

เครื่องมือเน้นข้อมูลของ Google

ก่อนอื่น คุณมีตัวเลือกในการใช้เครื่องมือเน้นข้อความของ Google Search Console ซึ่งช่วยให้คุณใช้ข้อมูลที่ มี โครงสร้างได้ โดยไม่ต้องดูโค้ดแม้แต่บรรทัดเดียว

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

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

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

เราเห็นการพัฒนาอย่างต่อเนื่องในวิธีที่ Google ใช้ข้อมูลที่มีโครงสร้าง ล่าสุดมีประกาศสำหรับ Rich Cards บนมือถือ:

ไม่ได้จำกัดแค่ Google เท่านั้น—โซเชียลมีเดียยักษ์ใหญ่ได้ค้นพบวิธีการใช้ข้อมูลนี้ ตัวอย่างเช่น Pinterest เปิดใช้งาน Rich Pins เพื่อดึงข้อมูลเกี่ยวกับผลิตภัณฑ์ สูตรอาหาร สถานที่ และอื่นๆ

มีสิ่งดีๆ มากมายที่คุณสามารถทำได้ด้วยมาร์กอัป Schema ที่คุณไม่สามารถทำได้ด้วยเครื่องมือเน้นข้อความของ Google เช่นกัน ตัวอย่างเช่น ทำไมไม่ลองเพิ่มโปรไฟล์โซเชียลมีเดียของคุณลงในแผงความรู้เช่น ASOS ด้านล่าง:

บางทีคุณอาจต้องการเพิ่มแถบค้นหาไซต์ลิงก์เช่น BuzzFeed เพื่อให้ผู้คนสามารถค้นหาภายในเว็บไซต์ของคุณจากภายใน SERP (นั่นคือเมตา):

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

วิธีง่ายๆ ในการเพิ่ม Schema Markup

หากเว็บไซต์ของคุณใช้ WordPress คุณสามารถใช้ปลั๊กอินเช่น Schema Creator by Raven เครื่องมือที่มีประโยชน์นี้จะแนะนำคุณตลอดกระบวนการ และสร้างรหัสย่อสำหรับสคีมาแต่ละรายการที่คุณสร้าง ช่วยให้คุณแก้ไขได้ในภายหลัง:

หากคุณไม่ได้ใช้ WordPress และยังต้องการเขียนโค้ดข้อมูลที่มีโครงสร้าง JSON-LD ของคุณ หรือหากคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับหัวข้อนี้เท่านั้น Google Tag Manager จึงเป็นที่มาของสิ่งนี้!

การใช้ Google Tag Manager เพื่อพุชข้อมูลที่มีโครงสร้าง

สิ่งที่น่าตื่นเต้นเกี่ยวกับเสิร์ชเอ็นจิ้นที่สนับสนุน JSON-LD คือจะถูกเลือกที่ใดก็ได้ใน HTML แม้ว่าจะถูกแทรกแบบไดนามิกโดยระบบการจัดการแท็ก เช่น Google Tag Manager

ทำความรู้จักกับ JSON-LD

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

ต่อไปนี้คือลิงก์บางส่วนที่จะช่วยให้คุณเริ่มต้น:

• เอกสารประกอบบน Schema.org เรียงตามประเภท
• JSON Playground ที่ที่ดีในการลองเล่นกับข้อมูลที่คุณพบในลิงก์ด้านบน พร้อมตัวอย่างที่เป็นประโยชน์เพื่อให้คุณเริ่มต้น
• JSON-LD Generator โดยผู้พัฒนา James Flynn ใช้งานง่ายมากและทำงานหนักเพื่อคุณ
• คู่มือข้อมูลที่มีโครงสร้างในโลกแห่งความเป็นจริงจาก Search Engine News พร้อมตัวอย่างตัวอย่างข้อมูลที่หลากหลาย

คำแนะนำทีละขั้นตอน

ตอนนี้ มาดูตัวอย่างง่ายๆ ของการใช้เครื่องจัดการแท็กเพื่อพุชข้อมูลที่มีโครงสร้าง JSON-LS เพื่อช่วยคุณเริ่มต้น หมายเหตุ: หากคุณยังไม่ได้ใช้ GTM เพื่อปรับใช้และจัดการแท็กการตลาดและการวิเคราะห์ โปรดอ่านคู่มือการตั้งค่าและการติดตั้งอย่างง่ายนี้

ขั้นตอนที่หนึ่ง – เพิ่มแท็ก

ก่อนอื่น เพิ่มแท็กใหม่:

ขั้นตอนที่สอง – ตั้งชื่อแท็กของคุณ

ตั้งชื่อแท็กของคุณให้เหมาะสม ในตัวอย่างนี้ ฉันจะเน้นที่การเพิ่ม Organization Schema Markup:

ขั้นตอนที่สาม – เลือกแท็ก HTML ที่กำหนดเอง

เนื่องจากเราใช้มาร์กอัป JSON-LD ของเราเอง คุณต้องเลือกตัวเลือกแท็ก HTML ที่กำหนดเองแล้วกดดำเนินการต่อ:

ขั้นตอนที่สี่ – ป้อนมาร์กอัป JSON-LD ของคุณ

ตอนนี้ คุณต้องป้อนมาร์กอัปของคุณในกล่อง HTML ในตัวอย่างนี้ ฉันใช้รูปแบบ JSON-LD สำหรับองค์กรที่พบที่นี่

ขั้นตอนที่ห้า – เลือกเวลาที่แท็กควรเริ่มทำงาน

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

หากคุณต้องการเพิ่ม Schema ที่เจาะจงสำหรับหน้าหรือกลุ่มของหน้าใดหน้าหนึ่ง คุณสามารถใช้ตัวเลือก 'บางหน้า' เพื่อระบุหน้าเฉพาะ:

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

เคล็ดลับ: หากคุณต้องการระบุกลุ่มของหน้า คุณสามารถใช้การดำเนินการ 'มี' URL ของหน้าหรือการดำเนินการ RegEx (นิพจน์ทั่วไป)

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

ขั้นตอนที่หก – การทดสอบ

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

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

• เครื่องมือทดสอบข้อมูลที่มีโครงสร้างของ Google
• โปรแกรมตรวจสอบมาร์กอัปของ Bing

ตรวจสอบให้แน่ใจว่าคุณใช้เครื่องมือฟรีเหล่านี้ในการทดสอบการใช้งาน ไม่ว่าคุณจะเคยใช้ปลั๊กอิน เครื่องจัดการแท็ก หรือฮาร์ดโค้ดสคีมาของคุณ เมื่อเร็วๆ นี้ Google ได้ทำการปรับปรุงเครื่องมือของตน โดยปรับปรุงคุณลักษณะต่างๆ เช่น การไฮไลต์ การค้นหาและแทนที่ และการเติมข้อความอัตโนมัติ

วิธีนี้จะช่วยให้คุณสามารถแทรกข้อมูลโค้ด JSON-LD ลงในหน้าหรือหน้าได้โดยไม่มีปัญหา แต่ถ้าคุณต้องการได้รับข้อมูลทางเทคนิคมากขึ้นและใช้เครื่องจัดการแท็กเพื่อสร้างข้อมูลโค้ดแบบไดนามิก เช่น การใช้ {{page URL}} จะไม่ทำงาน Chris Goddard เพิ่งเขียนโพสต์ที่ยอดเยี่ยมรวมถึงวิธีแก้ไขปัญหานี้ในบล็อก Moz

บทสรุป

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

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

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

หากคุณต้องการความช่วยเหลือ อย่าลังเลที่จะติดต่อเรา