Chuyển đến nội dung
ToolMug

Kiểm tra Open Graph và thẻ meta

Nhập URL để đọc title, description, thẻ Open Graph và Twitter Card, xem trước cách hiển thị trong tìm kiếm, thẻ xã hội lớn và link chat, đồng thời tìm lỗi như thiếu ảnh chia sẻ, title quá dài, thiếu canonical hoặc vô tình noindex.

Xử lý trên máy chủ của chúng tôi và xóa trong vòng một giờ

Cách sử dụng

  1. Nhập URL (nếu thiếu giao thức, mặc định dùng https).
  2. Nhấn Tra cứu và xem ba bản xem trước.
  3. Sửa các thẻ trong phần Kiểm tra, rồi tra lại để xác nhận.

Giải thích tùy chọn

Nội dung được đọc
Chỉ phần <head> của trang, tối đa 1 MB. Encoding như UTF-8 và GBK được tự nhận diện.
Hướng dẫn độ dài
Giữ title khoảng 60 ký tự và description 50–160 ký tự. Công cụ tìm kiếm cắt theo chiều rộng pixel nên đây chỉ là gần đúng.
Giới hạn truy cập
Chỉ truy cập địa chỉ công khai trên cổng 80, 443, 8080 và 8443, theo tối đa 5 lần chuyển hướng.

Bản xem trước dùng những thẻ nào

Ba bản xem trước lấy từng đoạn văn bản từ thẻ đầu tiên có mặt, theo thứ tự này:

Phần xem trước Lấy từ, thẻ đầu tiên tìm thấy
Tiêu đề og:title, rồi twitter:title, rồi tiêu đề trang
Mô tả og:description, rồi twitter:description, rồi thẻ mô tả (meta description)
Ảnh og:image, rồi twitter:image

Danh sách Kiểm tra đánh dấu og:title, og:description, og:image hoặc twitter:card bị thiếu, og:image không phải URL http hoặc https tuyệt đối, và tiêu đề hay mô tả nằm ngoài hướng dẫn độ dài. Một bộ tối thiểu vượt qua tất cả trông như thế này trong phần head của trang:

<meta property="og:title" content="Page title">
<meta property="og:description" content="One or two sentences about the page.">
<meta property="og:image" content="https://example.com/share.png">
<meta property="og:url" content="https://example.com/page">
<meta name="twitter:card" content="summary_large_image">

Giao thức Open Graph (ogp.me) định nghĩa og:title, og:type, og:image và og:url là các thuộc tính cơ bản. Các giá trị của twitter:card là summary (thẻ nhỏ) và summary_large_image (ảnh lớn phía trên văn bản).

Câu hỏi thường gặp

Đã sửa thẻ nhưng ứng dụng xã hội vẫn hiện thẻ cũ?

Nền tảng cache bản xem trước link trong vài giờ hoặc vài ngày. Facebook, LinkedIn và X đều có debugger chính thức để buộc tải lại.

og:image nên có kích thước bao nhiêu?

1.200×630 pixel (khoảng 1,91:1) là lựa chọn phổ biến, dưới 5 MB, với URL https tuyệt đối. Ảnh vuông nhỏ có thể bị cắt hoặc hiện thành thẻ nhỏ.

Website hiển thị trong trình duyệt, vì sao không tìm thấy thẻ?

Giống phần lớn bot xã hội, công cụ đọc HTML máy chủ trả về và không chạy JavaScript. Thẻ phải có trong HTML do server render hoặc static generation tạo.

Quyền riêng tư

Tệp được tải lên qua HTTPS để xử lý và tự động xóa trong vòng một giờ.

Công cụ liên quan