ดูตัวอย่าง Open Graph

คือ Meta Tag ในส่วน head ของหน้าเว็บ เช่น og:title, og:description และ og:image โซเชียลมีเดียและแอปแชตอ่านแท็กเหล่านี้เพื่อสร้างการ์ดที่แสดงเมื่อมีคนแชร์ลิงก์

เบราว์เซอร์ไม่อนุญาตให้เว็บไซต์หนึ่งอ่านหน้าของอีกเว็บไซต์หนึ่ง เซิร์ฟเวอร์ของเราจึงดึงหน้าเว็บและรูปภาพสำหรับแชร์มาแทนคุณ แล้วส่งกลับมาเฉพาะสิ่งที่จำเป็นสำหรับการแสดงตัวอย่าง โดยไม่เก็บสิ่งใดไว้

ใช้ขนาด 1200 × 630 พิกเซล อัตราส่วน 1.91:1 รูปที่เล็กกว่านี้จะได้ตัวอย่างขนาดเล็ก และรูปที่เล็กกว่า 200 × 200 มักถูกละเลย อย่าวางข้อความสำคัญชิดขอบ เพราะบางแอปจะครอปรูป

ตัวอย่างเหล่านี้ใกล้เคียงกับรูปแบบปกติของแต่ละแอป แต่แอปเปลี่ยนดีไซน์เป็นครั้งคราว และอาจแคชหน้าเวอร์ชันเก่าไว้ การ์ดจริงจึงอาจต่างไปเล็กน้อย

โซเชียลมีเดียเก็บสำเนาของแต่ละลิงก์ไว้ช่วงหนึ่ง ส่วนใหญ่มีเครื่องมือให้รีเฟรช เช่น Sharing Debugger ของ Facebook หรือ Post Inspector ของ LinkedIn

ส่วนใหญ่ไม่ต้อง X อ่านชื่อ คำอธิบาย และรูปภาพจาก Open Graph ได้ เพิ่ม twitter:card ด้วยค่า summary_large_image หากต้องการรูปใหญ่แทนรูปสี่เหลี่ยมเล็ก ๆ