Xem trang của bạn trông ra sao khi liên kết được chia sẻ
Xem thẻ mà sáu nền tảng dựng lên khi ai đó chia sẻ liên kết tới trang của bạn.
Khi một liên kết được chia sẻ, nền tảng không chỉ in ra địa chỉ. Nó tải trang về, đọc vài thẻ trong head rồi dựng thành một thẻ hiển thị: một hình ảnh, một tiêu đề, một dòng chữ. Đọc thẻ nào là tùy nơi liên kết được đăng. X tìm thẻ của riêng nó trước rồi mới quay về dùng thẻ Open Graph, còn Facebook và LinkedIn chỉ đọc Open Graph. Thiếu một thẻ cũng không để lại khoảng trống; nền tảng lấy thứ khác trên trang, thường là đoạn chữ đầu tiên nó gặp. Nhập địa chỉ bên dưới để đọc thẻ của một trang, hoặc tự viết, và thẻ hiển thị sẽ được vẽ đúng theo cách từng nền tảng trong sáu nền tảng dựng nó.
Mỗi nền tảng đọc những thẻ nào
X xem thẻ của riêng nó trước và chỉ quay về Open Graph khi không có. Facebook và LinkedIn chỉ đọc Open Graph, nên một thẻ X ở đó chẳng có tác dụng gì. Slack và Discord nhận cả hai. Vì vậy cùng một trang có thể tạo ra sáu thẻ hiển thị không khớp nhau, và một tiêu đề bạn chắc chắn đã đặt vẫn có thể vắng mặt ở một nửa trong số đó. Mỗi bản xem trước ở đây tuân theo đúng thứ tự mà nền tảng đó thực sự dùng.
Facebook và LinkedIn nhớ những gì đã đọc
Cả hai đều giữ một bản sao của những gì tìm thấy trong lần đầu tải trang của bạn, và giữ rất lâu. Bạn sửa thẻ mà thẻ hiển thị không đổi, đó là lý do phổ biến nhất khiến một bản sửa đúng trông như đã thất bại. Bạn phải yêu cầu nền tảng đọc lại trang, và cả hai đều có công cụ cho việc đó: Sharing Debugger của Facebook và Post Inspector của LinkedIn. Không công cụ nào xóa được các bộ nhớ đệm đó thay bạn, kể cả công cụ này. Những gì bạn thấy ở đây là nội dung thẻ hiện tại, không phải thứ Facebook vẫn đang hiển thị.
Thiếu một thẻ không để lại khoảng trống
Nền tảng sẽ thay bằng thứ khác chứ không chừa chỗ trống. Không có thẻ mô tả, chúng lấy một dòng từ trang, thường là đoạn chữ đầu tiên chúng gặp, mà trên nhiều website đoạn đầu tiên lại là tên một mục menu hoặc thông báo cookie. Không có hình ảnh, thẻ co lại thành một dòng chữ bên cạnh favicon. Bản xem trước tái hiện đúng những thay thế đó.
Kích thước và chỗ bị cắt
Dưới khoảng 600px chiều rộng, phần lớn nền tảng ngừng hiển thị thẻ ảnh lớn và chuyển sang ảnh thu nhỏ đặt cạnh phần chữ, một dạng thẻ yếu hơn hẳn. 1200 x 630 là kích thước phần lớn mọi người nhắm tới. Việc cắt lấy từ giữa ra, nên bất cứ thứ gì nằm gần mép trên, mép dưới hay hai bên đều có thể biến mất: số điện thoại đặt dưới đáy một tấm ảnh, một cái tên chạy ngang phía trên một tấm áp phích. Hình ảnh được tải và đo ngay trong trình duyệt của bạn ở đây, nên kích thước bạn thấy là kích thước thật chứ không phải con số mà thẻ chiều rộng khai báo.
Một bộ thẻ, sáu kiểu hiển thị, vì các nền tảng không đọc giống nhau.
- Theo bố cục của từng nền tảng
- Theo thứ tự thẻ mà mỗi nền tảng dùng
- Đặt cạnh nhau
- Đo trong trình duyệt của bạn
- Pixel thật, không phải theo thẻ
- Cắt đúng như sẽ bị cắt
- Tiêu đề và mô tả
- Chỗ mỗi phần bị cắt
- Mỗi phần đến từ thẻ nào
- Có thẻ nào thì đọc thẻ đó
- Theo đúng mọi phương án dự phòng
- Không giữ lại gì