Schema Structured Data: คืออะไรและใช้งานอย่างไร

ข้อมูลที่มีโครงสร้างคืออะไร?

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

ในทางกลับกัน Schema เป็น "ภาษา" ที่แพร่หลายที่สุดในการเขียนโค้ดเหล่านี้และใช้งานบนเว็บไซต์

ทำไมผมจะต้องเพิ่มโค้ดในเว็บไซต์?

ง่ายมาก ด้วยชิ้นส่วนของโค้ดเหล่านี้ สิ่งที่เรากำลังทำคือทำให้บอตตีความเนื้อหาได้ง่ายขึ้น

ยังสับสน? เดี๋ยวก่อน ขอให้ตัวอย่าง:

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

เป็น บทความ ที่มี:

• ›

  ชื่อ

• ›

  คำอธิบาย

• ›

  วันที่เผยแพร่

• ›

  วันที่อัปเดต

• ›

  ผู้เขียนบทความ

• ›

  ...

ตามที่เห็น เป็นการใช้งานที่ มองไม่เห็นสำหรับผู้ใช้ แต่สามารถให้ ข้อมูลมากแก่บอต

ทำไม Schema สำคัญสำหรับ SEO?

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

ทุกอย่างเป็นข้อได้เปรียบใช่ไหม? เอาล่ะ รอ คุณยังไม่ได้อ่านส่วนที่ดีที่สุด:

Schema และ rich snippets

ขอบคุณข้อมูลพิเศษที่เราให้กับ Google มันสามารถตอบแทนเราด้วยสิ่งที่เรียกว่า rich snippets:

ในกรณีนี้ เรามี product rich snippet ที่ทำให้ผลลัพธ์ของ Conforama น่าสนใจกว่าคู่แข่งมาก

นอกจาก product Google ยังเสนอข้อมูลที่มีโครงสร้างมากมาย ที่เราสามารถใช้:

อ่านแนะนำ = เอกสารของ Google เกี่ยวกับข้อมูลที่มีโครงสร้าง

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

ที่ได้รับความนิยมที่สุดคือ:

• ›

  Product

• ›

  Article

• ›

  Breadcrumb

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

เพิ่มข้อมูลที่มีโครงสร้างในเว็บไซต์ของผมอย่างไร?

โอเค เรามาถึงส่วนที่อาจทำให้คุณกังวลขึ้นเล็กน้อยหากคุณไม่ใช่แฟนของโค้ด

หากเราต้องการ แนะนำการมาร์กอัปข้อมูลในเว็บไซต์ เรามีหลายตัวเลือก:

• ›

  Microdata เป็นแอตทริบิวต์และแท็กที่เพิ่มในโค้ด HTML ของเว็บไซต์

• ›

  RDFa ส่วนขยาย HTML5 ที่เข้ากันได้กับแอตทริบิวต์แท็ก HTML

• ›

  JSON-LD สคริปต์ที่ปกติเพิ่มใน head ของเว็บไซต์ ที่ข้อมูลที่มีโครงสร้างถูกเพิ่ม

แม้เรามีตัวเลือกเหล่านี้ Google แนะนำให้ใช้ JSON-LD เมื่อเป็นไปได้ ส่วนตัวผมก็แนะนำ ใช้ JSON-LD เพราะใช้ง่ายกว่าและ หากจำเป็น แก้ไขหรือ debug

ทุกอย่างฟังเหมือนภาษากรีกใช่ไหม?

ในเอกสารทางการ เราสามารถพบ ตัวอย่างมากมาย ที่เราเพียงต้องเปลี่ยนข้อมูลและแทรกในเว็บไซต์ ตัวอย่างสามารถพบ ที่นี่ แล้วคลิกที่หน้าตัวอย่าง:

เมื่อเสร็จ แท็บใหม่จะเปิดด้วยเครื่องมือข้อมูลที่มีโครงสร้างทางการของ Google ในนั้น สคริปต์จะถูกเขียนและ เราเพียงต้องเปลี่ยนข้อมูลและแทรกในเว็บไซต์ (ควรอยู่ใน head)

ภายในเครื่องมือ ด้วยปุ่มสีเขียว คุณสามารถตรวจสอบโค้ดในกรณีที่มีข้อผิดพลาดและข้อความสั้นๆ เกี่ยวกับวิธีแก้ไข

ยังเหมือนภาษากรีกใช่ไหม?

ปกติ นี่มักเป็นงานของโปรแกรม แต่เรามีไพ่เด็ดในแขนสำหรับคุณ (โดยเฉพาะหากคุณใช้ WordPress):

เพิ่ม Schema ใน WordPress อย่างไร?

หากคุณมี WordPress และไม่ต้องการทำให้ชีวิตซับซ้อน คุณสามารถใช้ plugin Schema & Structured Data For WP

ส่วนตัวผมลอง plugins มาร์กอัปข้อมูลหลายตัว และไม่ต้องสงสัย ผมยึดมั่นกับอันนี้ เป็น plugin ที่เบาและเป็นมิตรพร้อมตัวเลือกมากมาย

นอกจากนี้ มีระบบมาร์กอัปข้อมูลพร้อม schemas มากมายและผู้ช่วยที่ใช้งานง่ายมาก ในกรณีที่เราไม่ต้องการทำให้ซับซ้อน:

ส่วนใหญ่ฟรี แต่หากกรณีของคุณซับซ้อนกว่า (เนื่องจากธีมหรือชุด plugins ที่คุณใช้) ราคาประมาณ $15 ราคาที่น่าหัวเราะ เพราะหากคุณมีปัญหาใด ผู้พัฒนาทำการติดตั้งให้คุณ

สุดท้าย หากคุณคิดว่าตัวเองเป็น Rambo แห่งการมาร์กอัป มันยังมีตัวเลือกขั้นสูงที่ทรงพลังมาก ?

ตรวจสอบข้อมูลที่มีโครงสร้างของคุณอย่างไร?

โอเค เรา ติดตั้งและใช้งานทั้งหมดแล้ว ตอนนี้ทำอะไร?

เอาล่ะ ถึงเวลาตรวจสอบ

เครื่องมือแนะนำ: ตรวจสอบข้อมูลที่มีโครงสร้าง

สำหรับสิ่งนี้ เราจะใช้เครื่องมือทางการของ Google เมื่อเข้าด้านใน เรามี สองตัวเลือก: ทั้งผ่าน URL หรือวางโค้ดโดยตรง:

คำแนะนำส่วนตัวคือใช้ตัวเลือก code snippet เสมอก่อนและเมื่อทุกอย่างถูกต้อง ย้ายไปยังเว็บไซต์และตรวจสอบอีกครั้งด้วยตัวเลือก URL

สถานการณ์ที่สมบูรณ์แบบเป็นเช่นนี้:

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

ตัวอย่างเช่น ในกรณีนี้ ผมมีข้อผิดพลาด (ฟิลด์ price ที่ผมลบ) และคำเตือน (ผมลบฟิลด์ sku) เครื่องมือเองมักบอกเราว่าข้อผิดพลาดอยู่ที่ใดในโค้ดและวิธีแก้ไข

บทสรุป

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

ตามปกติ สำหรับข้อสงสัยหรือคำถามใดๆ เราจะรอคุณในความคิดเห็น :)