Trong thế giới của SEO, thẻ meta đóng vai trò quan trọng trong việc cung cấp thông tin cho các công cụ tìm kiếm về nội dung của trang web. Google, với vị thế là công cụ tìm kiếm lớn nhất, hỗ trợ một số thẻ meta và thuộc tính HTML cụ thể để kiểm soát việc lập chỉ mục và cách trang web của bạn xuất hiện trong kết quả tìm kiếm. Bài viết này sẽ giúp bạn hiểu rõ về các thẻ meta và thuộc tính mà Google hỗ trợ, cùng với những điểm quan trọng cần lưu ý khi triển khai chúng.
Trang này cung cấp hướng dẫn chi tiết về thẻ meta, bao gồm định nghĩa, các thẻ meta và thuộc tính HTML mà Google hỗ trợ, cùng những điểm cần lưu ý khi tối ưu hóa hoạt động lập chỉ mục trên trang web.
Thẻ meta trong SEO
Thẻ meta là các thẻ HTML được sử dụng để truyền đạt thông tin quan trọng về trang web cho các công cụ tìm kiếm và các ứng dụng khác. Các công cụ tìm kiếm sử dụng thẻ meta để hiểu rõ hơn về nội dung và mục đích của trang web, từ đó quyết định cách thức lập chỉ mục và xếp hạng trang trong kết quả tìm kiếm. Thông tin từ các thẻ meta được đặt trong phần <head> của trang HTML và thường có cấu trúc như sau:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Author: A.N. Author, Illustrator: P. Picture, Category: Books, Price: £9.24, Length: 784 pages">
<meta name="google-site-verification" content="+nxGUDJ4QpAZ5l9Bsjdi102tLVC21AIh5d1Nl23908vVuFHs34=">
<title>Example Books - high-quality used books for children</title>
<meta name="robots" content="noindex,nofollow">
</head>
</html>
Nếu bạn đang sử dụng một hệ thống quản lý nội dung (CMS) như Wix, WordPress hoặc Blogger, có thể bạn sẽ không cần hoặc không muốn chỉnh sửa trực tiếp mã HTML của mình. Thay vào đó, CMS thường cung cấp các công cụ hoặc tùy chọn trong phần cài đặt SEO, giúp bạn dễ dàng quản lý và thêm các thẻ meta cần thiết.
Nếu bạn cần thêm thẻ meta vào trang web, hãy tìm kiếm hướng dẫn cụ thể về cách sửa đổi phần <head> trên CMS của bạn. Ví dụ, bạn có thể tìm kiếm với từ khóa “cách thêm thẻ meta trên Wix” để biết chi tiết về cách thực hiện.
Google hỗ trợ các thẻ meta sau:
description
<meta name="description" content="A description of the page">
Thẻ meta description cho phép bạn cung cấp một đoạn mô tả ngắn gọn về nội dung của trang. Trong một số tình huống, Google sẽ sử dụng đoạn mô tả này để hiển thị trong kết quả tìm kiếm dưới dạng đoạn trích (snippet).
robots và googlebot
<meta name="robots" content="..., ...">
<meta name=“googlebot” content=“…, …”>
Các thẻ meta này điều chỉnh cách các công cụ tìm kiếm xử lý việc thu thập dữ liệu và lập chỉ mục trang. Thẻ <meta name="robots" ...> áp dụng cho tất cả các công cụ tìm kiếm, trong khi thẻ <meta name="googlebot" ...> chỉ áp dụng riêng cho Google.
Khi có xung đột giữa các thẻ meta robots (hoặc googlebot), thẻ có mức độ hạn chế cao hơn sẽ được ưu tiên. Ví dụ: nếu một trang có cả thẻ max-snippet:50 và nosnippet, thì thẻ nosnippet sẽ được áp dụng.
Giá trị mặc định của thẻ này là index, follow, do đó bạn không cần phải chỉ định cụ thể. Để xem danh sách đầy đủ các giá trị mà Google có thể hiểu, bạn nên tham khảo danh sách các quy tắc hợp lệ.
Ngoài ra, bạn có thể định cấu hình thông tin này trong tiêu đề của trang bằng cách sử dụng tiêu đề HTTP X-Robots-Tag. Phương pháp này đặc biệt hữu ích khi bạn muốn kiểm soát việc lập chỉ mục các tệp không phải HTML, chẳng hạn như tệp hình ảnh hoặc các loại tài liệu khác. Tham khảo thêm thông tin về thẻ meta robots để hiểu rõ hơn.
nositelinkssearchbox
<meta name="google" content="nositelinkssearchbox">
Khi người dùng tìm kiếm trang web của bạn, đôi khi Google sẽ hiển thị một hộp tìm kiếm dành riêng cho trang web của bạn trong kết quả tìm kiếm, cùng với các liên kết trực tiếp khác dẫn đến các trang khác trên trang web của bạn. Thẻ meta này yêu cầu Google không hiển thị hộp tìm kiếm cho các liên kết trang web của bạn. Để biết thêm chi tiết, hãy tìm hiểu thêm về hộp tìm kiếm liên kết trang web.
notranslate
<meta name="googlebot" content="notranslate">
Khi Google phát hiện nội dung trên trang không phải ngôn ngữ mà người dùng có thể muốn đọc, Google có thể cung cấp một đoạn trích và liên kết tiêu đề đã được dịch trong kết quả tìm kiếm. Nếu người dùng nhấp vào liên kết tiêu đề đã dịch, mọi tương tác tiếp theo của họ với trang đó sẽ diễn ra thông qua Google Dịch, và công cụ này sẽ tự động dịch các liên kết tiếp theo mà người dùng truy cập. Tính năng này thường giúp mở rộng phạm vi tiếp cận nội dung của bạn tới nhiều người dùng hơn. Tuy nhiên, thẻ meta này cho phép bạn yêu cầu Google không cung cấp bản dịch cho trang này nếu bạn không muốn tính năng đó được sử dụng.
nopagereadaloud
<meta name="google" content="nopagereadaloud">
Thẻ meta này ngăn chặn các dịch vụ Chuyển văn bản thành giọng nói (TTS) của Google đọc to nội dung trang web của bạn.
google-site-verification
<meta name="google-site-verification" content="...">
Bạn có thể sử dụng thẻ này trên trang cấp cao nhất của website để xác minh quyền sở hữu trên Google Search Console. Lưu ý rằng các giá trị của thuộc tính name và content phải hoàn toàn khớp với thông tin được cung cấp, bao gồm cả chữ hoa và chữ thường. Tuy nhiên, việc thay đổi thẻ từ XHTML sang HTML hoặc định dạng của thẻ có khớp với định dạng trang hay không thì không quan trọng.
Content-Type và charset
<meta http-equiv="Content-Type" content="...; charset=...">
<meta charset=“…”>
Các thẻ này xác định loại nội dung và bộ ký tự tương ứng của trang. Hãy nhớ đặt giá trị của thuộc tính content trong thẻ meta http-equiv trong dấu ngoặc kép để tránh việc hệ thống diễn giải không chính xác thuộc tính charset. Nên sử dụng mã hóa Unicode/UTF-8 khi có thể để đảm bảo tính tương thích rộng rãi.
refresh
<meta http-equiv="refresh" content="...;url=...">
Thẻ này, thường được gọi là meta-refresh, sẽ tự động chuyển hướng người dùng tới một URL mới sau một khoảng thời gian xác định. Mặc dù nó có thể được sử dụng như một hình thức chuyển hướng đơn giản, nhưng một số trình duyệt không hỗ trợ và có thể gây khó hiểu cho người dùng. Thay vào đó, nên sử dụng lệnh chuyển hướng 301 phía máy chủ để đảm bảo tính nhất quán.
viewport
<meta name="viewport" content="...">
Thẻ này hướng dẫn trình duyệt về cách hiển thị trang trên các thiết bị di động. Việc có mặt thẻ này cho Google biết rằng trang của bạn thân thiện với thiết bị di động. Hãy đọc thêm về cách định cấu hình thẻ meta viewport để tối ưu hóa trải nghiệm trên di động.
rating
<meta name="rating" content="adult">
<meta name=“rating” content=“RTA-5042-1996-1400-1577-RTA”>
Thẻ này được sử dụng để đánh dấu rằng trang web chứa nội dung người lớn và cần được lọc trong kết quả tìm kiếm thông qua tính năng Tìm kiếm an toàn. Để biết thêm chi tiết, hãy tìm hiểu cách gắn nhãn các trang cho tính năng Tìm kiếm an toàn.
Thuộc tính thẻ HTML
Thuộc tính thẻ HTML là các giá trị bổ sung giúp định cấu hình và tùy chỉnh các thẻ HTML. Ví dụ, thuộc tính href của thẻ <a> xác định địa chỉ URL mà liên kết sẽ trỏ đến: <a href="https://example.com/"...>.
Google Tìm kiếm chỉ hỗ trợ một số thuộc tính HTML nhất định cho mục đích lập chỉ mục. Các thuộc tính như src và href được sử dụng để khám phá các tài nguyên như hình ảnh và URL. Ngoài ra, Google còn hỗ trợ nhiều thuộc tính rel cho phép chủ sở hữu trang web xác định cách các liên kết ra ngoài được xử lý.
Thuộc tính data-nosnippet có thể được áp dụng cho các thẻ div, span, và section để loại trừ các phần cụ thể của trang HTML khỏi việc xuất hiện trong đoạn trích (snippet).
Các điểm khác cần lưu ý
- Google có thể đọc cả thẻ meta dưới dạng HTML và XHTML, bất kể trang sử dụng ngôn ngữ đánh dấu nào.
- Để đảm bảo khả năng đọc của máy tìm kiếm, phần
headcủa trang phải là HTML hợp lệ, và nếu có thuộc tính, tất cả các thẻ mẹ đều phải được đóng đúng cách. - Ngoại trừ thẻ
google-site-verification, các thẻ meta thường không phân biệt chữ hoa chữ thường. - Bạn có thể sử dụng các thẻ meta khác nếu chúng quan trọng đối với trang web của bạn, tuy nhiên Google sẽ bỏ qua những thẻ meta mà Google không hỗ trợ.
- Nếu bạn đang cân nhắc sử dụng JavaScript để chèn hoặc thay đổi thẻ meta, hãy thận trọng. Nên tránh sử dụng JavaScript cho việc này bất cứ khi nào có thể. Nếu cần thiết, hãy kiểm tra cẩn thận quá trình triển khai.
- Để kiểm tra các thẻ và thuộc tính meta trên trang của bạn, hãy sử dụng Công cụ kiểm tra URL của Google.
Các thẻ và thuộc tính không được hỗ trợ
Các thẻ và thuộc tính sau đây không được Google Tìm kiếm hỗ trợ và sẽ bị bỏ qua. Chúng tôi đề cập đến những mã này vì chúng từng rất phổ biến trong HTML hoặc từng được Google hỗ trợ.
Thẻ và thuộc tính không được hỗ trợ:
- Thẻ meta-keywords
<meta name="keywords" content="...">
Thẻ meta-keywords không được Google Tìm kiếm sử dụng và không ảnh hưởng đến quá trình lập chỉ mục và xếp hạng.
- Thuộc tính thẻ HTML lang
Google Tìm kiếm xác định ngôn ngữ của trang dựa trên nội dung văn bản trên trang, thay vì dựa vào các chú thích mã như thuộc tínhlang. - Giá trị thuộc tính next và prev rel
<link rel="next" href="..."><link rel=“prev” href=“…”>
Google không còn sử dụng các thẻ HTML
<link>này, và chúng không ảnh hưởng đến quá trình lập chỉ mục.
Việc hiểu và triển khai đúng các thẻ meta và thuộc tính HTML mà Google hỗ trợ là yếu tố quan trọng trong việc tối ưu hóa SEO cho trang web của bạn. Hãy đảm bảo rằng bạn sử dụng chúng một cách chính xác để cải thiện khả năng hiển thị của trang trong kết quả tìm kiếm và mang lại trải nghiệm tốt nhất cho người dùng. Hãy luôn cập nhật kiến thức về SEO và các công cụ mà Google cung cấp để giữ vững vị trí của bạn trong cuộc đua trên không gian mạng.
