วิธีดูตัวอย่างแท็ก OG จาก URL ใด ๆ

วาง https URL ที่สมบูรณ์ เรียกใช้ Fetch metadata จากนั้นตรวจสอบชื่อ คำอธิบาย รูปภาพ และ URL ปลายทางที่รวมเข้าด้วยกัน ขยายการวินิจฉัยเพื่อยืนยันรหัสสถานะ, URL สุดท้ายหลังจากการเปลี่ยนเส้นทาง และประเภทเนื้อหา

วิธีการเลือก Open Graph, Twitter Card และเมตาแท็กสำรอง

สำหรับการแสดงตัวอย่างสไตล์ Facebook และ LinkedIn เราชอบแท็ก Open Graph จากนั้นถอยกลับไปที่แท็กชื่อ คำอธิบายเมตา Canonical URL และภาพเนื้อหาภาพแรกที่เหมาะสมเมื่อ og:image หายไป สำหรับการแสดงตัวอย่างในรูปแบบ X/Twitter เราชอบ twitter:title, twitter:description และ twitter:image เมื่อปรากฏ ไม่เช่นนั้น เราจะถอยกลับไปใช้ Open Graph จากนั้นใช้ทางเลือกทั่วไปแบบเดียวกัน

ปัญหาทั่วไปของข้อมูลเมตาและวิธีแก้ไข

og:image ที่หายไปคือปัญหาคุณภาพการแบ่งปันที่พบบ่อยที่สุด โดยเพิ่ม URL รูปภาพสี่เหลี่ยมจัตุรัสหรือแนวนอน แท็กที่ซ้ำกันหรือขัดแย้งกัน URL รูปภาพที่เกี่ยวข้องซึ่งไม่มีฐานที่ถูกต้อง และชื่อยาวที่ถูกตัดทอนก็เกิดขึ้นบ่อยครั้งเช่นกัน ใช้ตัวแก้ไขเพื่อทดสอบการแก้ไขก่อนเผยแพร่

วิธีส่งออกเมตาแท็ก HTML หรือ JSON

หลังจากการดึงข้อมูลสำเร็จ (หรือหลังจากที่คุณกรอกข้อมูลในช่องที่ต้องกรอกด้วยตนเอง) ให้ใช้คัดลอก HTML หรือคัดลอก JSON หรือดาวน์โหลดไฟล์ .html และ .json ค่าต่างๆ จะถูกหลีกในข้อมูลโค้ด HTML และ JSON จะมีสถานะแหล่งที่มาสำหรับช่องที่รองรับแต่ละช่อง