บทความทั้งหมด

Meta tag: แท็กไหนที่ส่งผลจริงต่อการค้นหาและโซเชียลมีเดีย

ภาษาไทยเขียนติดกันโดยไม่มีการเว้นวรรคระหว่างคำ ซึ่งต่างจากภาษาที่ใช้ตัวอักษรละติน ทำให้การตัดข้อความในการ์ดตัวอย่างลิงก์ที่ใช้ขีดจำกัดความยาวตัวอักษรตายตัวอาจตัดกลางคำไทยได้ง่ายกว่าที่คิด นี่เป็นเรื่องที่ควรพิจารณาเวลาตั้งชื่อเรื่องหรือคำอธิบายให้กระชับ

Meta description เป็นเพียงคำแนะนำ ไม่ใช่กฎตายตัว

แท็ก <meta name="description"> แนะนำเครื่องมือค้นหาว่าควรใช้ข้อความใดเป็น snippet ในผลการค้นหา แต่ Google มักเพิกเฉยต่อคำแนะนำนี้และสร้าง snippet เองจากส่วนหนึ่งของเนื้อหาในหน้าเว็บ หากเห็นว่าตรงกับคำค้นหาของผู้ใช้มากกว่า

Open Graph กับชุดแท็กเฉพาะของ Twitter

แท็ก og:title, og:description และ og:image เป็นส่วนหนึ่งของโปรโตคอล Open Graph ซึ่ง Facebook เป็นผู้ริเริ่ม และปัจจุบัน LINE, Telegram และ LinkedIn ก็อ่านแท็กชุดนี้เช่นกัน ส่วน Twitter (X) ใช้ชุดแท็กของตัวเอง — twitter:card, twitter:title — และจะย้อนกลับไปใช้ค่าจาก Open Graph ก็ต่อเมื่อไม่มีแท็กของตัวเองเท่านั้น

เหตุใดข้อความไทยจึงถูกตัดกลางคำในการ์ดตัวอย่าง

ระบบสร้างการ์ดตัวอย่างลิงก์ส่วนใหญ่จะตัดชื่อเรื่องและคำอธิบายที่จำนวนตัวอักษรหรือความกว้างพิกเซลที่กำหนดไว้ตายตัว โดยไม่รู้ว่าจุดใดคือขอบเขตของคำในภาษาไทย การวางใจความสำคัญไว้ในช่วง 50-60 ตัวอักษรแรกของ og:title และ og:description จึงช่วยลดโอกาสที่ข้อความจะถูกตัดในจุดที่อ่านแล้วสับสน

เหตุใดจึงจำเป็น

  • สร้างชุด meta tag ที่สมบูรณ์ (SEO, Open Graph, Twitter Card) สำหรับหน้าใหม่ได้ในครั้งเดียว
  • ตรวจสอบก่อนแชร์ลิงก์ทาง LINE หรือ Telegram ว่าการ์ดตัวอย่างมีรูปภาพและข้อความครบถ้วน
  • เข้าใจว่าเหตุใด snippet ที่ Google แสดงจึงแตกต่างจากข้อความใน meta description

ขนาดรูปภาพสำหรับ Twitter Card

สำหรับประเภท summary_large_image แนะนำให้ใช้รูปภาพขนาดประมาณ 1200×630 พิกเซล หากสัดส่วนต่างไปมาก รูปอาจถูกครอบตัดไม่สวยงาม หรือ Twitter อาจเปลี่ยนไปใช้เลย์เอาต์ summary ที่เล็กกว่าโดยไม่แจ้งเตือน Open Graph ยืดหยุ่นเรื่องขนาดมากกว่า แต่การรักษาสัดส่วนที่แนะนำช่วยให้การแสดงตัวอย่างสม่ำเสมอในทุกแพลตฟอร์ม

ลองใช้เครื่องมือ