Trình tạo meta Thẻ Twitter và đồ thị mở miễn phí

Điền vào tiêu đề trang, mô tả, URL và chia sẻ hình ảnh để tạo các thẻ meta sẵn sàng dán cho Open Graph và Twitter Card. Một bản xem trước đơn giản cho thấy thẻ trông như thế nào — tất cả quá trình xử lý vẫn diễn ra trong trình duyệt của bạn.

Sử dụng URL https tuyệt đối cho og:url và og:image. Kích thước hình ảnh được đề xuất là 1200×630 cho thẻ lớn.

Tiêu đềSự miêu tảURL trangURL hình ảnh

Chiều rộng hình ảnhChiều cao hình ảnh

Tên trang webNgôn ngữ (tùy chọn)

Mở loại biểu đồ

thẻ Twitter

My Site

My page title

A short summary for social previews and search snippets.

Thẻ meta HTML

<meta property="og:title" content="My page title" />
<meta property="og:description" content="A short summary for social previews and search snippets." />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:site_name" content="My Site" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />
<meta property="og:image" content="https://example.com/og-image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My page title" />
<meta name="twitter:description" content="A short summary for social previews and search snippets." />
<meta name="twitter:image" content="https://example.com/og-image.jpg" />

Loading…

Cách sử dụng công cụ này

1
Mở trình tạo meta OG
Chuẩn bị thẻ chia sẻ xã hội cho một trang mới.
2
Nhập URL trang và hình ảnh
Thêm tiêu đề, mô tả, URL chuẩn và hình ảnh 1200×630 nếu có thể.
3
Sao chép HTML vào trang web của bạn
Dán thẻ meta vào phần đầu của HTML hoặc mẫu của bạn.

Thông tin nhanh

Chạy cục bộ?	Có — thẻ chỉ được tạo trong trình duyệt của bạn.
Có gì được tải lên không?	Không. Văn bản và URL của bạn vẫn ở trong tab này.
Siêu dữ liệu Next.js?	Sao chép HTML vào phần đầu hoặc ánh xạ các trường tới API siêu dữ liệu trong khung của bạn.
Xem trước hình ảnh?	Nếu URL hình ảnh cho phép liên kết nóng, bản xem trước thẻ thô sẽ xuất hiện ở bên phải.

Các trường hợp sử dụng phổ biến

Xây dựng thẻ meta Open Graph và Twitter Card với bản xem trước trực tiếp — chỉ sao chép HTML, cục bộ.
Chạy cục bộ?: Có — thẻ chỉ được tạo trong trình duyệt của bạn.
Có gì được tải lên không?: Không. Văn bản và URL của bạn vẫn ở trong tab này.
Siêu dữ liệu Next.js?: Sao chép HTML vào phần đầu hoặc ánh xạ các trường tới API siêu dữ liệu trong khung của bạn.
Xem trước hình ảnh?: Nếu URL hình ảnh cho phép liên kết nóng, bản xem trước thẻ thô sẽ xuất hiện ở bên phải.

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

Những thẻ nào được bao gồm?▾

Các thuộc tính og:* phổ biến cùng với twitter:card, tiêu đề, mô tả và hình ảnh khi được cung cấp.

Tôi có cần một hình ảnh không?▾

Đề xuất cho chia sẻ liên kết; chỉ để trống nếu bạn chấp nhận bản xem trước chỉ có văn bản.

Định dạng ngôn ngữ nào?▾

Sử dụng mã ngôn ngữ Open Graph như en_US hoặc zh_CN.

Nền tảng có hiển thị chính xác bản xem trước này không?▾

Mỗi mạng lưu trữ và cắt xén một cách khác nhau — hãy luôn kiểm tra bằng trình gỡ lỗi của chúng.

Ký tự đặc biệt trong tiêu đề?▾

Dấu ngoặc kép và ký hiệu được tự động thoát trong thuộc tính nội dung.

bài viết vs loại trang web?▾

Sử dụng bài viết cho bài đăng trên blog; trang web cho trang chủ và trang đích.