Tạo meta tag
Tạo meta tag HTML cho SEO và mạng xã hội.
0/70 Ký tự SEO được đề xuất
0/160 Ký tự SEO được đề xuất
Kích thước đề xuất
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image">
Trình tạo Meta Tags: tối ưu SEO cho trang web
Meta tag là đoạn mã HTML cung cấp thông tin về trang web cho công cụ tìm kiếm và mạng xã hội. Title và description được tối ưu có thể tăng đáng kể tỷ lệ nhấp (CTR) trên Google, Bing và các công cụ tìm kiếm khác. Thẻ Open Graph kiểm soát cách nội dung hiển thị khi chia sẻ liên kết trên Facebook, LinkedIn hoặc WhatsApp, còn Twitter Cards làm tương tự trên X (trước đây Twitter).
Để có kết quả tốt nhất, đảm bảo title có 50-60 ký tự, description 120-160 ký tự, và bao gồm ảnh OG tối thiểu 1200x630 pixel. Đây là giá trị khuyến nghị bởi Google và các nền tảng xã hội chính để đảm bảo nội dung hiển thị đúng trên mọi thiết bị.
Công cụ tạo mã HTML hoàn chỉnh sẵn sàng sao chép và dán vào phần <head> của trang. Toàn bộ xử lý cục bộ trên trình duyệt không gửi dữ liệu đến máy chủ.
Câu hỏi thường gặp
Meta tag là gì và tại sao quan trọng cho SEO?
Meta tag là thẻ HTML ẩn với người dùng nhưng thông báo cho công cụ tìm kiếm về nội dung trang. Quan trọng nhất là title (liên kết xanh trên Google) và meta description (văn bản bên dưới). Mặc dù keywords không còn ảnh hưởng trực tiếp đến xếp hạng Google, title và description tốt cải thiện CTR, gián tiếp cải thiện thứ hạng.
Open Graph và Twitter Cards là gì?
Open Graph (OG) là giao thức do Facebook tạo cho phép kiểm soát cách nội dung hiển thị khi chia sẻ trên mạng xã hội. Xác định tiêu đề, mô tả, hình ảnh và loại nội dung trong xem trước liên kết. Twitter Cards hoạt động tương tự nhưng dành riêng cho X/Twitter, cho phép hiển thị ảnh lớn, tóm tắt hoặc thẻ ứng dụng kèm tweet.
Nên đặt meta tag ở đâu trên trang web?
Tất cả meta tag phải nằm trong thẻ <head> của tài liệu HTML, trước </head>. Trong framework hiện đại như Next.js hoặc Nuxt.js có thể cấu hình qua hàm metadata riêng. Quan trọng là mỗi trang có meta tag riêng và mô tả; tránh trùng title hoặc description trên nhiều trang.
Muốn tìm hiểu thêm? Đọc hướng dẫn đầy đủ →