ใช้ Open Graph ให้ภาพสวย คำไม่หายเวลาลงลิงก์

เคยไหม? เวลานำลิงก์เว็บไซต์ไปโพสต์บน Facebook หรือ Twitter แล้วผลลัพธ์ออกมาแปลก ๆ เช่น…

• ไม่มีภาพประกอบ
  
  

• ข้อความหัวข้อถูกตัด
  
  

• คำอธิบายไม่ตรงกับเนื้อหา
  
  

ปัญหาเหล่านี้ส่วนใหญ่มาจากการไม่ได้ตั้งค่า Open Graph (OG) และ Twitter Cards อย่างถูกต้อง
ซึ่งเป็นมาตรฐานสำคัญที่ช่วยควบคุมว่าเมื่อมีคนแชร์ลิงก์ของคุณบนโซเชียล หน้านั้นจะแสดง “หน้าตา” อย่างไร

Open Graph คืออะไร?

Open Graph (OG) เป็นมาตรฐานของ Facebook ที่ใช้กำหนดว่าเวลามีคนแชร์ลิงก์เว็บไซต์ จะแสดงภาพ, หัวข้อ และคำอธิบายอะไร
ขณะที่ Twitter Cards คือฟีเจอร์คล้ายกันของ Twitter

แท็ก OG ที่ควรใส่ (ขั้นต่ำ)

<meta property="og:title" content="ชื่อบทความที่น่าสนใจ">

<meta property="og:description" content="สรุปเนื้อหาสั้น ๆ ที่กระตุ้นให้คลิก">

<meta property="og:image" content="https://example.com/image.jpg">

<meta property="og:url" content="https://example.com/your-page">

<meta property="og:type" content="article">

<meta property="og:site_name" content="ชื่อเว็บไซต์ของคุณ">

สำหรับ Twitter Cards:

<meta name="twitter:card" content="summary_large_image">

<meta name="twitter:title" content="ชื่อบทความ">

<meta name="twitter:description" content="คำอธิบายบทความ">

<meta name="twitter:image" content="https://example.com/image.jpg">

ข้อแนะนำเพิ่มเติม

• ขนาดภาพที่แนะนำ: 1200 x 630px (Facebook), 1200 x 675px (Twitter)
  
  

• ใช้ภาพที่มีข้อความน้อย เพื่อแสดงผลได้ดีในทุกอุปกรณ์
  
  

• หลีกเลี่ยงการใช้ภาพเดียวกันทุกหน้า → ทำให้ทุกลิงก์ดูเหมือนกันหมด
  
  

• ทดสอบก่อนแชร์จริงด้วย Facebook Sharing Debugger และ Twitter Card Validator
  
  

กรณีศึกษา: เว็บไซต์ท่องเที่ยวปรับ OG แล้ว CTR เพิ่ม 27%

เว็บไซต์รีวิวท่องเที่ยวระดับภูมิภาคต้องการให้บทความ “สวย” เวลาแชร์ใน Facebook เพื่อเพิ่มคลิกจากกลุ่มผู้อ่านสายเที่ยว

ปัญหาที่พบ:

• ใช้ OG เดิมที่ตั้งไว้เหมือนกันทุกหน้า → ภาพเดียว ข้อความเดียว
  
  

• คำอธิบาย (Meta Description) ไม่ตรงกับเนื้อหาบทความ
  
  

• เมื่อแชร์แล้วลิงก์ไม่ชวนคลิก → CTR ต่ำ
  
  

การปรับที่ทำ:

• สร้างภาพเฉพาะสำหรับแต่ละบทความ เช่น “10 ที่เที่ยวฮอกไกโดหน้าหนาว” มีภาพที่เกี่ยวข้องโดยตรง
  
  

• เขียน og:title และ og:description ใหม่ให้ตรงกับประเด็นบทความและกระตุ้นอารมณ์
  
  

• ปรับ og:image ให้ภาพเด่นชัด ตัวหนังสือน้อย และใช้โลโก้เว็บไซต์ร่วม
  
  

ผลลัพธ์:

• CTR จาก Facebook เพิ่มขึ้น 27% ภายใน 1 เดือน
  
  

• ผู้ใช้อยู่บนเว็บนานขึ้น (Time on Page เพิ่ม 15%)
  
  

• ผู้ติดตาม Facebook แชร์ลิงก์ต่อเองเพิ่มขึ้นจากบทความเด่น
  
  

สรุป

Open Graph และ Twitter Cards คือ “หน้าตาแรก” ที่ผู้อ่านเห็นเมื่อมีคนแชร์บทความของคุณ
ยิ่งแสดงผลได้ดี → ยิ่งมีโอกาสถูกคลิก → ยิ่งสร้างทราฟฟิกได้มากขึ้น

อย่าปล่อยให้บทความดี ๆ ของคุณพลาดโอกาสในการดึงดูดคนเพียงเพราะ “ลิงก์ดูไม่น่าสนใจ”