ข้ามไปยังเนื้อหา
ToolMug

ใช้ ↑ ↓ เพื่อเลื่อน, Enter เพื่อเปิด, Esc เพื่อปิด

ตรวจสอบ Open Graph และ Meta Tag

ป้อน URL เพื่ออ่าน title, description และแท็ก Open Graph, Twitter Card พรีวิวว่าเว็บไซต์จะแสดงผลอย่างไรในผลการค้นหา การ์ดโซเชียลขนาดใหญ่ และตัวอย่างลิงก์ในแชต พร้อมพบปัญหาต่าง ๆ เช่น ไม่มีรูปภาพสำหรับแชร์ title ยาวเกินไป ไม่มี canonical URL หรือตั้ง noindex โดยไม่ตั้งใจ

ประมวลผลบนเซิร์ฟเวอร์ของเราและลบภายในหนึ่งชั่วโมง

วิธีใช้งาน

  1. ป้อน URL (หากไม่ระบุโพรโทคอลจะถือว่าเป็น https)
  2. คลิก «ค้นหา» แล้วดูพรีวิวทั้งสามแบบ
  3. แก้ไขแท็กที่ระบุไว้ใต้ «รายการตรวจ» จากนั้นค้นหาอีกครั้งเพื่อยืนยัน

คำอธิบายตัวเลือก

สิ่งที่อ่าน
อ่านเฉพาะส่วน <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 เพื่อประมวลผล และจะถูกลบโดยอัตโนมัติภายในหนึ่งชั่วโมง

เครื่องมือที่เกี่ยวข้อง