Ảnh Open Graph là gì? Kích thước và 7 lỗi xem trước
og:image là hình Facebook, LinkedIn và ứng dụng chat hiện khi liên kết được chia sẻ. Kích thước đúng, 7 lỗi thường gặp, và kết quả kiểm tra 11 trang thật.
Tác giả: — CTO, ERPFit
Câu trả lời ngắn: Ảnh Open Graph là hình mà Facebook, LinkedIn và các ứng dụng chat hiện ra khi một liên kết được chia sẻ. Trang khai báo hình đó bằng thẻ <meta property="og:image">. Ảnh nên có kích thước 1200 × 630 px, tỷ lệ gần 1,91:1, định dạng JPEG hoặc PNG, và nằm ở một URL https công khai. Bản xem trước hiển thị sai thường do một trong bảy lỗi dưới đây; ngày 27/10/2026 chúng tôi kiểm tra 11 trang và thấy lỗi ở cả trang ogp.me của chính giao thức lẫn website của chúng tôi.
Các thẻ Open Graph cần có
Giao thức Open Graph quy định bốn thuộc tính bắt buộc cho mọi trang. Các thuộc tính còn lại là tùy chọn nhưng nên có. Chúng nằm trong <head> cùng các thẻ meta khác.
| Thẻ | Nội dung | Bắt buộc |
|---|---|---|
og:title | Tiêu đề hiện trên thẻ xem trước | Có |
og:type | website cho trang thường, article cho bài viết | Có |
og:image | URL tuyệt đối của ảnh | Có |
og:url | URL chuẩn (canonical) của trang | Có |
og:description | Một hai câu mô tả | Nên có |
og:image:width, og:image:height | Kích thước ảnh theo pixel | Nên có |
og:image:alt | Mô tả nội dung ảnh (không phải chú thích) | Nên có khi có og:image |
Ví dụ cho một bài viết:
<meta property="og:title" content="Ảnh Open Graph là gì?">
<meta property="og:type" content="article">
<meta property="og:url" content="https://example.com/blog/og-image">
<meta property="og:image" content="https://example.com/images/og-image-1200x630.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Bản xem trước liên kết khổ lớn trên Facebook">
<meta name="twitter:card" content="summary_large_image">X đọc thẻ twitter:card riêng để chọn loại thẻ xem trước; summary_large_image là thẻ có ảnh lớn.
Kích thước ảnh: số liệu của Meta và LinkedIn
Dùng ảnh 1200 × 630 px dưới 5 MB: kích thước này đạt mức khuyên dùng của cả Meta lẫn LinkedIn.
| Facebook (Meta) | ||
|---|---|---|
| Khuyên dùng | tối thiểu 1200 × 630 px | tối thiểu 1200 × 627 px |
| Bản xem trước khổ lớn | từ 600 × 315 px | ảnh rộng dưới 401 px hiện thu nhỏ |
| Nhỏ nhất | 200 × 200 px | — |
| Tỷ lệ | gần 1,91:1 | 1,91:1 |
| Dung lượng tối đa | 8 MB | 5 MB |
Nguồn: hướng dẫn hình ảnh của Meta và trợ giúp của LinkedIn. Một ảnh JPEG 1200 × 630 px dưới 5 MB đáp ứng cả hai. Về định dạng: thẻ og:image:type của Meta chỉ liệt kê image/jpeg, image/gif và image/png, nên hãy dùng JPEG hoặc PNG cho ảnh xem trước; WebP và AVIF hợp với ảnh trong trang hơn.
Bảy lý do bản xem trước hiển thị sai
- Không có og:image. Ứng dụng tự chọn một hình trong trang, hoặc không hiện hình.
- Ảnh trả về lỗi. URL ảnh trả về 404, chuyển hướng về trang đăng nhập, hoặc là đường dẫn tương đối như
/og.jpg. Hãy dùng URL tuyệt đối https. - Ảnh quá nhỏ. Dưới 600 × 315 px, Facebook chỉ hiện ảnh thu nhỏ bên cạnh tiêu đề.
- Sai tỷ lệ. Ảnh vuông hay ảnh 3:2 bị cắt trên dưới khi hiện ở khung 1,91:1, chữ trong ảnh có thể mất.
- Thẻ được thêm bằng JavaScript. Trình thu thập của mạng xã hội thường không chạy JavaScript (xem JavaScript SEO). Hãy đặt thẻ trong HTML máy chủ trả về. Sharing Debugger của Meta cho thấy trình thu thập đã đọc được gì; thẻ nào thiếu ở đó là trình thu thập không thấy.
- Bộ nhớ đệm. Theo hướng dẫn hình ảnh của Meta, Facebook lưu hình theo URL và không cập nhật nếu URL không đổi. Đổi hình mà giữ URL cũ thì bản xem trước vẫn là hình cũ. Đặt ảnh mới ở URL mới, rồi thu thập lại bằng Sharing Debugger.
- Lần chia sẻ đầu tiên. Trình thu thập chỉ tải hình khi liên kết được chia sẻ lần đầu, nên bản xem trước đầu tiên có thể chưa có hình. Hướng dẫn chia sẻ của Meta khuyên khai báo
og:image:widthvàog:image:heightđể hình hiển thị đúng ngay lần chia sẻ đầu tiên.
Chúng tôi kiểm tra og:image của 11 trang (27/10/2026)
Chúng tôi đọc thẻ Open Graph và tải og:image bằng chính bộ kiểm tra mà bản quét CiteStat dùng (trình thu thập của CiteStat), tôn trọng robots.txt của từng trang. Danh sách gồm website của chúng tôi, website công ty ERPFit, vài trang công nghệ lớn, hai báo điện tử Việt Nam và ogp.me.
| Trang | Thiếu thẻ bắt buộc | Khai báo kích thước | Kết quả ảnh |
|---|---|---|---|
| citestat.com/ | og:image | — | Không có ảnh |
| citestat.com/en/wiki/open-graph | og:image | — | Không có ảnh |
| citestat.com/en/blog/crux-report | — | 1536 × 1024 | Sai tỷ lệ (1,50:1) |
| erpfit.com/ | — | — | Sai tỷ lệ (1,50:1) |
| github.com/ | — | — | Đạt |
| vercel.com/ | — | — | Đạt |
| developers.cloudflare.com/ | — | — | Sai tỷ lệ (1,75:1) |
| stripe.com/ | — | — | Đạt |
| vnexpress.net/ | — | 1200 × 675 | Không kiểm tra được (HTTP 403 với trình thu thập của chúng tôi) |
| tuoitre.vn/ | — | 1200 × 630 | Đạt |
| ogp.me/ | — | 300 × 300 | Quá nhỏ, sai tỷ lệ (1:1) |
Những điều chúng tôi rút ra:
- Chỉ 4 trong 11 trang đạt: github.com, vercel.com, stripe.com và tuoitre.vn.
- Trang ogp.me của chính giao thức không đạt: ảnh 300 × 300 px, nhỏ hơn mức 600 × 315 px, nên Facebook chỉ hiện ảnh thu nhỏ.
- Website của chúng tôi có hai lỗi. Trang chủ và wiki không có og:image (kiểm tra thêm sau đó: trang bảng giá cũng vậy); ảnh bài blog có tỷ lệ 1,5:1 nên bị cắt. Chúng tôi sửa ngay trong ngày: các trang dùng một ảnh chung 1200 × 630 px, mỗi bài blog có ảnh xem trước 1200 × 630 px riêng, kèm
og:image:width,og:image:heightvàog:image:alt. - Chỉ 4 trong 11 trang khai báo kích thước ảnh, một trong số đó là trang của chúng tôi. Thiếu hai thẻ này, lần chia sẻ đầu tiên trên Facebook có thể không có hình.
- Trang có thể chặn công cụ kiểm tra mà không chặn Facebook. CDN của vnexpress.net trả về 403 cho trình thu thập của chúng tôi nhưng trả về 200 cho trình thu thập của Facebook và Zalo cũng như trình duyệt. Bản quét CiteStat vì vậy ghi "không kiểm tra được" (mức thấp) thay vì báo ảnh lỗi.
Cách kiểm tra bản xem trước
- Dán liên kết vào Sharing Debugger của Meta: công cụ hiện các thẻ đã đọc được, cảnh báo lỗi, và cho phép thu thập lại trang.
- Với LinkedIn, dùng Post Inspector.
- Gửi liên kết cho chính mình trong ứng dụng chat bạn hay dùng để xem bản xem trước thật.
- Chạy bản quét CiteStat: kết quả đọc og:title, og:description, og:image và twitter:card trong HTML máy chủ trả về, tải og:image về và kiểm tra mã HTTP, kích thước, tỷ lệ và dung lượng.
CiteStat chấm điểm Open Graph thế nào
Bộ quy tắc kiểm tra og:title, og:description (trọng số 4 mỗi quy tắc) và og:image (trọng số 5) trong điểm SEO. Bước tải ảnh thêm các phát hiện: ảnh trả về 404 hoặc lỗi máy chủ là mức cao; dưới 600 × 315 px hoặc trên 5 MB là mức trung bình; dưới 1200 × 630 px hoặc sai tỷ lệ là mức thấp; ảnh trả về 401, 403 hoặc 429 cho trình thu thập của chúng tôi là "không kiểm tra được" (mức thấp). Công cụ không yêu cầu định dạng ảnh cụ thể. Mỗi phát hiện dẫn đến trang wiki Open Graph với cách sửa.
Tài khoản miễn phí có 10 credit mỗi ngày, một bản quét SEO tốn 1 credit. Gói Pro có 100 credit mỗi ngày và báo cáo đầy đủ; xem bảng giá.
Câu hỏi thường gặp
Ảnh Open Graph nên có kích thước bao nhiêu?
1200 × 630 px, tỷ lệ gần 1,91:1, định dạng JPEG hoặc PNG. Meta khuyên tối thiểu 1200 × 630 px để hiển thị sắc nét, 600 × 315 px là mức nhỏ nhất cho bản xem trước khổ lớn, tệp không quá 8 MB. LinkedIn yêu cầu tối thiểu 1200 × 627 px và tối đa 5 MB, nên một ảnh 1200 × 630 px dưới 5 MB dùng được cho cả hai.
Vì sao Facebook vẫn hiện ảnh cũ sau khi tôi đã đổi ảnh?
Vì Facebook lưu bộ nhớ đệm hình theo URL. Hãy đặt ảnh mới ở một URL mới (ví dụ thêm ?v=2 hoặc đổi tên tệp), rồi dán liên kết vào Sharing Debugger của Meta và bấm thu thập lại. Meta ghi rằng hình được lưu theo URL và không cập nhật nếu URL không đổi; Sharing Debugger thu thập lại trang ngay.
Vì sao lần chia sẻ đầu tiên không có hình?
Trình thu thập của Facebook chỉ tải hình khi liên kết được chia sẻ lần đầu, nên bản xem trước đầu tiên có thể chưa có hình. Meta khuyên khai báo og:image:width và og:image:height để hình hiển thị đúng ngay lần chia sẻ đầu tiên; bạn cũng có thể dán liên kết vào Sharing Debugger trước khi chia sẻ.
Thẻ Open Graph có giúp tăng thứ hạng Google không?
Tài liệu của Google không liệt kê Open Graph là tín hiệu xếp hạng. Hướng dẫn về tiêu đề trang của Google có ghi nội dung thẻ og:title là một trong các nguồn có thể dùng để tạo tiêu đề của trang trong kết quả tìm kiếm. Giá trị chính của Open Graph là lượt bấm từ các liên kết được chia sẻ.