Xem trước và tạo meta tag Mở Graph cho thẻ chia sẻ mạng xã hội
Features
- Xem trước realtime: Hiển thị ngay cách trang của bạn xuất hiện trên mạng xã hội
- Sinh OG đầy đủ: Tạo toàn bộ meta tag Mở Graph cần thiết
- Đa nền tảng: Xem trước đồng thời trên Facebook, Twitter, LinkedIn, WeChat
- Sao chép nhanh: Sao chép toàn bộ meta tag chỉ với một cú nhấp
Usage Guide
- Nhập metadata: Điền tiêu đề, mô tả, URL ảnh và URL trang
- Cấu hình tuỳ chọn: Chọn loại OG, tên site, loại Twitter Card và tài khoản mạng xã hội
- Xem trước hiển thị: Kiểm tra giao diện thẻ trên các nền tảng khác nhau
- Tạo & sao chép: Sinh mã meta và sao chép để chèn vào thẻ <head>
Technical Details
Giao thức Mở Graph
Mở Graph sử dụng thẻ meta og:* trong <head> để mô tả nội dung. Các thuộc tính chính: og:Tiêu đề, og:Loại, og:image, og:url, og:Mô tả và tùy chọn như og:site_name, article:published_time. Các nền tảng đọc metadata này khi URL được chia sẻ để tạo thẻ Xem trước.
Twitter Cards
Twitter bổ sung twitter:* để hiển thị thẻ riêng (summary, summary_large_image, app, player). twitter:card xác định loại thẻ, twitter:site và twitter:creator chỉ định tài khoản. Nếu thiếu twitter:*, Twitter vẫn dùng OG làm fallback.
Yêu cầu ảnh
Facebook/LinkedIn khuyến nghị 1200x630px (tối thiểu 200x200px, <8MB). Twitter summary_large_image cần tỷ lệ 2:1 (1200x600px), summary card 1:1. WeChat yêu cầu 300x300–1068x455px. Nên dùng JPG/PNG/WEBP và có thể khai báo nhiều og:image để dự phòng.
Frequently Asked Questions
- Mở Graph tags là gì?
- Mở Graph là thẻ meta điều khiển cách hiển thị khi URL được chia sẻ lên mạng xã hội (tiêu đề, mô tả, ảnh, v.v.).
- Nền tảng nào dùng Mở Graph?
- Facebook, LinkedIn, Pinterest... sử dụng OG. Twitter dùng Twitter Card nhưng vẫn đọc OG làm dự phòng.
- Kích thước ảnh khuyến nghị?
- Facebook/LinkedIn: 1200x630px (tối thiểu 600x315px), JPG/PNG dưới 8MB.
- Cách debug OG?
- Dùng Facebook Sharing Debugger, Twitter Card Validator, LinkedIn Post Inspector để kiểm tra và làm mới cache.
- Có cần thẻ riêng cho từng nền tảng?
- OG hoạt động với hầu hết nền tảng. Nên thêm twitter:* để tận dụng tính năng riêng của Twitter.
Related Documentation
- Mở Graph Protocol - Tài liệu chính thức của Mở Graph
- Twitter Card Tags - Hướng dẫn meta tag cho Twitter
- Facebook Sharing - Thực hành tốt nhất chia sẻ trên Facebook
- LinkedIn Post Inspector - Công cụ Xem trước và debug của LinkedIn
- SEO Meta Tags Guide - Hướng dẫn meta tag SEO và mạng xã hội