Xem Trước Thẻ OG - Trình Kiểm Tra Thẻ Meta Open Graph
Nhập các giá trị Open Graph và Twitter Card để xem trước trực tiếp trên các mạng xã hội. Tạo mã thẻ meta sẵn sàng sử dụng ngay lập tức.
Thẻ Meta Open Graph Là Gì?
Thẻ meta Open Graph (OG) là các phần tử meta HTML kiểm soát cách các trang web của bạn hiển thị khi được chia sẻ trên các nền tảng truyền thông xã hội như Facebook, Twitter, LinkedIn và Discord. Chúng xác định tiêu đề, mô tả, hình ảnh và URL xuất hiện trong thẻ xem trước trên mạng xã hội. Cấu hình chính xác các thẻ OG có thể cải thiện đáng kể tỷ lệ nhấp từ các lượt chia sẻ trên mạng xã hội.
Cách Sử Dụng Công Cụ Xem Trước Thẻ OG Này
- Nhập Giá Trị OG — Điền vào og:title, og:description, URL og:image, og:url, og:type và og:site_name
- Thêm Thẻ Twitter Card — Tùy chọn ghi đè tiêu đề, mô tả và hình ảnh cho thẻ Twitter/X
- Kiểm Tra Bản Xem Trước Trực Tiếp — Xem chính xác trang của bạn sẽ hiển thị như thế nào trên Facebook, Twitter, LinkedIn và Discord
- Sao Chép Mã Đã Tạo — Nhấp vào Sao Chép Mã để lấy thẻ meta HTML sẵn sàng dán vào trang của bạn
Tại Sao Nên Sử Dụng Công Cụ Xem Trước OG Này?
- Xem Trước Trên 4 Nền Tảng — Xem đồng thời bản xem trước trên Facebook, Twitter/X, LinkedIn và Discord
- Cập Nhật Theo Thời Gian Thực — Bản xem trước cập nhật ngay lập tức khi bạn nhập, không cần tải lại trang
- Tạo Mã — Tự động tạo mã HTML thẻ meta được định dạng đúng cách
- Hỗ Trợ Twitter Card — Các trường riêng biệt cho các ghi đè dành riêng cho Twitter (twitter:title, twitter:image, v.v.)
- Không Cần Máy Chủ — Mọi thứ chạy trong trình duyệt của bạn. Không có dữ liệu nào được gửi đến bất kỳ máy chủ nào
- Hướng Dẫn Kích Thước — Các đề xuất tích hợp cho kích thước hình ảnh tối ưu (1200x630px)
FreeToolbox So Với Các Công Cụ Xem Trước OG Khác
| Tính Năng | FreeToolbox | OpenGraph.xyz | MetaTags.io |
|---|---|---|---|
| Nền tảng | 4 (FB, TW, LI, DC) | 3 (FB, TW, LI) | 3 (Google, FB, TW) |
| Xem trước theo thời gian thực | Có | Có | Có |
| Tạo mã | Có | Có | Có |
| Xem trước Discord | Có | Không | Không |
| Không yêu cầu tài khoản | Có | Có | Gói miễn phí bị giới hạn |
| Quảng cáo | Tối thiểu | Vừa phải | Nhiều |
Câu hỏi thường gặp
Kích thước og:image được khuyến nghị là bao nhiêu?
Kích thước được khuyến nghị là 1200 x 630 pixel (tỷ lệ khung hình 1,91:1). Kích thước này hoạt động tốt trên Facebook, Twitter, LinkedIn và Discord. Sử dụng định dạng PNG hoặc JPG và giữ kích thước tệp dưới 8MB.
Tại sao công cụ này không thể tìm nạp thẻ OG từ một URL?
Bảo mật trình duyệt (chính sách CORS) ngăn JavaScript tìm nạp nội dung từ các miền khác. Công cụ này sử dụng nhập liệu thủ công, điều này thực sự tốt hơn để xem trước các thẻ trước khi bạn xuất bản chúng.
Tôi có cần cả thẻ OG và Twitter Card không?
Twitter/X sẽ quay lại thẻ OG nếu thiếu các thẻ dành riêng cho Twitter. Tuy nhiên, nên thêm twitter:card để kiểm soát loại thẻ. Chỉ sử dụng các thẻ dành riêng cho Twitter nếu bạn muốn nội dung khác nhau trên Twitter so với các nền tảng khác.
Tôi nên sử dụng og:type nào?
Sử dụng 'website' cho trang chủ và các trang chung, 'article' cho bài đăng trên blog và tin tức, 'product' cho trang sản phẩm. 'website' mặc định hoạt động cho hầu hết các trường hợp.
Làm cách nào để kiểm tra thẻ OG thực tế của tôi?
Sau khi thêm thẻ meta vào trang của bạn, hãy sử dụng Sharing Debugger của Facebook (developers.facebook.com/tools/debug), Twitter Card Validator và LinkedIn Post Inspector để xác minh rằng các thẻ hoạt động chính xác.