Về công cụ này
X (trước đây là Twitter) đọc bộ meta tag riêng của mình — twitter:card, twitter:title, twitter:description, twitter:image và twitter:site — để dựng thẻ xem trước hiển thị khi ai đó chia sẻ liên kết của bạn. Đây là một tiêu chuẩn riêng biệt so với Open Graph, có hai kiểu bố cục: summary_large_image hiển thị một ảnh rộng ở trên cùng với khối văn bản nhỏ bên dưới, còn summary giữ một ảnh thu nhỏ vuông gọn bên cạnh tiêu đề và mô tả. Hãy dùng bố cục ảnh lớn cho bài blog và bài viết, còn summary cho các trang tiện ích nơi văn bản quan trọng hơn hình ảnh.
X vẫn sẽ dùng tạm thẻ og: tương ứng cho bất kỳ thuộc tính twitter: nào không tìm thấy — og:title, og:description và og:image lấp đầy chỗ thiếu — vì vậy một trang chỉ có thẻ Open Graph vẫn có thẻ xem trước, chỉ là không có quyền kiểm soát riêng của X. Để bao phủ đầy đủ, hãy tạo thẻ Open Graph bằng công cụ đi kèm Công cụ tạo Open Graph và kết hợp với các thẻ twitter: từ trang này; kết hợp lại, chúng bao phủ hai tiêu chuẩn mà phần lớn các nền tảng — X, Facebook, LinkedIn, Slack, Discord và hầu hết ứng dụng chat — dựa vào để hiển thị xem trước liên kết phong phú.
Câu hỏi thường gặp
Sự khác biệt giữa summary và summary_large_image là gì?
summary hiển thị hình thu nhỏ vuông nhỏ bên cạnh văn bản, còn summary_large_image hiển thị hình banner chiều rộng đầy đủ phía trên văn bản — hãy dùng bản lớn cho nội dung trực quan như bài viết blog hoặc sản phẩm.
Tôi có còn cần thẻ Open Graph nếu đã thêm thẻ Twitter Card không?
Có — X/Twitter sẽ dùng lại thẻ Open Graph cho bất kỳ trường twitter: nào bạn bỏ qua, vì vậy giữ cả hai sẽ cho kết quả đáng tin cậy nhất trên các nền tảng.