👁

Mở Graph Xem trước Tool

Xem trước và tạo meta tag Mở Graph cho thẻ chia sẻ mạng xã hội

Nhập metadata

Tiêu đề
Mô tả
Hình ảnh
URL

Xem trước

Tiêu đề hiển thịMô tả sẽ hiển thị tại đâyexample.com

Meta tag đã sinh

Mở Graph Xem trước là gì

Mở Graph Xem trước giúp mô phỏng cách trang web hiển thị khi chia sẻ lên mạng xã hội. Giao thức Mở Graph do Facebook phát triển biến trang web thành đối tượng giàu thông tin qua các thẻ meta (og:Tiêu đề, og:Mô tả, og:image, og:url). Công cụ cung cấp: xem trước realtime trên Facebook/Twitter/LinkedIn/WeChat, sinh đầy đủ OG tag, kiểm tra kích thước ảnh và cú pháp. Lợi ích: tăng CTR, thể hiện thương hiệu nhất quán, hạn chế lỗi ảnh hoặc mô tả sai. Thẻ bắt buộc: og:Tiêu đề, og:Loại, og:image (HTTPS, 1200x630px), og:url. Thẻ tùy chọn: og:Mô tả, og:site_name, og:locale, metadata ảnh. Ngoài ra có Twitter Card (twitter:card, twitter:Tiêu đề) và thẻ riêng cho Facebook (fb:app_id). Công cụ giúp bạn tạo OG tag, xem trước đa nền tảng và đưa ra gợi ý tối ưu hóa.

Tính năng

🔍

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

📋Hướng dẫn sử dụng

1️⃣
Nhập metadata
Điền tiêu đề, mô tả, URL ảnh và URL trang
2️⃣
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
3️⃣
Xem trước hiển thị
Kiểm tra giao diện thẻ trên các nền tảng khác nhau
4️⃣
Tạo & sao chép
Sinh mã meta và sao chép để chèn vào thẻ <head>

📚Giới thiệu kỹ thuật

🏗️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.

🔍Kiểm tra & debug

Dùng Facebook Sharing Debugger, Twitter Card Validator, LinkedIn Post Inspector để kiểm tra thẻ, xóa cache và nhận cảnh báo tối ưu.

Câu hỏi thường gặp

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.

💡Quy trình sử dụng

1️⃣

Nhập URL hoặc tag

Nhập URL hoặc dán meta sẵn có để công cụ phân tích và Xem trước.
2️⃣

Chỉnh OG

Điều chỉnh tiêu đề, mô tả, ảnh, loại nội dung; Xem trước cập nhật theo thời gian thực.
3️⃣

Xem trên các nền tảng

Kiểm tra Facebook, Twitter, LinkedIn, WeChat để đảm bảo hiển thị tối ưu.
4️⃣

Sinh meta

Sao chép mã meta đã sinh và chèn vào <head>.
5️⃣

Kiểm tra cuối

Dùng công cụ chính thức của từng nền tảng để xác nhận không còn lỗi.

📝Lịch sử cập nhật

📌v1.11.251102
v1.11.1Bổ sung hướng dẫn chi tiết, nguồn tham khảo và thành phần gợi ý phục vụ tối ưu thẻ chia sẻ.(2025-11-09)
v1.0.251026Ra mắt Mở Graph Xem trước Tool; hỗ trợ xem trước đa nền tảng (Facebook, Twitter, LinkedIn); sinh meta realtime; kiểm tra kích thước ảnh; tạo đầy đủ OG & Twitter Card; sao chép và kiểm tra nhanh.(2025-10-26)

User Comments

0 / 2000
Loading...