ตัวอย่าง Open Graph

เครื่องมือออนไลน์ฟรีดูตัวอย่างเมตาแท็ก Open Graph ว่าลิงก์จะแสดงอย่างไรบน Facebook, X (Twitter) และ LinkedIn พร้อมตรวจ title และรูปภาพ

ฝัง

<iframe src="https://devtools.patrache.studio/th/web-network/og-preview/?embed=1" width="100%" height="620"
  style="border:1px solid #e5e7eb;border-radius:12px" loading="lazy"
  title="ตัวอย่าง Open Graph — Patrache Studio DevTools"></iframe>
<p><a href="https://devtools.patrache.studio/th/web-network/og-preview/">ตัวอย่าง Open Graph</a> by
   <a href="https://patrache.studio/">Patrache Studio</a></p>

อัปเดตล่าสุด: 2026 · เครื่องมือออนไลน์ฟรี

ตัวอย่าง Open Graph คืออะไร?

วิธีใช้งาน

1
ป้อนข้อมูล— ป้อนข้อมูลที่ต้องการ
2
ตรวจสอบผลลัพธ์— ตรวจสอบผลลัพธ์ที่ประมวลผล
3
คัดลอก— คัดลอกผลลัพธ์ไปใช้งาน

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

ตัวสร้างรูปภาพ OGออกแบบภาพ Open Graph ขนาด 1200x630 สำหรับแชร์บนโซเชียลในเบราว์เซอร์ แล้วส่งออกเป็น PNG เหมาะกับพรีวิวลิงก์บน X และ Facebook ใช้ฟรี

ตัวแยกวิเคราะห์ HTTP Headerแยก HTTP request และ response header ดิบเป็นคู่คีย์-ค่า พร้อมวิเคราะห์และอธิบายเฮดเดอร์ความปลอดภัยและแคช เช่น Cache-Control, CSP และ HSTS ใช้ฟรี

ตัวแยกวิเคราะห์ URLแยก URL ออกเป็นโปรโตคอล โฮสต์ พอร์ต พาธ query และ hash พร้อมวิเคราะห์พารามิเตอร์ เติม https:// ให้อัตโนมัติและใช้ URL API ของเบราว์เซอร์ ใช้ฟรี

ตัวสร้าง Sitemap XMLแปลงรายการ URL ของหน้าเว็บเป็นไฟล์ sitemap.xml ที่ถูกต้อง พร้อมฟิลด์ lastmod, changefreq และ priority คัดลอกส่ง Google Search Console ได้ทันที

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

เป็นเครื่องมือออนไลน์ฟรีที่สร้างตัวอย่างโซเชียลมีเดียจากเมตาแท็ก Open Graph

ใช่ ฟรีทั้งหมด และการประมวลผลทั้งหมดทำในเบราว์เซอร์

ไม่ การประมวลผลทั้งหมดทำในเบราว์เซอร์

ได้ เครื่องมือที่อิงจากข้อมูลแบบคงที่สามารถใช้งานแบบออฟไลน์ได้

ได้ การออกแบบแบบ responsive ทำงานได้อย่างถูกต้องบนอุปกรณ์มือถือ