Cách dùng Kiểm tra Open Graph
- Dán URL bạn định chia sẻ rồi nhấn Kiểm tra thẻ.
- So sánh bản xem trước của Facebook/LinkedIn, X và Slack. Các bản này cho thấy mỗi nền tảng sẽ tạo ra gì từ thẻ của bạn.
- Tìm huy hiệu “thiếu” màu đỏ trong bảng thẻ và kiểm tra og:image có tải được với kích thước khuyến nghị hay không.
- Sao chép đoạn mã được tạo cho các thẻ còn thiếu vào phần
<head>của trang, sau đó quét lại URL trên từng nền tảng.
Open Graph checker là gì?
Khi một link được chia sẻ trên Facebook, LinkedIn, Slack, WhatsApp, Discord và hầu hết các ứng dụng khác, nền tảng sẽ tải trang và tạo thẻ xem trước từ các thẻ meta Open Graph — một giao thức do Facebook tạo ra ban đầu. X (trước đây là Twitter) dùng các thẻ twitter:* riêng nhưng sẽ quay về Open Graph khi thiếu thẻ đó. Open Graph checker tải trang của bạn theo cách tương tự, hiển thị các thẻ tìm được và thẻ xem trước mà chúng tạo ra, để bạn có thể sửa xem trước bị lỗi trước khi ai đó chia sẻ.
Các thẻ mà mọi trang nên có
| Thẻ | Mục đích |
|---|---|
og:title | Tiêu đề của thẻ. Có thể gần gũi hơn tiêu đề SEO. |
og:description | Một hoặc hai câu hiển thị dưới tiêu đề. |
og:image | URL tuyệt đối của ảnh xem trước — yếu tố ảnh hưởng lớn nhất đến lượt nhấp. |
og:url | URL chuẩn (canonical), giúp gộp lượt chia sẻ của các biến thể trang. |
og:type | Thường là website hoặc article. |
twitter:card | summary_large_image cho ảnh lớn, summary cho ảnh vuông nhỏ. |
Các thẻ bổ sung nên có là og:site_name, og:locale, og:image:alt (mô tả ảnh cho trình đọc màn hình) và og:image:width/og:image:height, giúp một số nền tảng hiển thị thẻ trước khi tải ảnh.
Khuyến nghị kích thước ảnh
- 1200 × 630 px (tỷ lệ 1.91 : 1) hoạt động tốt trên Facebook, LinkedIn và Slack. Hãy giữ chữ quan trọng cách xa mép ảnh, vì một số ứng dụng cắt ảnh thành hình vuông hoặc tỷ lệ 2 : 1.
- Thẻ X lớn: tỷ lệ 2 : 1, tối thiểu 300 × 157 px, dưới 5 MB. Ảnh 1200 × 630 sẽ hiển thị với một chút cắt xén.
- Dùng JPEG hoặc PNG để tương thích rộng nhất, sử dụng URL
https://tuyệt đối, và đảm bảo ảnh không bị chặn bởi robots.txt hoặc yêu cầu đăng nhập.
Cần ảnh? Hãy tạo bằng OG Image Generator.
Vì sao bản xem trước cũ vẫn hiển thị?
Các nền tảng lưu bộ nhớ đệm (cache) xem trước, thường trong nhiều ngày. Sau khi sửa thẻ, hãy yêu cầu từng nền tảng tải lại: dùng Sharing Debugger của Facebook (“Scrape Again”), Post Inspector của LinkedIn, và với Slack chỉ cần chia sẻ URL kèm chuỗi truy vấn vô hại như ?v=2. Ngoài ra, hãy kiểm tra trang không chặn crawler và các thẻ có trong HTML được render từ server — hầu hết các trình quét không chạy JavaScript. Để viết đầy đủ bộ thẻ từ đầu, hãy dùng Meta Tag Generator.
Cũng được tìm dưới tên: og tags, open graph, twitter card validator, xem trước link, kiểm tra og image, facebook debugger, xem trước linkedin.
Các công cụ dùng kèm tốt với Kiểm tra Open Graph
- Kiểm tra Meta Tag — Xem chính xác Google có khả năng hiển thị trang của bạn như thế nào: title và description được đo bằng pixel, xem trước desktop và mobile, cùng mọi thẻ meta trong <head>.
- Kiểm tra SEO & Audit website — Dán một URL để chạy tối đa 70 kiểm tra SEO on-page cùng audit toàn bộ website: tốc độ Lighthouse, header bảo mật & SSL, dữ liệu có cấu trúc, liên kết hỏng, robots.txt & AI crawler, kiểm tra cơ bản về khả năng truy cập, tracking & consent, SPF/DKIM/DMARC và hạn domain.
- Kiểm tra Schema Markup — Kiểm tra dữ liệu có cấu trúc trên bất kỳ URL nào hoặc dán JSON-LD của bạn để tìm lỗi cú pháp, thuộc tính bắt buộc còn thiếu và các trường khuyến nghị cho rich results của Google.
- Giải thích robots.txt — Các quy tắc robots.txt ngắn nhưng dễ hiểu sai.
Câu hỏi thường gặp
Kích thước og:image tốt nhất là bao nhiêu?
Tôi có cần thẻ Twitter Card nếu đã có thẻ Open Graph không?
twitter:card: X sẽ dùng og:title, og:description và og:image thay thế. Thêm twitter:card với summary_large_image để có bố cục ảnh lớn.