10 Thẻ Meta Mà Bạn Nên Biết Khi Làm SEO Website

Danh mục bài viết

Thẻ Meta SEO là gì trong HTML?

Thẻ Meta trong HTML là các thẻ cung cấp thông tin về tài liệu HTML đến trình duyệt và các công cụ tìm kiếm. Các thẻ này nằm trong phần <head> của tài liệu HTML và không hiển thị trực tiếp trên trang web. Chúng thường được sử dụng để thiết lập thông tin như mô tả trang, từ khóa, tác giả của nội dung, ngôn ngữ, và các hướng dẫn cho các trình duyệt về cách hiển thị hoặc xử lý tài liệu.

10 Thẻ meta tốt cho SEO

1. Thẻ Meta Title

Thẻ Meta Title thực chất không phải là một thẻ Meta mà là thẻ <title>. Nó được sử dụng để đặt tiêu đề cho trang web và hiển thị tiêu đề này trên tab trình duyệt hoặc trong kết quả tìm kiếm của các công cụ tìm kiếm như Google.

				
					<title>Học <a href="https://fstack.io.vn/lap-trinh-la-gi-mot-so-dac-diem-cua-lap-trinh-ma-ban-nen-biet/">lập trình</a> và phát triển web</title>

Chức năng của thẻ meta title

Hiển thị trên tab của trình duyệt: Khi người dùng mở trang web, nội dung trong thẻ <title> sẽ hiển thị trên tab của trình duyệt.
Hiển thị trong kết quả tìm kiếm: Các công cụ tìm kiếm (như Google) sử dụng tiêu đề này làm tiêu đề chính cho trang khi hiển thị kết quả tìm kiếm.
SEO: Tiêu đề trang là yếu tố rất quan trọng trong SEO. Một tiêu đề hấp dẫn, đúng chủ đề sẽ thu hút người dùng nhấp vào liên kết của bạn trong kết quả tìm kiếm.

Lưu ý khi sử dụng

Độ dài tối ưu: Tiêu đề nên có độ dài khoảng 50-60 ký tự để đảm bảo hiển thị đầy đủ trên kết quả tìm kiếm.
Sử dụng từ khóa: Nên bao gồm từ khóa chính của trang nhưng không nên nhồi nhét quá nhiều từ khóa.
Mô tả rõ ràng: Tiêu đề phải mô tả chính xác nội dung của trang để tăng trải nghiệm người dùng và cải thiện SEO.

2. Meta Mô tả (Description)

Thẻ Meta Mô tả (Meta Description) là một thẻ Meta trong HTML, được sử dụng để cung cấp mô tả ngắn gọn về nội dung của một trang web. Thông tin từ thẻ này thường được các công cụ tìm kiếm (như Google) hiển thị trong phần mô tả dưới tiêu đề trang web trong kết quả tìm kiếm.

				
					<meta name="description" content="Mô tả ngắn gọn về nội dung của trang web." />

Chức năng

Hiển thị trong kết quả tìm kiếm: Mô tả này giúp người dùng hiểu được nội dung trang trước khi nhấp vào liên kết, từ đó có thể tăng tỷ lệ nhấp chuột (CTR).
SEO: Mặc dù thẻ Meta Description không ảnh hưởng trực tiếp đến thứ hạng trang trên Google, nhưng một mô tả hấp dẫn có thể thu hút người dùng nhấp vào, gián tiếp cải thiện SEO thông qua tăng tỷ lệ nhấp chuột.
Trải nghiệm người dùng: Mô tả rõ ràng và hấp dẫn giúp người dùng hiểu nhanh nội dung của trang web, giúp cải thiện trải nghiệm tìm kiếm.

Lưu ý

Độ dài tối ưu: Thẻ mô tả nên có độ dài từ 150 đến 160 ký tự để đảm bảo hiển thị đầy đủ trên trang kết quả tìm kiếm mà không bị cắt ngắn.
Hấp dẫn và có giá trị: Mô tả nên cung cấp thông tin hấp dẫn, liên quan đến nội dung trang và khuyến khích người dùng nhấp chuột.
Sử dụng từ khóa: Bao gồm từ khóa chính trong mô tả nhưng đảm bảo nội dung tự nhiên, không nhồi nhét từ khóa.

3. Thẻ Meta Sitelink Search Box

Thẻ Meta Sitelink Search Box là một thẻ Meta giúp trang web của bạn hiển thị hộp tìm kiếm trực tiếp trên trang kết quả tìm kiếm của Google. Điều này cho phép người dùng tìm kiếm trực tiếp trên trang web của bạn mà không cần phải truy cập vào trang trước. Thẻ này thường được sử dụng cho các trang web lớn hoặc có nhiều nội dung, như các cửa hàng thương mại điện tử, diễn đàn, hay trang tin tức.

Google tự động quyết định khi nào hiển thị hộp tìm kiếm này, nhưng bạn có thể thêm một đoạn mã structured data (dữ liệu có cấu trúc) để gợi ý cho Google về việc hiển thị tính năng này.

Cú pháp sử dụng

Thẻ này không phải là một thẻ Meta HTML thông thường, mà là một đoạn mã JSON-LD (JavaScript Object Notation for Linked Data) được nhúng trong thẻ <script>.

Dưới đây là ví dụ về đoạn mã để triển khai Sitelink Search Box:

				
					<script type="application/ld+json">{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "url": "https://www.example.com/",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://www.example.com/search?q={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}</script>

Lợi ích

Cải thiện trải nghiệm người dùng: Người dùng có thể tìm kiếm nội dung trên trang web của bạn ngay từ kết quả tìm kiếm của Google, tiết kiệm thời gian và thao tác.
Tăng lưu lượng truy cập: Nếu người dùng sử dụng hộp tìm kiếm này, họ sẽ được dẫn trực tiếp đến trang tìm kiếm của bạn, có thể tăng lượt truy cập vào các trang sâu hơn của trang web.
SEO: Cải thiện khả năng hiển thị trong kết quả tìm kiếm của Google và cung cấp cách tìm kiếm dễ dàng hơn cho người dùng.

Và kế quả chúng ta sẽ đạt được ở đây mình sẽ lấy ví dụ là trang Tiki

4. Thẻ Meta Viewport

Thẻ Meta Viewport trong HTML được sử dụng để kiểm soát cách trang web hiển thị trên các thiết bị khác nhau, đặc biệt là các thiết bị di động. Nó cho phép bạn tùy chỉnh kích thước và tỷ lệ của trang để đảm bảo rằng trang web hiển thị đúng cách trên các màn hình có kích thước khác nhau (ví dụ: điện thoại, máy tính bảng, máy tính để bàn).

				
					<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Giải thích

width=device-width: Trang web sẽ có chiều rộng bằng chiều rộng của thiết bị.
initial-scale=1.0: Trang được hiển thị ở tỷ lệ 100% khi lần đầu được tải.
maximum-scale=1.0: Người dùng không thể phóng to trang quá mức 100%.
user-scalable=no: Người dùng không thể phóng to hoặc thu nhỏ trang.

Vai trò

Thiết kế đáp ứng (Responsive Design): Thẻ này giúp đảm bảo rằng trang web của bạn có thể tự động điều chỉnh để phù hợp với nhiều kích thước màn hình khác nhau.
Trải nghiệm người dùng tốt hơn: Đảm bảo rằng nội dung trang không bị thu nhỏ hoặc quá to trên các thiết bị di động, giúp người dùng không cần phải phóng to hay cuộn ngang.
SEO: Google ưu tiên các trang web thân thiện với thiết bị di động, và thẻ Meta Viewport là một trong những yếu tố quan trọng để tối ưu hóa trang web trên các thiết bị này.

5. Thẻ Meta Robots

Thẻ Meta Robots trong HTML được sử dụng để cung cấp hướng dẫn cho các công cụ tìm kiếm (như Google, Bing) về cách thu thập dữ liệu và lập chỉ mục (index) một trang web. Nó cho phép quản trị viên trang web kiểm soát cách các công cụ tìm kiếm xử lý nội dung của trang cụ thể.

				
					
<meta name="robots" content="index, follow" />



<meta name="robots" content="noindex, follow" />



<meta name="robots" content="index, nofollow" />



<meta name="robots" content="noindex, nofollow" />



<meta name="robots" content="noarchive" />



<meta name="robots" content="nosnippet" />



<meta name="robots" content="noimageindex" />



<meta name="robots" content="noodp" />



<meta name="robots" content="none" />

Cách sử dụng

Bạn có thể chọn thẻ phù hợp với mục đích cụ thể của từng trang trên website của bạn.
Chỉ cần sao chép và dán thẻ Meta Robots mà bạn cần vào phần <head> trong HTML của trang web.

6. Thẻ Meta Charset

Thẻ Meta Charset được sử dụng để xác định bộ mã ký tự cho trang web. Nó cho phép trình duyệt biết cách giải mã và hiển thị các ký tự trên trang.

				
					<meta charset="UTF-8" />

Giải thích: Bộ mã ký tự UTF-8 hỗ trợ hầu hết các ký tự và ngôn ngữ trên thế giới, giúp hiển thị nội dung một cách chính xác.

7. Thẻ Meta Author

Thẻ Meta Author được sử dụng để chỉ định tác giả của trang web. Thông tin này không ảnh hưởng đến SEO nhưng có thể hữu ích cho các mục đích khác.

				
					<meta name="author" content="Tên Tác Giả" />

Giải thích: Bạn có thể thay thế “Tên Tác Giả” bằng tên thật của bạn hoặc tên tổ chức. Thẻ này giúp cung cấp thông tin về người hoặc nhóm tạo ra nội dung.

8. Thẻ Meta Refresh

Thẻ Meta Refresh được sử dụng để tự động làm mới trang sau một khoảng thời gian nhất định hoặc để chuyển hướng người dùng đến một URL khác.

				
					<meta http-equiv="refresh" content="30;url=https://www.example.com" />

Giải thích: Thẻ này sẽ làm mới trang hiện tại sau 30 giây và chuyển hướng đến https://www.example.com. Đây có thể hữu ích cho các trang tạm thời hoặc trang chuyển hướng.

9. Thẻ Meta Keywords

Thẻ Meta Keywords được sử dụng để chỉ định các từ khóa liên quan đến nội dung của trang. Tuy nhiên, thẻ này đã trở nên ít quan trọng trong SEO hiện nay.

				
					<meta name="keywords" content="từ khóa 1, từ khóa 2, từ khóa 3" />

Giải thích: Bạn có thể liệt kê các từ khóa mà bạn muốn trang web được lập chỉ mục với chúng. Tuy nhiên, các công cụ tìm kiếm hiện đại như Google không còn coi trọng thẻ này nhiều như trước.

10. Thẻ Meta Language

Thẻ Meta Language được sử dụng để xác định ngôn ngữ của nội dung trên trang web. Thẻ này có thể giúp các công cụ tìm kiếm và trình duyệt hiểu nội dung tốt hơn.

				
					<meta http-equiv="Content-Language" content="vi" />

Giải thích: Giá trị vi chỉ ra rằng nội dung trên trang là tiếng Việt. Bạn có thể thay thế bằng mã ngôn ngữ phù hợp như en cho tiếng Anh, fr cho tiếng Pháp, v.v.

Tổng kết

Các thẻ Meta này đóng vai trò quan trọng trong việc cung cấp thông tin cho trình duyệt và các công cụ tìm kiếm. Chúng có thể ảnh hưởng đến cách mà nội dung của bạn được hiển thị và tìm thấy trên internet. Bạn có thể thêm chúng vào phần <head> trong HTML của trang web để tối ưu hóa trải nghiệm người dùng và cải thiện SEO.

Cụ thể bạn có thể đọc thêm tại đây