Chuyển đến nội dung

Xem trước Open Graph và thẻ meta

Xem liên kết hiển thị thế nào trên Google, Facebook, X, LinkedIn, Slack, Discord và iMessage; máy chủ của chúng tôi tải trang công khai để đọc thẻ, hoặc bạn tự viết thẻ mới ngay trên trình duyệt.

Máy chủ của chúng tôi tải trang một lần để đọc các thẻ; không lưu gì cả.

Xử lý trên máy chủ của chúng tôi · URL chỉ được tải khi có yêu cầu và không có gì được lưu lạiCách hoạt động

Cách sử dụng Xem trước Open Graph và thẻ meta

  1. 1

    Dán liên kết

    Nhập địa chỉ của một trang công khai rồi bấm Xem trước liên kết để đọc tiêu đề, mô tả, thẻ Open Graph và thẻ X của trang.

  2. 2

    Xem các thẻ hiển thị

    So sánh kết quả trên Google với các thẻ Facebook, X, LinkedIn, Slack, Discord và kiểu iMessage, đồng thời xem danh sách thẻ còn thiếu hoặc chưa tốt.

  3. 3

    Chỉnh sửa thẻ

    Bấm Chỉnh sửa các thẻ này, hoặc mở Viết thẻ, để đổi tiêu đề, mô tả và ảnh. Mọi bản xem trước cập nhật ngay khi bạn gõ.

  4. 4

    Sao chép vào trang

    Sao chép các thẻ meta đã tạo vào phần head của trang, đăng trang lên rồi kiểm tra lại URL thật.

Giới hạn và Pro

Miễn phí: 20 lượt xem trước URL mỗi phút, trang HTML tối đa 3 MB với thời gian chờ 12 giây, 7 bản xem trước nền tảng cho mỗi liên kết và chỉnh sửa thẻ không giới hạn.

Về Xem trước Open Graph và thẻ meta

Công cụ xem trước thẻ meta cho bạn biết liên kết sẽ trông thế nào trước khi chia sẻ. Công cụ đọc các thẻ mà bản xem trước liên kết dựa vào: tiêu đề HTML và mô tả meta, các thẻ Open Graph như og:title, og:description, og:image và og:site_name, thẻ X như twitter:card, cùng màu chủ đề mà Discord dùng cho vạch màu của khung nhúng. Sau đó công cụ dựng bảy bản xem trước: kết quả tìm kiếm Google, bài đăng liên kết trên Facebook và LinkedIn, thẻ X dạng ảnh lớn hoặc dạng tóm tắt, bản hiển thị liên kết của Slack, khung nhúng Discord và bong bóng tin nhắn kiểu iMessage.

Khi thiếu một trường, bản xem trước sẽ dùng giá trị thay thế giống cách đa số nền tảng làm, chẳng hạn từ og:title chuyển sang tiêu đề trang, và nguồn được ghi trong phần cảnh báo. Ảnh cũng được kiểm tra: kích thước pixel và loại tệp được đọc từ phần đầu tệp, nên bạn biết ảnh có nhỏ hơn mức tối thiểu 200 × 200 của Facebook, quá lớn so với giới hạn 5 MB của X, là SVG không được hỗ trợ, hay sai tỷ lệ cho thẻ lớn 2:1 hay không.

Tab Viết thẻ hoạt động mà không cần tải trang nào và cho ra khối thẻ meta sẵn dùng. Bản xem trước chỉ mang tính gần đúng: nền tảng đổi thiết kế, lưu đệm thẻ nhiều ngày, và có nơi hiển thị nội dung khác cho người đã đăng nhập. Để làm mới thẻ đã được chia sẻ, hãy dùng công cụ gỡ lỗi của chính nền tảng sau khi đăng trang.

Quyền riêng tư

Ở chế độ Kiểm tra URL, địa chỉ được gửi đến máy chủ của chúng tôi. Máy chủ tải trang đó một lần cùng những byte đầu của og:image để đọc thẻ và kích thước ảnh; không có gì được lưu hay ghi nhật ký. Ảnh xem trước sau đó được trình duyệt của bạn tải trực tiếp từ trang chứa ảnh. Viết thẻ chỉ chạy ngay trên trình duyệt.

Tính năng

Bảy bản xem trước

Thẻ Google, Facebook, X, LinkedIn, Slack, Discord và kiểu iMessage đặt cạnh nhau.

Kiểm tra og:image

Kích thước pixel, loại tệp và dung lượng được đọc từ chính ảnh, kèm mức tối thiểu của từng nền tảng.

Trình tạo thẻ

Nhập tiêu đề, mô tả và ảnh rồi sao chép trọn khối thẻ Open Graph và thẻ X.

Xem trước Open Graph và thẻ meta: câu hỏi thường gặp

Những thẻ nào quyết định giao diện liên kết khi được chia sẻ?
Hầu hết ứng dụng đọc thẻ Open Graph: og:title, og:description, og:image, og:url và og:site_name. X đọc twitter:card để chọn thẻ nhỏ hay lớn, còn lại dùng Open Graph. Google tìm kiếm thì dùng tiêu đề HTML và mô tả meta. Hãy khai báo đủ; công cụ này tạo trọn bộ thẻ trong tab Viết thẻ.
og:image nên có kích thước bao nhiêu?
Dùng 1200 × 630 pixel, tỷ lệ 1,91:1, định dạng PNG, JPEG hoặc WebP dưới 5 MB. Ảnh này lấp đầy thẻ lớn trên Facebook, LinkedIn, Slack và Discord, còn X sẽ cắt nhẹ về 2:1 cho thẻ ảnh lớn, nên hãy để chữ cách xa mép. Ảnh rộng dưới 600 pixel có thể chỉ hiện dạng hình thu nhỏ, và ảnh SVG không được hỗ trợ.
Vì sao Facebook hoặc LinkedIn vẫn hiện bản xem trước cũ?
Các nền tảng lưu đệm bản xem trước liên kết, thường trong vài ngày, kể từ lần đầu có người chia sẻ URL. Sau khi đổi thẻ, hãy yêu cầu nền tảng quét lại trang bằng Sharing Debugger của Facebook hoặc Post Inspector của LinkedIn. Slack, Discord và iMessage cũng lưu đệm và thường tự làm mới sau một thời gian, hoặc khi URL đổi, chẳng hạn thêm chuỗi truy vấn.
Khi kiểm tra URL, có gì được lưu lại không?
Không. Trình duyệt gửi địa chỉ đến máy chủ của chúng tôi, máy chủ tải trang và 256 KB đầu của og:image chỉ để đọc thẻ và kích thước ảnh, rồi trả kết quả về. Không có gì được lưu hay ghi nhật ký. Ảnh xem trước bạn thấy do chính trình duyệt tải thẳng từ trang web, giống như trong các ứng dụng thật.
Vì sao công cụ không đọc được trang của tôi?
Trang phải truy cập công khai được qua http hoặc https. Địa chỉ riêng tư và mạng nội bộ bị từ chối vì lý do bảo mật; trang cần đăng nhập hoặc chặn bot sẽ trả về trang đăng nhập hay trang xác minh; thẻ do JavaScript thêm sau đó cũng không được thấy vì máy chủ đọc HTML thô, như hầu hết trình thu thập của mạng xã hội. Hãy đặt thẻ trong HTML do máy chủ dựng sẵn.