SEOTool
Tất cả công cụ
🖼️

OG Preview

Xem trước Open Graph card khi chia sẻ link lên Facebook, Twitter/X, LinkedIn.

Facebook Preview

Hình ảnh OG

example.com

Tiêu đề bài viết

Mô tả sẽ hiển thị ở đây...

Twitter/X Preview

Hình ảnh Twitter Card

Tiêu đề bài viết

Mô tả sẽ hiển thị ở đây...

example.com

Về công cụ OG Preview

Open Graph Protocol (OG) là chuẩn metadata do Facebook khởi xướng năm 2010, được adopted bởi Twitter, LinkedIn, Discord, Slack và hầu hết mạng xã hội. Khi bạn share URL, các platform này fetch trang, đọc OG tags, render card preview.

Tool này render 3 card preview: Facebook (1200×630 recommended), Twitter Summary Large Image (1200×628), LinkedIn (1200×627). Giúp bạn thấy đúng cách ảnh sẽ hiển thị trước khi post. Đặc biệt quan trọng vì mỗi platform crop ảnh khác nhau — Twitter cắt 2:1, Facebook cắt 1.91:1, LinkedIn gần 2:1.

  • Preview 3 platform: Facebook + Twitter + LinkedIn
  • Tỷ lệ crop chính xác từng platform
  • Fallback image nếu OG tags thiếu
  • Character counter cho title/description
  • Copy tags ngay để paste vào code
  • Chạy client-side, không cache

Cách preview Open Graph card

  1. 1

    Chọn mode

    Option 1: nhập URL — tool fetch và parse OG tags. Option 2: paste OG tags có sẵn để preview.

  2. 2

    Kiểm tra ảnh

    Ảnh 1200×630 hiển thị best cả 3 platform. Nếu ảnh nhỏ (< 600px), Twitter sẽ dùng Summary Small thay vì Large.

  3. 3

    Xem character fit

    Title ≤ 60 ký tự để không bị cắt trên Facebook mobile. Description ≤ 200 ký tự.

  4. 4

    So sánh 3 platform

    Xem tab Facebook / Twitter / LinkedIn — mỗi platform render hơi khác, đảm bảo cả 3 đều đẹp.

  5. 5

    Adjust og:image nếu xấu

    Nếu ảnh bị crop sai — tạo lại ảnh với safe zone 900×500 ở giữa, padding xung quanh để không bị cắt text.

Khi nào dùng OG Preview?

Trước khi share link quan trọng

Launch product, press release, link landing page — test OG card trước khi post thật.

Design team handoff

Design team tạo og:image — preview ngay để xác nhận ảnh đẹp cả 3 platform.

Fix 'no preview' khi share

Share Facebook ra card trống — OG tags missing. Check tool này + Facebook Debugger.

A/B test multiple og:image

Compare 2-3 thumbnail để chọn cái CTR cao nhất.

Câu hỏi về OG Preview

Tool preview chính xác như Facebook/Twitter không?

+
Có. Render theo exact spec: Facebook 1200×630 (1.91:1), Twitter Summary Large 1200×628 (1.91:1), LinkedIn 1200×627. Tỷ lệ crop giống thật.

Vì sao Facebook share không thấy preview dù có OG tags?

+
Facebook cache ~30 ngày. Dùng Facebook Debugger (developers.facebook.com/tools/debug) → 'Scrape Again' để refresh cache.

og:image tối thiểu bao nhiêu?

+
Facebook yêu cầu tối thiểu 200×200, khuyến nghị 1200×630. Ảnh < 600×315 sẽ bị Facebook render dạng thumbnail nhỏ trong card.

Twitter card_type nào?

+
'summary_large_image' là default — hiển thị ảnh lớn full width. 'summary' thì ảnh vuông nhỏ bên trái. Gần như luôn dùng summary_large_image.