Trình tạo thẻ Meta

Tạo các thẻ meta SEO, Open Graph và Twitter Card cho trang của bạn từ tiêu đề, mô tả, URL chuẩn, hình ảnh, tên trang và loại thẻ.

Đang tải công cụ…

Trình tạo thẻ Meta — Điền tiêu đề trang, mô tả, URL chuẩn, hình ảnh và tên trang của bạn để nhận một khối thẻ meta SEO, Open Graph và Twitter Card sẵn sàng dán vào phần head HTML. Bản xem trước trực tiếp SERP của Google và thẻ mạng xã hội cho thấy trang sẽ trông như thế nào trên kết quả tìm kiếm và khi được chia sẻ. Mọi thứ đều được tạo trong trình duyệt của bạn — không có gì về trang của bạn được tải lên.

Trình tạo thẻ Meta là gì?

Trình tạo thẻ Meta là một công cụ trực tuyến miễn phí biến vài thông tin của trang thành một bộ thẻ meta HTML hoàn chỉnh: các thẻ SEO tiêu chuẩn (title, meta description, liên kết chuẩn), các thẻ Open Graph (og:title, og:description, og:type, og:url, og:image, og:site_name) và các thẻ Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image). Người làm marketing, blogger và lập trình viên dùng nó khi ra mắt một trang hoặc bài viết để kiểm soát cách nó hiển thị trong kết quả tìm kiếm của Google và cách liên kết của nó mở ra trên Facebook, LinkedIn, X/Twitter, Slack và Discord. Chọn og:type (website, article, product, profile hoặc video.other) và kiểu twitter:card (summary, summary_large_image, app hoặc player), và công cụ chỉ viết các dòng cho những trường bạn điền. Nó xuất ra các thẻ HTML thuần — không thu thập dữ liệu trang web của bạn và không đọc trang thay bạn.

Cách sử dụng Trình tạo thẻ Meta

  1. Nhập tiêu đề trang của bạn — nó trở thành các thẻ <title>, og:title và twitter:title.
  2. Viết một mô tả meta (khoảng 150–160 ký tự) cho các thẻ description, og:description và twitter:description.
  3. Nhập URL chuẩn của trang và một URL hình ảnh tuyệt đối cho bản xem trước liên kết.
  4. Thêm tên trang của bạn và chọn og:type cùng twitter:card từ các menu thả xuống.
  5. Sao chép khối HTML được tạo từ ô đầu ra và dán vào phần <head> của trang.
  6. Dùng bản xem trước SERP của Google và thẻ mạng xã hội để kiểm tra kết quả trước khi xuất bản.

Ví dụ

Thẻ cho bài viết blog

Đầu vào

Tiêu đề: How to Bake Sourdough
Mô tả: A beginner's guide to baking sourdough bread at home.
URL: https://blog.example.com/sourdough
og:type: article

Đầu ra

<title>How to Bake Sourdough</title>
<meta name="description" content="A beginner's guide to baking sourdough bread at home." />
<link rel="canonical" href="https://blog.example.com/sourdough" />
<meta property="og:title" content="How to Bake Sourdough" />
<meta property="og:type" content="article" />
<meta name="twitter:card" content="summary_large_image" />

Thẻ mạng xã hội hình lớn

Đầu vào

Hình ảnh: https://example.com/og.png
twitter:card: summary_large_image

Đầu ra

<meta property="og:image" content="https://example.com/og.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://example.com/og.png" />

Ký tự đặc biệt được thoát

Đầu vào

Tiêu đề: Tips & Tricks for "Pros"

Đầu ra

<title>Tips &amp; Tricks for &quot;Pros&quot;</title>

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

Công cụ này tạo ra những thẻ meta nào?
Nó tạo ra các thẻ SEO tiêu chuẩn (<title>, meta description và một liên kết chuẩn), các thẻ Open Graph (og:title, og:description, og:type, og:url, og:image, og:site_name) và các thẻ Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image). Chỉ các dòng cho những trường bạn điền mới được đưa vào, nên bạn không bao giờ nhận được thẻ giữ chỗ trống.
Sự khác biệt giữa og:type và twitter:card là gì?
og:type cho các nền tảng biết trang là loại đối tượng nào — website, article, product, profile hoặc video.other — điều này ảnh hưởng đến cách liên kết mở ra. twitter:card chọn bố cục trên X/Twitter: summary là hình thu nhỏ nhỏ, summary_large_image hiển thị một hình banner lớn, còn app và player dành cho ứng dụng và phương tiện. Hãy chọn cặp phù hợp với nội dung của bạn.
URL hình ảnh có cần là tuyệt đối không?
Có. og:image và twitter:image phải là các URL tuyệt đối đầy đủ bắt đầu bằng https:// vì các trình thu thập lấy chúng từ bên ngoài trang của bạn — một đường dẫn tương đối như /og.png sẽ không tải được. Để có kết quả tốt nhất, hãy dùng hình ảnh 1200×630 cho các thẻ lớn.
Công cụ này có thu thập hay đọc trang đang hoạt động của tôi không?
Không. Nó chỉ định dạng các giá trị bạn nhập thành các thẻ meta HTML. Nó không tìm nạp, thu thập hay phân tích bất kỳ URL nào — URL chuẩn và URL hình ảnh được ghi vào thẻ nguyên văn, không được truy cập.
Dữ liệu của tôi có được gửi đến máy chủ không?
Không. Các thẻ được tạo hoàn toàn trong trình duyệt của bạn bằng JavaScript. Không có gì bạn nhập — kể cả tiêu đề, URL hay mô tả chưa xuất bản — được tải lên, lưu trữ hay gửi đi bất cứ đâu, nên có thể dùng an toàn trên các trang riêng tư hoặc trước khi ra mắt.

Công cụ liên quan

Trình tạo thẻ hreflang

Tạo các thẻ link hreflang cho một trang đa ngôn ngữ từ danh sách các cặp ngôn ngữ và URL, kèm x-default tùy chọn và thẻ tự tham chiếu.

Trình tạo JSON-LD

Tạo dữ liệu có cấu trúc JSON-LD hợp lệ cho các schema Article, Product, FAQPage, HowTo, LocalBusiness, Event, Recipe, BreadcrumbList và Organization từ một biểu mẫu đơn giản.

Công cụ kiểm tra mật độ từ khóa

Phân tích bất kỳ văn bản nào để đếm tần suất từ và mật độ từ khóa dưới dạng cụm 1, 2 hoặc 3 từ, kèm cảnh báo tối ưu hóa quá mức.

Xem trước Open Graph & Thẻ mạng xã hội

Xem trước cách một liên kết bung thành thẻ mạng xã hội trên X, LinkedIn, Slack, Discord và Facebook từ tiêu đề, mô tả, URL hình ảnh và URL trang.