เครื่องมือสำหรับดึงข้อมูลเมตาดาต้า (Metadata Extractor)

ให้ป้อน URL แล้วโปรแกรมดึงข้อมูลจะดาวน์โหลดหน้าเว็บ วิเคราะห์ข้อมูลในรูปแบบ <head> และรวบรวมองค์ประกอบทั้งหมดที่สำคัญสำหรับการนำเสนอลิงก์ของคุณในแพลตฟอร์มอื่น ได้แก่ ชื่อเรื่องสำหรับการจัดอันดับผ่าน SEO และคำอธิบายเมตา ลิงก์มาตรฐาน (canonical URL) แท็ก Open Graph ที่ Facebook และ LinkedIn ใช้สำหรับการแสดงลิงก์ล่วงหน้า แท็ก Twitter Card ไฟล์ภาพประจำหน้า (favicon) และไอคอนแอปพลิเคชัน รวมถึงข้อมูลเชิงโครงสร้างในรูปแบบ JSON-LD (จาก Schema.org เช่น บทความ ผลิตภัณฑ์ และคำถามบ่อย) ข้อมูลเหล่านี้มีประโยชน์อย่างมากสำหรับการตรวจสอบประสิทธิภาพการจัดอันดับผ่าน SEO การแก้ไขข้อผิดพลาดในการแสดงลิงก์ล่วงหน้า และการตรวจสอบว่าหน้าเว็บที่เพิ่งเผยแพร่ใหม่แสดงเนื้อหาใดให้ระบบจับข้อมูลเข้าถึงได้จริง

วิธีการดึงข้อมูลเมตาดาต้าออกมา

  1. 1

    กรุณาป้อน URL

    URL ฉบับเต็มรวมถึงโปรโตคอล เครื่องมือนี้ทำงานผ่านขั้นตอนการเปลี่ยนเส้นทางเพียงหนึ่งขั้น

  2. 2

    หน้าเว็บถูกดึงมาจากฝั่งเซิร์ฟเวอร์

    HTML ดิบได้รับการวิเคราะห์แล้ว; หน้าเว็บที่สร้างด้วย JavaScript อาจไม่แสดงข้อมูลเมตาดาต้าฝั่งไคลเอนต์

  3. 3

    ส่วนต่างๆ จัดกลุ่มตามมาตรฐาน

    SEO, Open Graph, Twitter, Schema.org, ไอคอน, อุปกรณ์มือถือ, PWA

  4. 4

    แต่ละรายการแสดงค่าและความยาว

    หากชื่อหรือคำอธิบายมีความยาวเกินขีดจำกัดของ Google หรือ Twitter จะได้รับการแจ้งเตือน

  5. 5

    ดูตัวอย่างการใช้งานบัตรลิงก์

    แสดงภาพตัวอย่างการแชร์บน Facebook, LinkedIn และ Twitter โดยใช้แท็กที่สกัดมา

สิ่งใดใน <head> ที่สำคัญ

SEO พื้นฐาน

แท็ก วัตถุประสงค์
<title> แท็บในเบราว์เซอร์, ชื่อผลลัพธ์จาก Google
<meta name="description"> ข้อความสั้นจากผลการค้นหาของ Google, การใช้งานสำรองในโซเชียลมีเดีย
<link rel="canonical"> URL แบบมาตรฐาน, สัญญาณเนื้อหาซ้ำ
<meta name="robots"> ดัชนี/ไม่ใช่ดัชนี, ติดตาม/ไม่ติดตาม
<meta name="viewport"> หน้าจอแบบมือถือ

Open Graph (Facebook, LinkedIn, Discord, Slack)

แท็ก วัตถุประสงค์
og:title ชื่อของบัตรแบ่งปัน
og:description คำอธิบายบัตรแบ่งปัน
og:image รูปภาพบัตรแบ่งส่วน (แนะนำขนาด 1200×630 พิกเซล)
og:type website / article / video.other
og:url ลิงก์ URL แบบมาตรฐานสำหรับการแชร์
og:site_name ชื่อเว็บไซต์ที่แสดงบนบัตร

บัตรทวิตเตอร์

แท็ก วัตถุประสงค์
twitter:card summary / summary_large_image
twitter:title กลับไปยัง og:title
twitter:description กลับไปยัง og:description
twitter:image บัตรภาพขนาดใหญ่
twitter:site / twitter:creator ผู้จัดพิมพ์ / ผู้เขียน

Schema.org (JSON-LD)

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "...",
  "author": { "@type": "Person", "name": "..." },
  "datePublished": "2026-04-18"
}
</script>

บทความ ผลิตภัณฑ์ สูตรอาหาร คำถามที่พบบ่อย (FAQ) กิจกรรม องค์กร และข้อมูลประกอบ (Breadcrumb) มีอิทธิพลมากที่สุดต่อผลลัพธ์การค้นหาที่มีความหลากหลายและละเอียด

สัญญาณเตือนในระหว่างการตรวจสอบบัญชี

  • ไม่มีไฟล์ og:image: ลิงก์ของคุณจะแสดงผลในรูปแบบที่ไม่มีไฟล์ประกอบเมื่อแชร์ไปยัง Slack หรือ Discord
  • ชื่อเรื่องยาวเกิน 60 ตัวอักษร จะถูกตัดทอนในผลลัพธ์การค้นหาของ Google
  • คำอธิบายยาวเกิน 160 ตัวอักษร จะถูกตัดทอนในส่วนข้อความแสดงผลจาก Google
  • ไม่มีแท็กมาตรฐาน อาจเกิดความสับสนในการจัดอันดับเนื้อหาที่ซ้ำกันระหว่าง /page และ /page/
  • ทั้ง og:image และ twitter:image หายไป ไม่มีการแสดงผลของบัตรรับชมล่วงหน้าสำหรับผู้ใช้งานทางสังคม
  • noindex อยู่บนหน้าที่ควรได้รับการจัดอันดับ เกิดขึ้นบ่อยครั้งบนเซิร์ฟเวอร์ทดสอบที่ถูกนำไปใช้งานจริงโดยไม่ได้ลบแท็กนี้ออก

วิธีการทำงานในการดีบัก

  1. ดึงข้อมูลจาก URL สำหรับการจัดแสดงก่อน
  2. ตรวจสอบ URL ที่ใช้งานจริงหลังจากการติดตั้ง
  3. ให้ทำความสะอาดแคชของเครื่องมือสกีเปอร์จาก Facebook (Sharing Debugger) และเครื่องมือตรวจสอบข้อมูลบัตรจาก Twitter หลังจากการเปลี่ยนแปลง เนื่องจากทั้งสองระบบมักจัดเก็บข้อมูลไว้อย่างมาก
  4. ทำการทดสอบในหน้าต่างแบบไม่แสดงข้อมูลประจำตัว เพื่อตรวจสอบว่าคุกกี้ที่เก็บข้อมูลผู้ใช้หลังจากเข้าสู่ระบบจะแสดงเนื้อหาที่แตกต่างออกไปหรือไม่

คำถามที่พบบ่อย

บางส่วนเท่านั้น เครื่องมือดึงข้อมูลจะดึง HTML ที่เซิร์ฟเวอร์สร้างขึ้นมา หากแท็กเมตาของคุณถูกเพิ่มเข้าไปโดยใช้ JavaScript ฝั่งไคลเอนต์ (เช่น เฟรมเวิร์ก SPA ที่ไม่มี SSR) แท็กเหล่านั้นจะไม่ปรากฏ, และนี่ก็คือวิธีที่ Google มองเห็นหน้าเว็บเมื่อทำการตรวจสอบครั้งแรก โดยไม่มีการเรียกใช้ JavaScript

สาเหตุที่พบบ่อย: URL อยู่ภายใต้การเข้าสู่ระบบ, รูปภาพมีขนาดเล็กเกินไป (<200×200 พิกเซล), หรือ Facebook จัดเก็บเวอร์ชันเก่าไว้ในแคช ให้ล้างแคชใน Share Debugger แล้วลองใช้งานใหม่

ระบบนี้มีประโยชน์สำหรับประเภทเนื้อหาเฉพาะ เช่น บทความ ผลิตภัณฑ์ สูตรอาหาร คำถามที่พบบ่อย และเมนูขั้นตอนการใช้งาน (Breadcrumb) เนื่องจาก Google ใช้ข้อมูลเหล่านี้ในการแสดงผลลัพธ์ที่ละเอียดและสมบูรณ์ ในขณะที่หน้าการตลาดทั่วไปไม่จำเป็นต้องใช้ ควรเพิ่มโครงสร้างข้อมูล (schema) เมื่อประเภทเนื้อหานั้นมีรูปแบบที่เหมาะสมสำหรับการแสดงผลลัพธ์อย่างละเอียด

<link rel="canonical"> ใช้บอกเครื่องมือค้นหาว่าควรดัชนีเวอร์ชันใดของหน้าเว็บ ส่วน og:url ใช้บอกแพลตฟอร์มโซเชียลมีเดียว่า URL ที่แชร์นั้นหมายถึงอะไร โดยทั่วไปแล้วทั้งสองค่าจะเหมือนกัน แต่ไม่จำเป็นต้องเหมือนกันเสมอไป

โดยใช้ตัวดึงข้อมูลฝั่งเซิร์ฟเวอร์, เบราว์เซอร์ของคุณไม่สามารถดึง URL จากภายนอกได้ตามใจชอบเนื่องจากข้อจำกัดของ CORS ตัวดึงข้อมูลนี้ใช้ User-Agent แบบทั่วไป และไม่มีการตรวจสอบตัวตน

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

เครื่องดึงลิงก์ภายนอก

วางโค้ด HTML ดิบ และระบุ URL ฐานได้ตามต้องการ จากนั้นรับรายการลิงก์ภายนอก http/https ทั้งหมดในโค้ดแบบไม่มีรายการซ้ำ เพื่อใช้ตรวจสอบลิงก์และประเมินผล SEO

เครื่องมือตรวจสอบความยาวของคำอธิบายเมตา

วัดคำอธิบายเมตาเป็นจำนวนอักขระและพิกเซลโดยประมาณ เปรียบเทียบแนวทางการเรียบเรียง และดูตัวอย่างการจัดวางบนเดสก์ท็อปกับมือถือ

เครื่องมือสร้างสเกมาสำหรับคำถามบ่อย (FAQ Schema Generator)

สร้างมาร์กอัป JSON-LD แบบ FAQPage จากคู่คำถามและคำตอบ เพื่อให้หน้าเว็บของคุณเข้าเกณฑ์ผลการค้นหาแบบสมบูรณ์ (rich results) และกล่องคำตอบของ Google

เครื่องมือตรวจสอบเฮดเดอร์ความปลอดภัย HTTP

วาง HTTP response headers แล้วตรวจ HSTS, CSP, clickjacking, MIME, referrer และนโยบาย cross-origin ภายในเบราว์เซอร์

ตัวจำลองผลการค้นหา Google

ดูตัวอย่างผลค้นหาแบบ Google โดยประมาณด้วยขีดจำกัดจำนวนอักขระสำหรับมือถือและเดสก์ท็อป ร่างของคุณอยู่ในเซสชันเบราว์เซอร์นี้เท่านั้น

ตัวตรวจสอบ Hreflang

ตรวจ hreflang ใน HTML ที่วางภายในเบราว์เซอร์ ทั้งโค้ด URL แบบเต็ม รายการซ้ำ ตำแหน่ง และการอ้างอิงตัวเองแบบไม่บังคับ

เครื่องมือนี้มีให้บริการในภาษาอื่น