วิธีใช้งาน
- ป้อน URL (หากไม่ระบุโพรโทคอลจะถือว่าเป็น https)
- คลิก «ค้นหา» แล้วดูพรีวิวทั้งสามแบบ
- แก้ไขแท็กที่ระบุไว้ใต้ «รายการตรวจ» จากนั้นค้นหาอีกครั้งเพื่อยืนยัน
คำอธิบายตัวเลือก
- สิ่งที่อ่าน
- อ่านเฉพาะส่วน <head> ของหน้าเว็บ สูงสุด 1 MB ตรวจจับการเข้ารหัสอย่าง UTF-8 และ GBK โดยอัตโนมัติ
- คำแนะนำเรื่องความยาว
- ควรตั้ง title ไม่เกินประมาณ 60 ตัวอักษร และ description อยู่ที่ 50–160 ตัวอักษร เนื่องจากเครื่องมือค้นหาตัดข้อความตามความกว้างพิกเซล ตัวเลขนี้จึงเป็นเพียงค่าประมาณ
- ข้อจำกัดการเข้าถึง
- เข้าถึงได้เฉพาะที่อยู่สาธารณะบนพอร์ต 80, 443, 8080 และ 8443 และตามการเปลี่ยนเส้นทาง (redirect) ได้สูงสุด 5 ครั้ง
พรีวิวใช้แท็กใดบ้าง
พรีวิวทั้งสามแบบนำแต่ละส่วนของข้อความจากแท็กแรกที่มี ตามลำดับนี้:
| ส่วนของพรีวิว | นำมาจาก แท็กแรกที่พบ |
|---|---|
| ชื่อเรื่อง | og:title แล้ว twitter:title แล้วชื่อหน้า |
| คำอธิบาย | og:description แล้ว twitter:description แล้ว meta description |
| รูปภาพ | og:image แล้ว twitter:image |
รายการตรวจจะชี้ว่าขาด og:title, og:description, og:image หรือ twitter:card, og:image ที่ไม่ใช่ URL http หรือ https แบบเต็ม และ title หรือ description ที่อยู่นอกคำแนะนำเรื่องความยาว ชุดขั้นต่ำที่ผ่านทุกข้อมีหน้าตาแบบนี้ใน head ของหน้า:
<meta property="og:title" content="Page title">
<meta property="og:description" content="One or two sentences about the page.">
<meta property="og:image" content="https://example.com/share.png">
<meta property="og:url" content="https://example.com/page">
<meta name="twitter:card" content="summary_large_image">
โปรโตคอล Open Graph (ogp.me) กำหนด og:title, og:type, og:image และ og:url เป็นคุณสมบัติพื้นฐาน ค่าของ twitter:card คือ summary (การ์ดเล็ก) และ summary_large_image (รูปใหญ่เหนือข้อความ)
คำถามที่พบบ่อย
แก้แท็กแล้ว ทำไมแอปโซเชียลยังแสดงการ์ดเดิม?
แพลตฟอร์มต่าง ๆ จะแคชพรีวิวลิงก์ไว้นานหลายชั่วโมงถึงหลายวัน Facebook, LinkedIn และ X ต่างมีเครื่องมือ debugger อย่างเป็นทางการที่บังคับให้ดึงข้อมูลใหม่ได้
og:image ควรมีขนาดเท่าไร?
ขนาดที่นิยมใช้คือ 1200×630 พิกเซล (ประมาณ 1.91:1) ไฟล์ต้องเล็กกว่า 5 MB และใช้ URL แบบ https แบบเต็ม (absolute) รูปสี่เหลี่ยมจัตุรัสขนาดเล็กจะถูกครอปหรือแสดงเป็นการ์ดขนาดเล็ก
เว็บไซต์ของฉันเรนเดอร์ในเบราว์เซอร์ ทำไมจึงหาแท็กไม่พบ?
เช่นเดียวกับโปรแกรมรวบรวมข้อมูลของโซเชียลส่วนใหญ่ เครื่องมือนี้อ่านเฉพาะ HTML ที่เซิร์ฟเวอร์ส่งกลับมา และไม่รัน JavaScript แท็กต่าง ๆ ต้องอยู่ใน HTML ตั้งแต่การเรนเดอร์ฝั่งเซิร์ฟเวอร์หรือ static generation
ความเป็นส่วนตัว
ไฟล์จะถูกอัปโหลดผ่าน HTTPS เพื่อประมวลผล และจะถูกลบโดยอัตโนมัติภายในหนึ่งชั่วโมง