Bạn vừa chia sẻ link bài viết lên Facebook và thấy nó hiện ra một ô preview xấu xí — không có ảnh, tiêu đề bị cắt ngắn, mô tả trống hoặc sai. Hoặc bạn đang tối ưu SEO và muốn kiểm tra xem Google đang đọc gì từ trang của mình. Cả hai vấn đề đó đều liên quan đến meta tags — và tool này giúp bạn kiểm tra chúng trong vài giây.
Meta tags là gì?
Meta tags là các thẻ HTML nằm trong phần <head> của trang web, không hiển thị trực tiếp với người dùng nhưng cung cấp thông tin quan trọng cho trình duyệt, công cụ tìm kiếm và mạng xã hội. Chúng quyết định trang của bạn trông như thế nào khi được chia sẻ hoặc xuất hiện trên kết quả tìm kiếm.
<meta name="description" content="Mô tả trang web">
<meta property="og:title" content="Tiêu đề khi share Facebook">
<meta name="twitter:card" content="summary_large_image">Tool Meta Tags Checker kiểm tra những gì?
| Nhóm tag | Mô tả | Ảnh hưởng đến |
|---|---|---|
| Basic SEO Tags | title, description, robots, canonical, viewport | Xếp hạng Google, hiển thị trên SERP |
| Open Graph (OG) | og:title, og:description, og:image, og:type, og:url | Preview khi share lên Facebook, LinkedIn, Zalo |
| Twitter Cards | twitter:card, twitter:title, twitter:description, twitter:image | Preview khi share lên Twitter/X |
| Technical Tags | charset, X-UA-Compatible, theme-color, author | Hiển thị trình duyệt, mobile experience |
Cách sử dụng
- Bước 1: Nhập URL trang cần kiểm tra vào ô nhập liệu — ví dụ
https://codetuthub.com. - Bước 2: Nhấn Check — tool fetch trang đó và phân tích toàn bộ meta tags trong
<head>. - Bước 3: Xem kết quả theo từng nhóm: SEO cơ bản, Open Graph, Twitter Cards — kèm cảnh báo nếu tag quan trọng bị thiếu hoặc có vấn đề.
- Bước 4: Xem phần Preview mô phỏng trang trông như thế nào trên Google SERP và khi share lên mạng xã hội.
Các meta tag SEO quan trọng nhất
| Tag | Ví dụ | Lưu ý |
|---|---|---|
| Title | <title>Tiêu đề | Brand</title> | Tối ưu 50–60 ký tự. Quan trọng nhất cho SEO — Google dùng làm tiêu đề trên SERP. |
| Meta Description | <meta name="description"> | Tối ưu 150–160 ký tự. Không ảnh hưởng trực tiếp ranking nhưng tác động CTR mạnh. |
| Canonical | <link rel="canonical" href="..."> | Tránh duplicate content — chỉ định URL gốc khi nhiều URL cùng nội dung. |
| Robots | <meta name="robots" content="index,follow"> | Kiểm soát crawler: index/noindex, follow/nofollow. |
| Viewport | <meta name="viewport" content="width=device-width"> | Bắt buộc cho mobile-friendly. Thiếu tag này Google đánh giá thấp trên mobile. |
| Hreflang | <link rel="alternate" hreflang="vi"> | Cho website đa ngôn ngữ — chỉ định phiên bản ngôn ngữ phù hợp cho từng thị trường. |
Open Graph tags — chìa khóa của social sharing
Open Graph Protocol (do Facebook tạo ra, nay được hầu hết mạng xã hội hỗ trợ) quyết định trang của bạn trông như thế nào khi được share. Thiếu OG tags, các nền tảng sẽ tự đoán nội dung — thường cho kết quả xấu hoặc sai.
| OG Tag | Mô tả | Kích thước / Giới hạn |
|---|---|---|
og:title | Tiêu đề hiển thị khi share | Tối đa 60–90 ký tự |
og:description | Mô tả ngắn bên dưới tiêu đề | Tối đa 200 ký tự |
og:image | Ảnh thumbnail khi share — quan trọng nhất | 1200×630px, tối thiểu 600×315px |
og:url | URL canonical của trang | URL đầy đủ bao gồm https:// |
og:type | Loại nội dung: website, article, product… | Thường dùng website hoặc article |
og:site_name | Tên website/thương hiệu | Hiển thị nhỏ phía trên tiêu đề |
Twitter Cards — tối ưu preview trên Twitter/X
| Loại card | Mô tả | Khi nào dùng |
|---|---|---|
summary | Ảnh nhỏ vuông + tiêu đề + mô tả | Bài viết thông thường, trang sản phẩm |
summary_large_image | Ảnh lớn ngang + tiêu đề + mô tả | Bài viết có visual mạnh — thu hút nhất |
app | Hiển thị thông tin app mobile | Landing page app iOS/Android |
player | Nhúng video/audio trực tiếp vào tweet | Nội dung video, podcast |
Lỗi meta tag thường gặp
| Lỗi | Hậu quả | Cách sửa |
|---|---|---|
| Thiếu og:image hoặc ảnh sai kích thước | Share lên mạng xã hội không có ảnh hoặc ảnh bị vỡ/cắt xấu | Thêm og:image đúng kích thước 1200×630px |
| Title quá dài (>60 ký tự) | Google tự cắt và thêm dấu "..." — mất kiểm soát thông điệp | Giữ title trong 50–60 ký tự, keyword quan trọng lên đầu |
| Duplicate title/description | Google không biết trang nào quan trọng hơn | Mỗi trang cần title và description độc nhất |
| Thiếu canonical tag | Nhiều URL cùng nội dung gây duplicate content | Thêm canonical trỏ về URL chuẩn trên mọi trang |
| Thiếu viewport meta tag | Trang không responsive, Google đánh giá thấp trên mobile | Thêm <meta name="viewport" content="width=device-width, initial-scale=1"> |
| Meta robots: noindex | Google không index trang — vô hình hoàn toàn trên search | Kiểm tra kỹ trước khi deploy, đặc biệt sau khi migrate hoặc clone site |
Ai cần dùng tool này?
- SEO Specialist: Audit meta tags nhanh cho từng trang, phát hiện thiếu sót trước khi Google crawl.
- Content Writer: Kiểm tra title và description đã tối ưu độ dài và từ khóa chưa trước khi publish.
- Social Media Manager: Xem trước link trông như thế nào khi share lên Facebook, LinkedIn để điều chỉnh OG tags.
- Developer: Debug tại sao link share bị cache ảnh cũ, verify meta tags sau mỗi lần deploy.
- Website Owner: Kiểm tra nhanh trang của mình và đối thủ đang dùng meta strategy như thế nào.
Kết luận
Meta tags là lớp thông tin vô hình nhưng có tác động rõ rệt — đến cả thứ hạng tìm kiếm lẫn tỷ lệ click khi được chia sẻ trên mạng xã hội. Kiểm tra định kỳ để đảm bảo mọi trang quan trọng đều có đủ tags đúng chuẩn.
Khám phá thêm các tool hữu ích tại codetuthub.com/tools — bao gồm DNS Lookup, SSL Checker và nhiều tiện ích khác.