Bạn vừa đưa trang lên, chia sẻ liên kết — và bản xem trước hiện sai ảnh, hoặc chẳng hiện gì cả. Gần như mọi sự cố OG image đều rơi vào một trong ba nhóm: thiếu thẻ, URL ảnh hỏng, hoặc cache cũ. Bài viết này chỉ cho bạn cách xem trước OG image trước khi chia sẻ, và cách xử lý từng lỗi khi nó xảy ra.
Kiểm tra thẻ trước tiên
Trước khi động đến bất kỳ công cụ nào, hãy mở mã nguồn trang (Ctrl+U / Cmd+U) và xác nhận các thẻ sau tồn tại trong <head>:
<meta property="og:title" content="Launch day: v2.0" />
<meta property="og:description" content="Everything new in this release." />
<meta property="og:image" content="https://example.com/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />Hai quy tắc sau bắt được phần lớn lỗi ngay lập tức:
og:imagephải là URL HTTPS tuyệt đối. Đường dẫn tương đối (/og/launch.png) thất bại trên hầu hết crawler.- URL ảnh phải truy cập được công khai — hãy mở nó trong cửa sổ ẩn danh. Nếu nó đòi đăng nhập, chuyển hướng, hoặc trả về 404, không nền tảng nào tải được.
Nếu chưa chắc ảnh của mình có đúng kích thước hay không, hãy bắt đầu với hướng dẫn kích thước OG image — kích thước là nửa còn lại của một bản xem trước hoạt động tốt.
Công cụ xem trước theo từng nền tảng
Mỗi nền tảng lớn đều có trình gỡ lỗi chính thức hiển thị chính xác những gì crawler của họ nhìn thấy:
| Nền tảng | Công cụ | Chức năng |
|---|---|---|
| Sharing Debugger | Hiển thị thẻ đã quét, liệt kê cảnh báo và có nút "Scrape Again" | |
| Post Inspector | Kết xuất bản xem trước và làm mới cache của LinkedIn sau mỗi lần kiểm tra | |
| X (Twitter) | Soạn một bài đăng nháp | X đã khai tử bản xem trước Card Validator độc lập — dán liên kết vào bản nháp (hoặc tự nhắn DM cho mình) để xem thẻ thực tế |
| Slack | Tự nhắn tin cho mình | Slack hiển thị bản xem trước theo thời gian thực; tự DM cho mình là cách xem trước OG nhanh nhất |
| Discord | Dán vào kênh bất kỳ | Embed hiển thị ngay lập tức từ thẻ Open Graph của bạn |
| WhatsApp / Telegram | Gửi vào "Saved messages" / cho chính mình | Cả hai đều đọc og:image; Telegram cache rất lâu (xem bên dưới) |
Quy trình thực dụng: sửa thẻ → chạy Facebook Sharing Debugger (nơi có cảnh báo chi tiết nhất) → rồi kiểm tra nhanh nền tảng bạn thực sự quan tâm.
Buộc làm mới cache
Các nền tảng cache bản xem trước liên kết rất lâu — đôi khi hàng tuần liền. Nếu bạn đã cập nhật OG image nhưng vẫn thấy ảnh cũ:
- Facebook: mở Sharing Debugger và bấm Scrape Again.
- LinkedIn: chạy URL qua Post Inspector — bản thân việc kiểm tra đã xóa cache.
- X: không có cách làm mới thủ công; cache thường tự hết hạn trong khoảng một tuần.
- Telegram: nhắn URL của bạn cho
@WebpageBotđể buộc thu thập lại. - Giải pháp vạn năng: đổi URL ảnh. Thêm tham số phiên bản (
/og/launch.png?v=2) — hoặc tốt hơn, dùng tên tệp theo hash nội dung — khiến mọi nền tảng lập tức coi đó là một ảnh hoàn toàn mới.
Nếu OG image của bạn được sinh ra từ một pipeline, hãy gắn phiên bản hoặc hash vào tên tệp ngay từ ngày đầu. Vấn đề vô hiệu hóa cache sẽ biến mất hoàn toàn.
Vì sao OG image vẫn không hiển thị
Đã chạy hết các trình gỡ lỗi mà ảnh vẫn mất tăm? Hãy rà theo danh sách này:
- Ảnh quá nặng hoặc tải quá chậm. Crawler hết thời gian chờ với các tệp nhiều megabyte. Giữ dưới 1 MB (thấp hơn hẳn 300 KB nếu tính cả WhatsApp).
- Kích thước ảnh dưới ngưỡng thẻ lớn. Dưới 600×315, Facebook rơi về dạng thumbnail nhỏ. Hãy xuất ở 1200×630 — hướng dẫn kích thước có phân tích đầy đủ.
- Trang của bạn chặn crawler. Kiểm tra xem
robots.txt, tường lửa hay lớp chống bot có đang trả về 403 chofacebookexternalhit,TwitterbothoặcLinkedInBotkhông. - Thẻ được chèn phía client. Hầu hết crawler mạng xã hội không chạy JavaScript. Thẻ OG phải nằm trong HTML kết xuất từ máy chủ.
- Nhiều thẻ
og:imagexung đột. Các nền tảng thường lấy thẻ đầu tiên — hãy dọn các thẻ thừa do template hoặc plugin để lại.
Xem trước trước khi xuất bản, đừng để sau
Các trình gỡ lỗi ở trên chỉ cho bạn biết điều gì đã hỏng sau khi chuyện đã rồi. Thói quen rẻ hơn là làm ảnh chuẩn ngay trước khi lên sóng. Trình tạo OG image miễn phí của chúng tôi hiển thị bản xem trước trực tiếp ở đúng kích thước 1200×630 trong lúc bạn chỉnh sửa — những gì thấy trong trình soạn thảo chính xác từng pixel với thẻ khi hiển thị — và xuất ra PNG đã tối ưu, vượt qua mọi bước kiểm tra trong bài viết này. Không cần đăng ký, không watermark.
Câu hỏi thường gặp
Làm sao xem trước OG image mà không cần đăng bài?
Dùng Facebook Sharing Debugger hoặc LinkedIn Post Inspector để xem bản kết xuất chính thức, hoặc tự gửi liên kết cho mình trong Slack, Discord hay WhatsApp — tin nhắn tự gửi hiển thị bản xem trước y hệt khi chia sẻ công khai.
Cache của OG image tồn tại bao lâu?
Tùy nền tảng: Facebook giữ cache cho đến khi bạn buộc quét lại, LinkedIn làm mới qua Post Inspector, X tự hết hạn trong khoảng một tuần. Đổi URL ảnh (?v=2 hoặc tên tệp mới) vượt qua mọi cache cùng lúc.
Vì sao OG image hiện trên Facebook nhưng không hiện trên WhatsApp?
Gần như luôn là do dung lượng tệp. WhatsApp bỏ cuộc với ảnh nặng — hãy nén PNG hoặc phục vụ một biến thể nhỏ hơn và giữ thấp hơn hẳn mức 300 KB.
Thẻ OG có hoạt động trên trang kết xuất bằng JavaScript không?
Chỉ khi các thẻ có mặt trong phản hồi đầu tiên từ máy chủ. Crawler mạng xã hội thường không chạy JavaScript, nên thẻ meta chèn phía client là vô hình với chúng.
