Trả lời nhanh
Điền tiêu đề, mô tả, địa chỉ trang và ảnh chia sẻ, công cụ sinh ngay đoạn mã đặt trong <head>: title, meta description, canonical, robots, Open Graph, Twitter Card, hreflang, favicon và JSON-LD (WebSite, Organization, Article, Product). Bên cạnh là phần kiểm tra độ dài, lỗi địa chỉ, và khung xem trước khi chia sẻ lên Facebook, Zalo, X. Bấm “Sao chép toàn bộ mã” để dán vào website.
Thẻ meta là gì và cần những thẻ nào?
Thẻ meta là các dòng mã trong phần <head> của trang, người xem không thấy nhưng Google, Facebook, Zalo và trình duyệt đọc để biết trang tên gì, nói về gì, dùng ảnh nào khi chia sẻ, có cho lập chỉ mục không. Thiếu hoặc sai các thẻ này thì link chia sẻ không có ảnh, tiêu đề trên Google bị lấy lung tung, bản tiếng Anh và tiếng Việt bị coi là trùng nhau. Công cụ gom các thẻ cần thiết vào một biểu mẫu, tự thoát ký tự đặc biệt và bỏ qua thẻ để trống.
Cách tạo thẻ meta
- 1
Điền “Thông tin chính”: tiêu đề trang, mô tả, địa chỉ đầy đủ (dùng làm canonical) và tên website. Bấm “Điền ví dụ” nếu muốn xem mẫu.
- 2
Thêm địa chỉ ảnh chia sẻ (nên 1200 × 630 px) và mô tả ảnh; xem khung Facebook, Zalo, X bên phải để chắc ảnh hiện đúng.
- 3
Mở “Tuỳ chọn khác” nếu cần: loại trang, ngôn ngữ, kiểu thẻ X, favicon, chặn lập chỉ mục, các phiên bản ngôn ngữ (hreflang).
- 4
Chọn loại dữ liệu có cấu trúc (JSON-LD) phù hợp với trang và điền các trường đi kèm.
- 5
Xem mục “Kiểm tra nhanh”, sửa các dòng báo vàng, đỏ, rồi bấm “Sao chép toàn bộ mã” và dán vào phần <head>.
Các thẻ công cụ tạo và ai đọc chúng
| Thẻ | Tác dụng | Ai đọc |
|---|---|---|
| <title> | Tên trang trên tab trình duyệt và nguồn chính cho tiêu đề trên Google | Trình duyệt, Google, Bing |
| meta description | Tóm tắt trang; thường được dùng làm đoạn mô tả dưới tiêu đề | Google, Bing, mạng xã hội (khi thiếu og:description) |
| link rel="canonical" | Chỉ ra địa chỉ chính khi một nội dung có nhiều địa chỉ | Google, Bing |
| meta robots | noindex (không hiện trên kết quả tìm kiếm), nofollow (không đi theo liên kết) | Google, Bing |
| og:title, og:description, og:image, og:url… | Tiêu đề, mô tả, ảnh khi chia sẻ link | Facebook, Zalo, LinkedIn, Messenger, nhiều ứng dụng chat |
| twitter:card, twitter:site | Kiểu thẻ (ảnh lớn / ảnh nhỏ) và tài khoản trên X; các nội dung khác lấy từ og:* | X (Twitter) |
| link rel="alternate" hreflang | Khai báo bản dịch của trang cho từng ngôn ngữ | |
| link rel="icon", apple-touch-icon, theme-color | Biểu tượng tab, biểu tượng khi thêm vào màn hình chính, màu thanh trình duyệt | Trình duyệt, iOS, Android |
| JSON-LD | Dữ liệu có cấu trúc mô tả trang là website, tổ chức, bài viết hay sản phẩm | Google và các công cụ tìm kiếm khác |
Chọn loại JSON-LD
| Loại | Dùng cho trang | Trường công cụ điền |
|---|---|---|
| WebSite | Trang chủ | Tên website, địa chỉ |
| Organization | Trang chủ hoặc trang giới thiệu doanh nghiệp | Tên, địa chỉ, logo |
| Article | Bài viết, tin tức, blog | Tiêu đề, mô tả, ảnh, ngày đăng, tác giả |
| Product | Trang một sản phẩm | Tên, mô tả, ảnh, thương hiệu, giá, tiền tệ |
Công cụ không sinh FAQPage và HowTo: từ tháng 8/2023 Google chỉ hiện kết quả FAQ cho một số website chính phủ, y tế uy tín và đã ngừng hiện kết quả HowTo.
Ví dụ sử dụng
Trang sản phẩm chia sẻ lên Zalo
Điền tên sản phẩm, mô tả, ảnh 1200 × 630 px, chọn loại trang “Sản phẩm” và JSON-LD Product với giá 1250000 VND. Khi gửi link qua Zalo, khung chia sẻ hiện ảnh, tên và mô tả thay vì chỉ một đường link.
Website hai ngôn ngữ
Ở ô hreflang nhập “vi https://vi-du.vn/”, “en https://vi-du.vn/en/” và “x-default https://vi-du.vn/”. Dán cùng bộ dòng này vào cả bản tiếng Việt và tiếng Anh để Google hiểu hai trang là bản dịch của nhau.
Trang thử nghiệm chưa muốn lên Google
Bỏ tick “Cho phép Google lập chỉ mục”: công cụ thêm <meta name="robots" content="noindex, follow"> và cảnh báo để bạn nhớ gỡ khi trang chính thức ra mắt.
Lỗi thường gặp
- Chia sẻ link lên Facebook, Zalo không có ảnh.
- Thiếu og:image hoặc ảnh dùng đường dẫn tương đối (“/anh/a.jpg”). og:image phải là địa chỉ đầy đủ bắt đầu bằng https:// và ảnh phải truy cập được công khai.
- Đã sửa ảnh nhưng Facebook vẫn hiện ảnh cũ.
- Facebook lưu đệm thông tin link. Dùng công cụ Sharing Debugger của Meta để làm mới; Zalo cũng lưu đệm một thời gian.
- Mọi trang đều có canonical trỏ về trang chủ.
- Canonical phải trỏ về chính địa chỉ của trang đó (hoặc bản gốc nếu là trang trùng lặp). Trỏ hết về trang chủ khiến các trang con có thể không được hiển thị.
- Quên gỡ noindex khi ra mắt.
- Kiểm tra lại thẻ robots trước khi công bố; công cụ hiện cảnh báo vàng khi noindex đang bật.
- Vẫn điền thẻ meta keywords.
- Google Tìm kiếm không dùng thẻ meta keywords, nên công cụ không tạo thẻ này.
- hreflang chỉ khai báo ở một phía.
- Google yêu cầu các trang hreflang trỏ qua lại lẫn nhau; mỗi bản ngôn ngữ cần liệt kê đủ mọi bản, kể cả chính nó.
Open Graph: tiêu đề và ảnh khi chia sẻ
Open Graph là bộ thẻ do Facebook đưa ra (ogp.me), nay được hầu hết mạng xã hội và ứng dụng chat ở Việt Nam như Zalo, Messenger đọc khi tạo khung xem trước link. Bốn thẻ cơ bản là og:title, og:type, og:image và og:url; thêm og:description và og:site_name cho khung đầy đủ.
Ảnh nên có tỷ lệ khoảng 1,91 : 1, phổ biến nhất là 1200 × 630 px, chữ quan trọng đặt giữa ảnh vì mỗi nơi cắt viền khác nhau. Khung xem trước trong công cụ chỉ mô phỏng gần đúng bố cục từng mạng, không phải ảnh chụp thật.
Vì sao không có FAQPage, HowTo
Ngày 8/8/2023, Google thông báo chỉ hiện kết quả nhiều định dạng dạng FAQ cho các website chính phủ và y tế uy tín, và thu hẹp kết quả HowTo; tới tháng 9/2023 HowTo không còn hiển thị nữa. Với đa số website, thêm hai loại đánh dấu này không còn tạo ra kết quả khác biệt, nên công cụ chỉ giữ những loại còn hữu ích: WebSite, Organization, Article, Product.
JSON-LD chỉ giúp Google hiểu trang; Google không cam kết hiển thị kết quả nhiều định dạng. Sau khi dán mã, kiểm tra bằng công cụ Rich Results Test của Google.
Gắn mã vào website
Đoạn mã đặt trong thẻ <head>, trước khi đóng </head>.
- HTML tĩnh: dán thẳng vào phần <head> của từng trang.
- WordPress: các plugin SEO thường đã tạo sẵn title, description, Open Graph; chỉ dán những thẻ còn thiếu để tránh trùng lặp.
- Next.js, Nuxt và các framework: chuyển sang cấu hình metadata của framework thay vì dán thẻ thô.
- Mỗi trang cần tiêu đề, mô tả, canonical và ảnh riêng; đừng dùng một bộ thẻ cho cả website.
Thuật ngữ
- Thẻ meta
- Dòng mã trong <head> cung cấp thông tin về trang cho trình duyệt, công cụ tìm kiếm và mạng xã hội.
- Open Graph (og:)
- Bộ thẻ quy định tiêu đề, mô tả, ảnh khi link được chia sẻ.
- Canonical
- Địa chỉ chính của một nội dung, giúp công cụ tìm kiếm gộp các địa chỉ trùng lặp.
- hreflang
- Thuộc tính khai báo ngôn ngữ, khu vực của từng bản dịch; x-default là bản mặc định khi không khớp ngôn ngữ nào.
- JSON-LD
- Cách viết dữ liệu có cấu trúc schema.org dưới dạng JSON trong thẻ <script>.
- noindex
- Yêu cầu công cụ tìm kiếm không đưa trang vào kết quả.
Câu hỏi thường gặp
Tiêu đề và mô tả nên dài bao nhiêu?
Google không đặt giới hạn mà cắt theo chiều rộng hiển thị; tiêu đề khoảng 50–60 ký tự và mô tả khoảng 150–160 ký tự thường hiện đủ. Xem chính xác hơn bằng công cụ Xem trước Google.
Zalo đọc thẻ nào?
Zalo dùng các thẻ Open Graph (og:title, og:description, og:image) để tạo khung xem trước link, nên chỉ cần điền đủ phần Open Graph.
Có cần cả thẻ Twitter khi đã có Open Graph?
X dùng og:title, og:description, og:image khi thiếu thẻ twitter tương ứng, nên công cụ chỉ thêm twitter:card và twitter:site.
Thẻ meta có giúp lên top Google không?
Tiêu đề giúp Google và người dùng hiểu trang; mô tả ảnh hưởng tới việc người dùng có bấm vào hay không. Thứ hạng chủ yếu phụ thuộc nội dung và chất lượng trang.
Vì sao không có FAQPage?
Từ 2023 Google chỉ hiện kết quả FAQ cho website chính phủ, y tế uy tín và đã bỏ HowTo, nên với đa số website hai loại này không còn tác dụng hiển thị.
Thông tin tôi nhập có bị lưu không?
Không. Mã được tạo trên trình duyệt; ảnh trong khung xem trước được tải trực tiếp từ địa chỉ bạn nhập.
Đánh giá và bình luận
Đang tải…