วิธีตั้งค่า Open Graph สำหรับ WordPress

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

Open Graph มีไว้สำหรับการแสดงผลลิงก์บนแพลตฟอร์มที่รองรับ ไม่ใช่สิ่งทดแทน SEO Title หรือ Meta Description ที่ตั้งไว้สำหรับผลการค้นหา

❶ ตรวจว่ามี Open Graph อยู่แล้วหรือไม่

ก่อนตั้งค่า ให้ตรวจว่าธีมหรือปลั๊กอิน SEO สร้าง Open Graph ให้อยู่แล้วหรือไม่ การเปิดใช้หลายระบบพร้อมกันอาจทำให้หน้าเว็บมีข้อมูลซ้ำหรือแสดงชื่อกับภาพไม่ตรงกัน

① ตรวจปลั๊กอินและธีมที่ใช้อยู่

เปิดการตั้งค่าปลั๊กอิน SEO และตรวจส่วน Social หรือ Open Graph หากมีการตั้งค่าอยู่แล้ว ให้ใช้ระบบนั้นเป็นหลักและหลีกเลี่ยงการติดตั้งปลั๊กอินเพิ่มเพียงเพื่อสร้างข้อมูลชุดเดียวกัน

② ตรวจข้อมูลในหน้าเว็บจริง

เปิดบทความแล้วตรวจแหล่งที่มาของหน้าเว็บหรือใช้เครื่องมือตรวจตัวอย่างแชร์ของแพลตฟอร์ม หากพบข้อมูล Open Graph มากกว่าหนึ่งชุด ให้ตรวจว่ามาจากปลั๊กอินหรือธีมตัวใด

❷ เปิดใช้ Open Graph ระดับเว็บไซต์

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

① เปิดฟังก์ชัน Social หรือ Open Graph

เข้าเมนูตั้งค่าของปลั๊กอิน แล้วค้นหาส่วนที่เกี่ยวกับการแชร์หรือ Open Graph เปิดฟังก์ชันที่จำเป็นและบันทึกการตั้งค่า

② กำหนดข้อมูลเริ่มต้นของเว็บไซต์

ตั้งชื่อเว็บไซต์ ภาพเริ่มต้น และข้อมูลพื้นฐานที่ต้องการใช้เมื่อหน้าใดไม่มีข้อมูลเฉพาะ ตรวจว่าภาพเริ่มต้นเป็นภาพที่เกี่ยวข้องกับเว็บไซต์และเปิดใช้งานได้จากภายนอก

❸ ตั้งค่า Open Graph สำหรับบทความหรือหน้าแต่ละรายการ

เปิดบทความใน WordPress แล้วมองหาส่วน Social หรือการแสดงตัวอย่างบนแพลตฟอร์ม หากไม่มีการกำหนดค่าเฉพาะ ระบบอาจนำชื่อ ภาพเด่น หรือคำอธิบายของบทความไปใช้เป็นค่าเริ่มต้น

① กำหนดชื่อสำหรับการแชร์

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

② เขียนคำอธิบายสำหรับตัวอย่างลิงก์

สรุปว่าหน้านี้มีข้อมูลอะไร ใช้ข้อความที่อ่านรู้เรื่องเมื่อเห็นเพียงตัวอย่างสั้น ๆ และอย่าคัดลอกคำค้นมาเรียงโดยไม่เป็นประโยค

③ เลือกภาพแชร์ที่เหมาะสม

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

❹ ตรวจข้อมูลหลักของ Open Graph

Open Graph มักมีข้อมูลสำคัญ เช่น ชื่อหน้า คำอธิบาย ภาพ URL ของหน้า และประเภทของเนื้อหา หลังตั้งค่าผ่านปลั๊กอิน ให้ตรวจว่าค่าแต่ละรายการตรงกับ URL และบทความที่กำลังเผยแพร่

① ตรวจ URL หลัก

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

② ตรวจภาพและคำอธิบาย

ตรวจว่าภาพและคำอธิบายที่แสดงตรงกับบทความ หากใช้ภาพเริ่มต้นกับทุกหน้า ให้พิจารณากำหนดภาพเฉพาะสำหรับบทความสำคัญเพื่อให้ตัวอย่างแชร์แยกจากกันได้ชัดเจน

❺ ทดสอบตัวอย่างแชร์หลังเผยแพร่

หลังบันทึกและเผยแพร่ ให้ใช้เครื่องมือตรวจตัวอย่างแชร์ของแพลตฟอร์มที่ต้องการ ตรวจชื่อ คำอธิบาย ภาพ และ URL ที่ปรากฏ

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

❻ แก้ปัญหา Open Graph ที่พบบ่อย

• ภาพไม่แสดง: ตรวจว่า URL ภาพเปิดได้และไม่ถูกบล็อก
• แสดงภาพเก่า: ตรวจภาพเด่นและแคชของแพลตฟอร์ม
• ชื่อซ้ำหรือไม่ตรง: ตรวจว่าธีมกับปลั๊กอินไม่ได้สร้างข้อมูลซ้ำ
• คำอธิบายไม่ตรงบทความ: ตรวจช่องคำอธิบาย Social และข้อมูลที่ระบบใช้เป็นค่าเริ่มต้น
• แสดง URL ผิด: ตรวจ URL หลักและการเปลี่ยนเส้นทางของหน้า

เช็กลิสต์ Open Graph WordPress

• เปิดใช้ Open Graph จากระบบหลักเพียงระบบเดียว
• ตั้งค่าพื้นฐานของเว็บไซต์และภาพเริ่มต้น
• กำหนดชื่อ คำอธิบาย และภาพให้บทความสำคัญ
• ตรวจ URL ให้ตรงกับหน้าหลัก
• ทดสอบตัวอย่างแชร์หลังเผยแพร่
• ตรวจแคชเมื่อแพลตฟอร์มยังแสดงข้อมูลเก่า

สำหรับเว็บไซต์ ComSiam ควรตั้งค่าภาพและข้อมูลเริ่มต้นก่อน แล้วกำหนดข้อมูลเฉพาะให้บทความสำคัญที่ต้องการให้แสดงตัวอย่างแตกต่างกัน

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