Meta Tag Generator
Tạo title, description, OG tags chuẩn SEO và xem trước hiển thị trên Google.
Google Preview
https://example.com
Tiêu đề trang của bạn
Mô tả trang sẽ hiển thị ở đây. Hãy viết mô tả hấp dẫn để tăng CTR.
HTML Output
<!-- Primary Meta Tags --> <title></title> <meta name="title" content="" /> <meta name="description" content="" /> <!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <meta property="og:url" content="" /> <meta property="og:title" content="" /> <meta property="og:description" content="" /> <meta property="og:site_name" content="" /> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image" /> <meta property="twitter:url" content="" /> <meta property="twitter:title" content="" /> <meta property="twitter:description" content="" />
Về công cụ Meta Tag Generator
Meta tags là thẻ HTML trong `<head>` của trang web, mô tả nội dung cho Google và mạng xã hội. Ba bộ tags quan trọng nhất: (1) Primary meta (title + description) hiển thị trên SERP, (2) Open Graph cho Facebook/LinkedIn, (3) Twitter Card cho X/Twitter. Thiếu các thẻ này, share link ra mạng xã hội chỉ thấy URL trần, CTR rơi thảm hại.
Tool generate đủ 3 bộ tags, sử dụng cùng title/description/URL bạn nhập một lần. Tính năng quan trọng nhất là **SERP preview** — hiển thị đúng cách Google render kết quả tìm kiếm, giúp bạn thấy ngay nếu title quá dài bị cắt (>60 ký tự) hay description bị truncate (>160 ký tự).
- 3 bộ meta: Primary + Open Graph + Twitter Card
- Google SERP preview real-time
- Character counter cảnh báo khi vượt giới hạn
- Copy toàn bộ HTML trong 1 click
- Chuẩn cho Facebook Debugger và Twitter Card Validator
- Không lưu dữ liệu — xử lý offline trong browser
Cách tạo meta tags chuẩn SEO
- 1
Viết title ≤ 60 ký tự
Title xuất hiện trên SERP là yếu tố CTR quan trọng nhất. Bắt đầu bằng keyword chính, thêm brand cuối. Ví dụ: 'Hướng dẫn SEO 2026 — PhanMemTongHop'.
- 2
Viết description ≤ 160 ký tự
Description không tác động trực tiếp ranking nhưng ảnh hưởng CTR. Viết hấp dẫn, có call-to-action, chứa keyword tự nhiên.
- 3
Nhập URL canonical
Dùng URL đầy đủ bao gồm https://. Đây cũng là URL để og:url và twitter:url, giúp Facebook/Twitter scrape đúng.
- 4
Kiểm tra SERP preview
Xem preview bên phải. Nếu title/description bị cắt, rút gọn lại. Google thường cắt ở ký tự khoảng cách gần nhất.
- 5
Copy và dán vào <head>
Bấm 'Copy tất cả', paste vào trong thẻ `<head>` của HTML/layout Next.js. Test lại bằng Facebook Debugger.
Khi nào cần Meta Tag Generator?
Launch landing page mới
Page vừa deploy cần đầy đủ meta ngay ngày đầu, không đợi SEO audit sau.
Fix CTR thấp trên SERP
GSC báo position tốt nhưng CTR thấp — rewrite title + description, test với preview tool này.
Share link mạng xã hội xấu
Share Facebook/Twitter ra card trống không có ảnh/title — chưa có OG tags. Tool generate cả 3 bộ.
Bulk update từ CMS export
Export CSV title + description từ Excel → paste từng dòng vào tool → copy HTML → dán lại vào CMS.
Giới hạn ký tự Google 2026
Google không áp dụng giới hạn cứng, nhưng dùng pixel để quyết định cắt: title ~600px (~50-60 ký tự Latin, ít hơn nếu có nhiều ký tự rộng W/M), description ~920px (~150-160 ký tự). Tiếng Việt có dấu chiếm nhiều pixel hơn tiếng Anh, nên nhắm 55 ký tự title để an toàn.
Open Graph không giới hạn cứng nhưng Facebook khuyến nghị title ≤ 60 ký tự, description ≤ 65-300 ký tự. Twitter Card cắt title tại 70 ký tự, description tại 200 ký tự. Tool dùng ngưỡng 60/160 vì là giao điểm an toàn cho cả 3 platform.