Mở biểu đồ và tạo thẻ Twitter

Open Graph (og:) là giao thức chia sẻ Facebook, LinkedIn, Slack, WhatsApp, Pinterest và hầu hết các nền tảng đọc để xây dựng một bản xem trước liên kết. Twitter Card (twitter:) là từ vựng của X điều khiển bố cục thẻ — ví dụ summary vs summary_large_image. Chúng trùng lặp nhau: tiêu đề, mô tả và hình ảnh có thể đến từ thẻ og:. Thẻ Twitter-specific chỉ thêm những gì og: không thể biểu diễn, như phong cách thẻ và thẻ @site.

Dùng 1200x630 điểm ảnh (tỷ lệ 1. 91: 1) cho thẻ lớn mà Facebook, LinkedIn và X summary_ large_ image đều dùng — nó lấp đầy khung mà không cắt. Giữ tập tin dưới 5 MB và cung cấp nó qua một URL https tuyệt đối, vì các nền tảng sẽ không lấy ảnh tương đối hoặc http một cách đáng tin cậy. Facebook chấp nhận tối thiểu là 200x200, nhưng các hình ảnh nhỏ sẽ được hiển thị như một hình ảnh thu nhỏ nhỏ thay vì thẻ anh hùng.

Mỗi nền tảng sẽ lưu trữ phiên bản đầu tiên của thẻ của bạn, đôi khi trong nhiều tuần, vì vậy các tiêu đề và hình ảnh cũ sẽ tồn tại sau khi bạn sửa chữa các thẻ. Bắt buộc một lần rút lại: dán URL vào bộ gỡ lỗi chia sẻ Facebook và nhấn Gỡ lại, dùng Kiểm tra bài đăng LinkedIn, và chia sẻ liên kết một lần trên X để cập nhật bộ nhớ đệm của nó. Kiểm tra các thẻ thực sự nằm trong đầu HTML được phục vụ và không được JavaScript tiêm vào sau đó, hầu hết các thẻ rút không thực hiện.

Không hoàn toàn. Khi một thẻ Twitter bị thiếu, X sẽ quay lại thẻ Open Graph tương ứng — og: title, og: description và og: image bao phủ hầu hết thẻ. Vì vậy, tối thiểu thực tế là một tập hợp đầy đủ các thẻ og: cộng thêm chỉ twitter: card để chọn bố cục và twitter: site để xác định. Thêm thẻ og: cũng có nghĩa là xem trước tương tự trên Facebook, LinkedIn, Slack và mọi nơi khác, vì vậy hãy bắt đầu với og: và chỉ thêm một số thẻ twitter: mà og: không thể biểu diễn.