ดูว่าหน้าเว็บของคุณเป็นอย่างไรเมื่อมีคนแชร์ลิงก์
ดูการ์ดที่หกแพลตฟอร์มสร้างขึ้นเมื่อมีคนแชร์ลิงก์ไปยังหน้าเว็บของคุณ
เมื่อมีการแชร์ลิงก์ แพลตฟอร์มไม่ได้แสดงแค่ที่อยู่ แต่จะดึงหน้าเว็บมา อ่านแท็กบางส่วนจาก head แล้วประกอบเป็นการ์ด: รูปภาพหนึ่งรูป หัวเรื่องหนึ่งบรรทัด และข้อความอีกหนึ่งบรรทัด จะอ่านแท็กใดขึ้นอยู่กับว่าลิงก์ถูกโพสต์ที่ไหน X จะมองหาแท็กของตัวเองก่อนแล้วจึงย้อนไปใช้แท็ก Open Graph ส่วน Facebook และ LinkedIn อ่านเฉพาะ Open Graph เท่านั้น ถ้าขาดแท็กไปก็ไม่ได้เว้นว่างไว้ แพลตฟอร์มจะหยิบอย่างอื่นจากหน้าเว็บมาแทน ซึ่งมักเป็นข้อความแรกที่เจอ กรอกที่อยู่ด้านล่างเพื่ออ่านแท็กของหน้าเว็บ หรือเขียนเอง แล้วการ์ดจะถูกวาดตามวิธีที่แต่ละแพลตฟอร์มในหกแห่งประกอบขึ้น
แต่ละแพลตฟอร์มอ่านแท็กไหน
X ดูแท็กของตัวเองก่อน แล้วจึงย้อนไปใช้ Open Graph เมื่อไม่มี ส่วน Facebook และ LinkedIn อ่านเฉพาะ Open Graph เท่านั้น แท็ก X จึงไม่มีผลอะไรเลยที่นั่น ขณะที่ Slack และ Discord รับได้ทั้งสองแบบ หน้าเว็บหน้าเดียวจึงอาจให้การ์ดหกแบบที่ไม่ตรงกัน และหัวเรื่องที่คุณมั่นใจว่าตั้งไว้แล้วอาจหายไปในครึ่งหนึ่งของการ์ดเหล่านั้น ตัวอย่างแต่ละอันที่นี่เป็นไปตามลำดับที่แพลตฟอร์มนั้นใช้จริง
Facebook และ LinkedIn จำสิ่งที่อ่านไว้
ทั้งสองเก็บสำเนาของสิ่งที่พบตอนดึงหน้าเว็บของคุณครั้งแรก และเก็บไว้นาน คุณแก้แท็กแล้วแต่การ์ดไม่เปลี่ยน ซึ่งเป็นสาเหตุที่พบบ่อยที่สุดที่ทำให้การแก้ที่ถูกต้องดูเหมือนล้มเหลว คุณต้องขอให้แพลตฟอร์มอ่านหน้านั้นใหม่ และทั้งสองมีเครื่องมือสำหรับเรื่องนี้: Sharing Debugger ของ Facebook และ Post Inspector ของ LinkedIn ไม่มีเครื่องมือใดล้างแคชเหล่านั้นแทนคุณได้ รวมถึงเครื่องมือนี้ด้วย สิ่งที่เห็นที่นี่คือสิ่งที่แท็กบอกในตอนนี้ ไม่ใช่สิ่งที่ Facebook ยังแสดงอยู่
แท็กที่ขาดไปไม่ได้กลายเป็นช่องว่าง
แพลตฟอร์มจะหาอย่างอื่นมาแทนแทนที่จะเว้นว่างไว้ ถ้าไม่มีแท็กคำอธิบาย พวกมันจะหยิบข้อความหนึ่งบรรทัดจากหน้าเว็บ ซึ่งมักเป็นข้อความแรกที่เจอ และในหลายเว็บไซต์ข้อความแรกนั้นคือชื่อเมนูหรือประกาศเรื่องคุกกี้ ถ้าไม่มีรูปภาพ การ์ดจะยุบเหลือข้อความบรรทัดเดียวข้างไอคอนเว็บไซต์ ตัวอย่างที่นี่แสดงการแทนที่เหล่านั้นตามจริง
ขนาด และตำแหน่งที่ถูกครอบตัด
เมื่อกว้างน้อยกว่าประมาณ 600px แพลตฟอร์มส่วนใหญ่จะเลิกแสดงการ์ดรูปใหญ่และเปลี่ยนไปใช้ภาพขนาดย่อเล็ก ๆ ข้างข้อความ ซึ่งเป็นการ์ดที่อ่อนกว่ามาก ขนาด 1200 x 630 คือขนาดที่คนส่วนใหญ่ตั้งเป้าไว้ การครอบตัดทำจากตรงกลาง ดังนั้นสิ่งที่อยู่ใกล้ขอบบน ขอบล่าง หรือขอบข้างอาจหายไป เช่น เบอร์โทรที่วางไว้ด้านล่างของภาพถ่าย หรือชื่อที่พาดอยู่ด้านบนของโปสเตอร์ รูปภาพถูกโหลดและวัดจริงในเบราว์เซอร์ของคุณที่นี่ ขนาดที่เห็นจึงเป็นขนาดจริง ไม่ใช่ค่าที่แท็กความกว้างอ้างไว้
แท็กชุดเดียว การ์ดหกแบบ เพราะแต่ละแพลตฟอร์มอ่านไม่เหมือนกัน
- ตามเลย์เอาต์ของแต่ละแห่ง
- ตามลำดับแท็กที่แต่ละแห่งใช้
- วางเทียบกัน
- วัดจริงในเบราว์เซอร์ของคุณ
- พิกเซลจริง ไม่ใช่ค่าจากแท็ก
- ครอบตัดแบบที่จะเกิดขึ้นจริง
- หัวเรื่องและคำอธิบาย
- จุดที่แต่ละส่วนถูกตัด
- แต่ละส่วนมาจากแท็กใด
- มีแท็กอะไรอยู่ก็อ่านตามนั้น
- ทำตามทุกทางเลือกสำรอง
- ไม่เก็บอะไรไว้