เครื่องมือแสดงตัวอย่าง Open Graph
ป้อน URL เว็บไซต์
ตัวอย่างการ์ด Open Graph
ตัวอย่าง Facebook
EXAMPLE WEBSITE
ตัวอย่างชื่อหน้า
นี่คือตัวอย่างคำอธิบายของเนื้อหาหน้าที่จะปรากฏเมื่อแชร์บนโซเชียลมีเดีย
https://example.com/page
ตัวอย่าง Twitter
ตัวอย่างชื่อหน้า
นี่คือตัวอย่างคำอธิบายของเนื้อหาหน้าที่จะปรากฏเมื่อแชร์บนโซเชียลมีเดีย
example.com
websiteเครื่องมือสร้างแท็ก Meta
วิธีใช้ Open Graph Previewer
- 1
ป้อน URL ของหน้า
วาง URL แบบเต็มของหน้าที่คุณต้องการตรวจลงในช่อง URL ของเว็บไซต์
- 2
ดึงข้อมูล OG
คลิก "ดึงข้อมูล OG" เพื่อดึง Open Graph title, description, รูปภาพ และชื่อเว็บไซต์ที่มีอยู่ของหน้านั้น
- 3
แก้ไขด้วยตนเองหากจำเป็น
สลับไป "แก้ไขด้วยตนเอง" เพื่อปรับชื่อ คำอธิบาย URL รูปภาพ ประเภท และช่องอื่น ๆ และดูตัวอย่างอัปเดต
- 4
ดูตัวอย่างและคัดลอกแท็ก
ตรวจดูตัวอย่างการ์ด Facebook และ Twitter จากนั้นคัดลอก meta tag ที่สร้างขึ้นเพื่อเพิ่มลงในหน้าของคุณ
คำถามที่พบบ่อย
แท็ก Open Graph คืออะไรและทำไมจึงสำคัญ
meta tag ของ Open Graph บอกแพลตฟอร์มโซเชียลว่าจะแสดงชื่อ คำอธิบาย และรูปภาพใดเมื่อหน้าของคุณถูกแชร์ แท็กที่ตั้งค่าดีจึงสร้างตัวอย่างลิงก์ที่สมบูรณ์และน่าคลิกมากขึ้นบน Facebook, X, LinkedIn และอื่น ๆ
ตัวอย่าง Facebook และ Twitter ทำงานอย่างไร
เครื่องมือจะเรนเดอร์การ์ด Facebook และ Twitter จำลองโดยใช้ค่า Open Graph ของคุณ คุณจึงเห็นว่าชื่อ คำอธิบาย และรูปภาพจะปรากฏอย่างไรก่อนเผยแพร่หรือแชร์ลิงก์
ฉันสร้างแท็กโดยไม่มีหน้าที่มีอยู่แล้วได้ไหม
ได้ ใช้ "แก้ไขด้วยตนเอง" เพื่อกรอกชื่อ คำอธิบาย URL รูปภาพ ชื่อเว็บไซต์ URL และประเภทตั้งแต่ต้น จากนั้นคัดลอก meta tag ที่พร้อมใช้สำหรับ HTML ของคุณ
ทำไมการดึง URL อาจล้มเหลวหรือไม่คืนข้อมูล
บางเว็บไซต์บล็อกคำขออัตโนมัติ ต้องเข้าสู่ระบบ หรือไม่มีแท็ก Open Graph เลย ในกรณีเหล่านั้นให้สลับไปโหมดด้วยตนเองและป้อนค่าเอง
เครื่องมือนี้ฟรีไหม และเกิดอะไรขึ้นกับ URL ที่ฉันป้อน
เครื่องมือนี้ฟรีโดยไม่ต้องลงทะเบียน ในการอ่านแท็กจากหน้าจริง มันจะดึง URL ผ่านพร็อกซีเซิร์ฟเวอร์ของเรา (จำเป็นเพื่อข้ามข้อจำกัดข้ามต้นทางของเบราว์เซอร์) จึงร้องขอเฉพาะที่อยู่หน้าสาธารณะเท่านั้น ส่วนการแก้ไขด้วยตนเองและตัวอย่างทำงานในเบราว์เซอร์ของคุณ
เครื่องมือที่เกี่ยวข้อง
ทำงานต่อด้วยเครื่องมือที่มีประโยชน์เหล่านี้