ดูตัวอย่าง OG ออนไลน์ฟรี ดูว่าหน้าเว็บแสดงอย่างไรเมื่อแชร์บน Facebook, Twitter และโซเชียลอื่น ๆ ประมวลผลบนเบราว์เซอร์
<!-- Open Graph --> <meta property="og:type" content="website">
กด Ctrl+D เพื่อบุ๊กมาร์กหน้านี้
ดูตัวอย่างการ์ด Open Graph ฟรี ตรวจว่าลิงก์ของคุณจะแสดงอย่างไรบน Facebook, X และ LINE ก่อนกดแชร์จริง
Facebook แนะนำ 1200×630px และ Twitter 1200×628px การสร้างภาพ 1200×630px มักใช้ได้ดีบนแพลตฟอร์มส่วนใหญ่
โซเชียลเน็ตเวิร์กจะดึงชื่อ คำอธิบาย และรูปภาพจากหน้าเว็บตามอำเภอใจ แท็ก OG ช่วยให้คุณควบคุมสิ่งที่แสดงเมื่อแชร์ได้อย่างแม่นยำ
เพราะแต่ละแพลตฟอร์มเก็บแคชตัวอย่างที่อ่านได้ครั้งแรกไว้ บางทีนานหลายวันหรือหลายสัปดาห์ ทั้ง Sharing Debugger ของ Facebook, Post Inspector ของ LinkedIn และเครื่องมือตรวจการ์ดของ X ล้วนให้คุณสั่งดึงข้อมูล URL นั้นใหม่ ซึ่งจะรีเฟรชทันที ส่วนแอปแชทที่ไม่มีเครื่องมือแบบนี้ วิธีที่นิยมใช้กันคือเติม ?v=2 ต่อท้ายลิงก์ เพื่อให้ระบบมองว่าเป็นที่อยู่ใหม่
ขนาดที่แนะนำคือ 1200×630 พิกเซล แต่แต่ละแพลตฟอร์มครอบตัดขอบต่างกัน จึงควรวางคำสำคัญไว้ในพื้นที่ 80% ตรงกลาง ในฟีด ภาพนี้จะย่อเหลือกว้างราว 300 พิกเซล ตัวอักษรในไฟล์ต้นฉบับจึงต้องสูงอย่างน้อย 60 พิกเซลถึงจะยังอ่านออก และเนื่องจากชื่อเรื่องปรากฏอยู่ใต้ภาพอยู่แล้ว การใส่วลีสั้น ๆ ที่บอกใบ้หัวข้อในพริบตาจึงได้ผลกว่าการเขียนพาดหัวซ้ำ