What is og : Open Graph, and what is its significance in SEO for Facebook and social media?
Programming › What is og : Open Graph, and what is its significance in SEO for Facebook and social media?
Open Graph คือโปรโตคอลที่ถูกพัฒนาโดย Facebook ซึ่งใช้ในการเชื่อมโยงเว็บไซต์เข้ากับแพลตฟอร์มโซเชียลมีเดีย ผ่านการกำหนดข้อมูลเมตาที่ใช้สำหรับการแสดงผลเมื่อมีการแชร์ลิงก์บนโซเชียลมีเดียต่างๆ เช่น Facebook, Twitter, LinkedIn เป็นต้น และเป็นการช่วยให้เจ้าของเว็บไซต์สามารถควบคุมวิธีการแสดงผลของเนื้อหาบนเว็บไซต์เมื่อถูกแชร์บนแพลตฟอร์มโซเชียลมีเดียต่าง ๆ โดยการใช้แท็ก Open Graph เมตา คุณสามารถกำหนดชื่อเรื่อง คำอธิบาย รูปภาพ และคุณสมบัติอื่น ๆ ของเนื้อหาได้
ความสำคัญของ Open Graph ในการทำ SEO
- การเพิ่มการมีส่วนร่วมและการแชร์: การกำหนดข้อมูล Open Graph ที่เหมาะสมช่วยให้เนื้อหาที่แชร์บนโซเชียลมีเดียดูน่าสนใจและครบถ้วน ทำให้ผู้ใช้งานมีแนวโน้มที่จะแชร์และมีส่วนร่วมกับเนื้อหามากขึ้น
- การสร้างแบรนด์และการแสดงภาพลักษณ์: สามารถกำหนดภาพและข้อความที่เกี่ยวข้องกับแบรนด์ของคุณ ทำให้การแสดงผลของเนื้อหาเป็นไปในทิศทางเดียวกันและเสริมสร้างภาพลักษณ์ของแบรนด์
- เพิ่มการเข้าถึง: การใช้ Open Graph สามารถช่วยให้เว็บไซต์ของคุณได้รับการคลิกผ่านจากโซเชียลมีเดียมากขึ้น ซึ่งสามารถเพิ่มทราฟฟิกให้กับเว็บไซต์
- ประสบการณ์ผู้ใช้ที่ดีขึ้น: ข้อมูลที่แสดงผลชัดเจนและครบถ้วนสามารถช่วยให้ผู้ใช้ตัดสินใจเข้าชมเว็บไซต์ของคุณได้ง่ายขึ้น
- ความสม่ำเสมอของแบรนด์: โดยการควบคุมการแสดงผลของเนื้อหา คุณสามารถรักษาความสม่ำเสมอของแบรนด์ในแพลตฟอร์มต่าง ๆ
- เพิ่มอัตราการคลิกผ่าน (CTR): ตัวอย่างลิงก์ที่จัดรูปแบบอย่างดีและดึงดูดสายตาสามารถนำไปสู่อัตราการคลิกผ่านที่สูงขึ้น เนื่องจากผู้ใช้งานมีแนวโน้มที่จะคลิกบนเนื้อหาที่ดูเป็นมืออาชีพและน่าสนใจ
- เพิ่มการมองเห็น: แท็ก Open Graph ช่วยให้เนื้อหาของคุณแสดงผลได้ถูกต้องและน่าสนใจเมื่อแชร์บนโซเชียลมีเดีย เพิ่มโอกาสในการคลิกและมีส่วนร่วม
ตัวอย่างข้อมูล Open Graph ที่สามารถกำหนดได้มีดังนี้
- og:title - ชื่อของหน้าเว็บหรือบทความ
- og:description - คำอธิบายสั้นๆ ที่เกี่ยวกับเนื้อหาของหน้าเว็บ
- og:image - URL ของรูปภาพที่ใช้ในการแสดงผล
- og:url - URL ของหน้าเว็บ
ตัวอย่างการใช้งาน og หรือ open graph
วิธีใช้งาน Preview og และแก้ไขจุดบ่งพร่องตามเพื่อให้ดึงข้อมูลของเว็บไซต์ที่เราต้องการแก้ไขให้เป็นเวอร์ขั่นล่าสุดตามต้องการ
เข้าไปที่ Facebook Sharing Debugger https://developers.facebook.com/tools/debug/
- กรอก URL ของเว็บที่ต้องการตรวจสอบการทำงาน และกด Debug เพื่อตรวจสอบแก้ไขจุดบกพร่อง
- เครื่องมือจะแนะนำจุดที่ต้องแก้ไขให้ใน และทำตามคำแนะนำรแก้ไข นส่วนนี้แสดงข้อผิดพลาดหรือข้อควรแก้ไขที่พบ ตัวอย่างในภาพแสดงว่ามีบาง property ของ og (Open Graph) ที่ขาดหายไป เช่น og:url, og:type, og:title, og:description, และ fb:app_id
- หลังจากแก้ไขแล้วให้รอสักครู่ แล้วกดดึงข้อมูลมาตรวจสอบอีกครั้ง
- รหัสการตอบสนอง: แสดงสถานะการตอบสนองของเซิร์ฟเวอร์ เช่น 200 หมายถึงการร้องขอสำเร็จ
เครื่องมือนี้ช่วยให้ผู้พัฒนาสามารถตรวจสอบและปรับแต่งข้อมูลเมตาของเว็บไซต์เพื่อให้การแชร์ข้อมูลบนโซเชียลมีเดียเป็นไปอย่างถูกต้องและครบถ้วน
เมื่อแก้ไขจุดบกพร่องต่างๆ ตามคำแนะนำเรียบร้อยแล้ว พร้อมที่จะโพสต์ลง Social Network หรือแชร์ตามเว็บบอร์ดต่างๆได้ ลิงค์จะขึ้นรูปภาพตัวอย่าง และข้อความอธิบายตามที่เราตั้งค่าไว้บนเว็บไซต์
จากตัวอย่างทดลอง copy link และสร้างโพสต์บน Facebook Feed link จะปรากฏตัวอย่างของโพสต์แสดงออกมาเพื่อเพิ่มประสิทธิภาพของ SEO อย่างสูงสุด
Please rate your satisfaction with this article
Post a Comment
Your email address will not be displayed to others. Required fields are marked *
Recommended Content
