Trình tạo Open Graph
Dựng trọn bộ thẻ meta og: và twitter: và xem card chia sẻ cập nhật trực tiếp trước khi bạn dán bất cứ gì.
HTML snippet
Share card preview
example.com
Page title
Công cụ này chạy hoàn toàn trong trình duyệt của bạn. Dữ liệu không bao giờ rời khỏi thiết bị — không được tải lên bất kỳ máy chủ nào.
Cách sử dụng
- 1Nhập tiêu đề trang, mô tả và URL canonical.
- 2Thêm URL ảnh chia sẻ (1200 × 630 px chạy được mọi nơi) và chọn kiểu card.
- 3Sao chép các thẻ vào <head> và kiểm tra card xem trước.
Trình tạo Open Graph
Khi liên kết của bạn được chia sẻ trên X, Facebook, LinkedIn, Slack hay iMessage, card xem trước được dựng gần như hoàn toàn từ thẻ Open Graph, với thẻ Twitter card lấp phần còn lại. Bộ tạo này xuất cả hai namespace: og:title, og:type, og:url, og:image, og:image:alt, og:site_name, og:description và og:locale, cùng twitter:card, twitter:site và twitter:creator.
Đa số nền tảng dùng og: làm phương án dự phòng khi thiếu thẻ twitter:, nên phần bổ sung chỉ cần ở nơi chúng khác nhau. Bản xem trước trực tiếp mô phỏng cách card ảnh lớn hay summary hiển thị.
Câu hỏi thường gặp
og:image nên dùng kích thước nào?
1200 × 630 điểm ảnh (1.91:1) là mặc định an toàn trên Facebook, X và LinkedIn. Giữ file dưới 8 MB, dùng URL tuyệt đối, và luôn thêm og:image:alt để dễ tiếp cận.
Có cần cả thẻ og: và twitter:?
twitter:title, twitter:description và twitter:image tự quay về og: tương ứng. Trên bộ og:, bạn chỉ cần twitter:card (summary hay summary_large_image), twitter:site và tùy chọn twitter:creator.
Chọn og:type nào?
Dùng website cho trang chủ và trang tổng quát, article cho tin tức và bài blog (thêm article:published_time nếu có thể), và product cho trang chi tiết thương mại điện tử. Kiểu này ảnh hưởng cách một số nền tảng phân loại liên kết.
Công cụ liên quan
Trình tạo thẻ Meta
Tạo thẻ meta title, description, keywords, robots và viewport với HTML trực tiếp dán thẳng vào <head> của bạn.
Tất cả công cụ →
Xem trước SERP
Xem trước snippet Google trên desktop và mobile với giới hạn cắt theo điểm ảnh và thước đo độ dài cho title lẫn description.
Tất cả công cụ →
Trình tạo Schema Markup
Tạo dữ liệu có cấu trúc JSON-LD hợp lệ cho Organization, LocalBusiness, Product, Article, FAQPage và HowTo — đã escape, sẵn sàng dán.
Tất cả công cụ →
Trình tạo liên kết UTM
Thêm utm_source, medium, campaign, term và content vào URL bất kỳ và nhận liên kết tracking mã hóa đúng chuẩn để sao chép hay chia sẻ.
Tất cả công cụ →
Nhúng công cụ này
Đưa công cụ này vào trang của bạn bằng một dòng — nó chạy trong trình duyệt của khách.
<iframe src="https://zoyku.com/vi/tools/open-graph-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — open-graph-generator" loading="lazy"></iframe>