Kiểm tra và xóa cache ảnh OG trên các mạng xã hội
Buộc Facebook, Messenger, Twitter/X, Telegram, Zalo và LinkedIn quét lại Open Graph tags sau khi deploy để preview link hiển thị đúng ảnh OG mới, kèm checklist thẻ meta chuẩn và cách xử lý khi ảnh không hiện.
Mục lục
Sau khi deploy OG tags (Open Graph) cho website, các nền tảng mạng xã hội thường vẫn cache bản preview cũ. Bài này chỉ cách buộc từng nền tảng quét lại để hiển thị đúng ảnh OG mới, kèm checklist thẻ meta chuẩn và các bước kiểm tra khi ảnh vẫn không hiện.
Trong toàn bài, https://example.com/ là URL website của bạn và og-image.png là file
ảnh OG - thay bằng giá trị thật của bạn.
Tóm tắt nhanh
| Nền tảng | Công cụ | URL / cách dùng |
|---|---|---|
| Facebook / Messenger | Sharing Debugger | developers.facebook.com/tools/debug |
| Twitter / X | Khung soạn bài đăng trên X | Dán URL vào khung soạn bài trên x.com để xem card (không cần đăng) |
| Telegram | Bot @webpagebot | Gửi URL cho bot trên Telegram |
| Zalo | Không có công cụ | Chờ 24-48 giờ hoặc thêm ?v=2 vào URL |
| Post Inspector | linkedin.com/post-inspector |
Thao tác chung:
- Paste URL website vào công cụ của từng nền tảng.
- Bấm Scrape / Debug / Inspect.
- Kiểm tra ảnh preview đã hiển thị đúng chưa.
1. Facebook / Messenger
Facebook cache OG rất mạnh. Bạn cần dùng Sharing Debugger để buộc nó fetch lại.
- Truy cập Facebook Sharing Debugger.
- Paste URL cần kiểm tra, ví dụ
https://example.com/. - Bấm Debug.
- Kiểm tra phần
og:image- nếu vẫn hiện ảnh cũ hoặc trống:- Bấm nút Scrape Again.
- Bấm thêm lần thứ 2 cho chắc (Facebook đôi khi cần 2 lần mới cập nhật).
- Sau khi scrape xong, xem mục Link Preview ở cuối trang để thấy ảnh mới.
Bạn cần đăng nhập tài khoản Facebook Developer để sử dụng công cụ này.
2. Twitter / X
X đã bỏ phần xem trước (preview) trong Card Validator, nên cách kiểm tra chính xác nhất hiện nay là dùng chính khung soạn bài đăng:
- Mở x.com (hoặc app X) và bấm soạn bài đăng mới.
- Dán URL cần kiểm tra vào khung soạn bài.
- Chờ vài giây - card preview tự hiện ngay bên dưới nếu trang có đủ meta tag.
- Kiểm tra ảnh trong card rồi đóng khung soạn bài, không cần bấm đăng.
Bài đã đăng sẽ giữ nguyên card tại thời điểm đăng, dù sau đó bạn đổi ảnh OG. Chỉ những lần chia sẻ sau đó mới dùng metadata mới.
Nếu card vẫn hiện ảnh cũ:
- Gửi URL qua trang Card Validator để yêu cầu X quét lại. Trang này không còn hiện preview, chỉ dùng để kích hoạt quét lại và xem log.
- Hoặc thêm query string vào URL khi chia sẻ (ví dụ
?v=2) để X coi đó là URL mới, giống cách làm với Zalo ở mục 4.
Ngoài OG tags thông thường, X yêu cầu thêm các meta tag twitter:card và
twitter:image. Ví dụ xem ngay bên dưới.
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://example.com/og-image.png" />3. Telegram
Telegram cache preview rất nặng, nhưng có bot chuyên xóa cache.
- Mở Telegram, tìm bot @webpagebot.
- Gửi URL cần refresh cho bot (ví dụ bên dưới).
- Bot sẽ tự động fetch lại HTML, xóa cache và trả về preview mới.
- Sau đó gửi lại link trong bất kỳ chat nào - preview sẽ hiển thị ảnh mới.
URL gửi cho bot:
https://example.com/4. Zalo
Zalo không có công cụ debug OG công khai, và cache của Zalo rất nặng. Cách xử lý:
- Chờ tự động: Zalo thường cập nhật cache sau 24-48 giờ.
- Đánh lừa cache: thêm query string vào URL khi gửi (ví dụ bên dưới). Zalo sẽ coi đây là URL mới và fetch lại preview.
- Mỗi lần cần refresh, tăng số version:
?v=3,?v=4...
URL kèm query string:
https://example.com/?v=25. LinkedIn
- Truy cập LinkedIn Post Inspector.
- Paste URL cần kiểm tra.
- Bấm Inspect.
- Kiểm tra phần preview đã hiển thị đúng ảnh OG chưa.
- Nếu cần refresh, bấm Inspect lại lần nữa.
Khi ảnh OG vẫn không hiển thị dù đã scrape lại
Kiểm tra lần lượt ba điểm sau.
Kiểm tra định dạng ảnh
Một số nền tảng cũ không hỗ trợ .webp. Nếu gặp lỗi, convert sang .png hoặc .jpg:
# Chuyển webp sang png (cần cài bộ công cụ webp để có lệnh dwebp)
dwebp og-image.webp -o og-image.png
# Hoặc dùng ffmpeg
ffmpeg -i og-image.webp og-image.pngSau đó cập nhật tag trong HTML:
<meta property="og:image" content="https://example.com/og-image.png" />Kiểm tra kích thước ảnh
Facebook khuyến nghị ảnh OG tối thiểu 1200x630 pixels.
Kiểm tra URL ảnh truy cập được
Paste trực tiếp URL ảnh lên trình duyệt, đảm bảo nó load được (không bị 404, không bị chặn bởi auth).
Checklist OG tags chuẩn
<!-- OG tags cơ bản -->
<meta property="og:title" content="Tiêu đề trang" />
<meta property="og:description" content="Mô tả ngắn về trang" />
<meta property="og:image" content="https://example.com/og-image.png" />
<meta property="og:url" content="https://example.com/" />
<meta property="og:type" content="website" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Tiêu đề trang" />
<meta name="twitter:description" content="Mô tả ngắn về trang" />
<meta name="twitter:image" content="https://example.com/og-image.png" />Thứ tự ưu tiên định dạng ảnh
Xếp theo mức độ tương thích, tốt nhất trước:
- PNG - tương thích tốt nhất trên mọi nền tảng.
- JPG/JPEG - tương thích tốt, file nhẹ hơn.
- WebP - được hỗ trợ trên Facebook, Twitter, LinkedIn (2024+), nhưng một số nền tảng cũ có thể không hiển thị.
Xử lý sự cố
| Triệu chứng | Cách xử lý |
|---|---|
| Facebook vẫn hiện ảnh cũ hoặc trống sau khi Debug | Bấm Scrape Again hai lần liên tiếp, rồi xem lại mục Link Preview |
| Không mở được Sharing Debugger | Đăng nhập tài khoản Facebook Developer trước |
| Twitter / X không hiện ảnh trong card | Thêm meta tag twitter:card và twitter:image ngoài OG tags, rồi dán lại URL vào khung soạn bài để xem card |
| Twitter / X vẫn hiện card cũ | Gửi URL qua Card Validator để X quét lại, hoặc chia sẻ URL kèm ?v=2; bài đã đăng thì không đổi được card |
| Telegram vẫn hiện preview cũ | Gửi URL cho bot @webpagebot, sau đó gửi lại link trong chat |
| Zalo vẫn hiện preview cũ | Chờ 24-48 giờ, hoặc thêm ?v=2 vào URL và tăng số mỗi lần cần refresh |
| Ảnh không hiện trên mọi nền tảng | Đổi ảnh sang .png / .jpg, đảm bảo tối thiểu 1200x630 pixels và URL ảnh mở được trực tiếp trên trình duyệt (không 404, không bị chặn bởi auth) |