เปิดตัวสร้างบัตรทวิตเตอร์และกราฟ

Open Graph (og:) เป็นโปรโตคอลที่ใช้ร่วมกันระหว่าง Facebook, LinkedIn, Slack, WhatsApp, Pinterest และแพลตฟอร์มส่วนใหญ่เพื่อสร้างภาพแสดงตัวอย่างลิงก์ Twitter Card (twitter:) เป็นคำศัพท์ของ X ที่ควบคุมการจัดวางบัตร - ตัวอย่างเช่น summary vs summary_large_image พวกเขาซ้อนกันมาก: หัวข้อ, คำอธิบายและภาพสามารถมาจากแท็ก og: ได้ ทักก์เฉพาะของ Twitter เพิ่มเพียงสิ่งที่ og: แสดงออกไม่ได้ เช่น รูปแบบบัตรและตัวจัดการ @ site

ใช้ขนาด 1200x630 พิกเซล (อัตราส่วน 1.91:1) สำหรับบัตรขนาดใหญ่ที่ Facebook, LinkedIn และ X summary_large_image ใช้กันทั้งหมด - มันจะเติมเต็มเฟรมโดยไม่ต้องตัดส่วน เก็บแฟ้มไว้ต่ำกว่า5เมกะไบต์ และจัดส่งมันผ่าน URL https อย่างสมบูรณ์ เพราะแพลตฟอร์มจะไม่สามารถดึงภาพที่เกี่ยวข้องหรือภาพ HTTP ได้อย่างน่าเชื่อถือ ขนาดที่ Facebook รองรับอย่างน้อยคือ 200x200 แต่ภาพขนาดเล็กจะถูกแสดงเป็นภาพตัวอย่างเล็ก ๆ แทนที่จะเป็นบัตรของฮีโร

ทุกแพลตฟอร์มจะเก็บแคชของบัตรของคุณในเวอร์ชันแรกที่มันสกัดเอาไว้ บางครั้งอาจเป็นเวลาหลายสัปดาห์ ดังนั้น หัวข้อและภาพเก่าๆ จะยังคงอยู่หลังจากที่คุณแก้ไขแท็ก กดสกัดเอาใหม่: ปะที่อยู่ URL ลงใน Facebook Sharing Debugger และคลิกสกัดเอาอีกครั้ง ใช้ LinkedIn Post Inspector และแบ่งปันลิงก์บน X ครั้งหนึ่ง เพื่อปรับปรุงแคชของมัน ตรวจสอบว่าแท็กนั้นอยู่ในหัว HTML ที่ถูกให้บริการ และไม่ถูกแทรกเข้าไปในภายหลังโดย JavaScript ซึ่งส่วนใหญ่ของเครื่องสกัดเอาจะไม่ทำเช่นนั้น

ไม่สมบูรณ์แบบ หากไม่มีแท็กทวิตเตอร์ ระบบ X จะกลับไปใช้แท็ก Open Graph ที่ตรงกับข้อมูล - og:title, og:description และ og:image ปกคลุมบัตรส่วนใหญ่ ดังนั้น สิ่งที่จำเป็นอย่างยิ่งคือการมีแท็ก og: ทั้งหมด รวมถึง twitter:card เพื่อเลือกรูปแบบและ twitter:site เพื่อระบุผู้สร้าง การเพิ่มแท็ก og: ยังหมายถึงการแสดงตัวอย่างเดียวกันบน Facebook, LinkedIn, Slack และทุกที่ ดังนั้น เริ่มด้วย og: และเพิ่มเพียงแค่แท็ก twitter: จำนวนน้อยที่ og: แสดงไม่ได้