Cách sử dụng
- Nhập URL (nếu thiếu giao thức, mặc định dùng https).
- Nhấn Tra cứu và xem ba bản xem trước.
- 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ờ.