Tổng hợp các thẻ meta trong SEO mới nhất 2018

Tổng hợp tất các thẻ Meta dành cho SEO Website của bạn bao gồm cả thẻ Meta cho Website và thẻ Meta cho các mạng xã hội.

Trong website ngoài hai thẻ đơn giản là description (mô tả) và keywords (từ khóa) có rất nhiều thẻ meta. Mặc dù đây là hai thẻ thường xuyên được sử dụng nhất. Nhưng để tối ưu hoàn chỉnh Onsite cho website thì các bạn không thể nào không quân những thẻ meta dưới đây:

1. <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> 

Thẻ meta content: Loại thẻ này khai báo toàn bộ ký tự mà bạn sử dụng website và bạn phải thêm vào từng trang. Bỏ qua loại thẻ này có thể ảnh hưởng đến các trang của bạn khi hiển thị trên trình duyệt. Dưới đây là một số kiểu thường hay sử dụng. Tuy nhiên, những người phát triển web của bạn cần biết những gì tốt nhất cho website của bạn.

2. <meta http-equiv=”content-language” content=”vi” />

Thẻ meta langguage: Thẻ này để khai báo với công cụ tìm kiếm là website của bạn hiện đang sử dụng ngôn ngữ chính là gì. Điều này sẽ giúp ích Bot phân loại nội dung và đánh đúng đối tượng khách hàng theo khu vực quốc gia cho bạn.

3. <meta name=viewport content=”width=device-width, initial-scale=1″>

Viewport (chế độ xem): Trong thế giới di động ngày nay, bạn phải xác định cụ thể chế độ xem. Nếu bạn không làm thế, bạn sẽ có nguy cơ mang lại trải nghiệm di động kém chất lượng. Công cụ Google PageSpeed Insights Tool sẽ cho bạn biết thêm thông tin về nội dung này. Dưới đây là mẫu tiêu chuẩn của thẻ viewport:

3. Meta Geographic:

<meta name=”geo.placename” content=”Hanoi, Mỹ Đình, Việt Nam” />
<meta name=”geo.position” content=”21.0315050;21.0315050″ />
<meta name=”geo.region” content=”VN-Hanoi” />
<meta name=”ICBM” content=”21.0315050;21.0315050″ />

Thẻ Meta Geographic này giúp cho google hay các công cụ tìm kiếm xác định được vị trí của website chúng ta, từ đó đưa ra được các kết quả tìm kiếm gần với người dùng nhất.

Và cuối cùng, minh tổng hợp các bạn những loại thẻ mặc định phải đưa vào website như sau:

<meta charset=”UTF-8″ />
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<meta http-equiv=”content-language” content=”vi” />
<meta name=”copyright” content=”Copyright 2018″>
<meta name=”robots” content=”noodp,index,follow” />
<meta http-equiv=”X-UA-Compatible” content=”requiresActiveX=true” />
<meta http-equiv=”content-language” content=”vi” />
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<link type=”image/x-icon” rel=”shortcut icon” href=”http://example.com/media-21516.png”>
<meta name=”DC.title” content=”Tiêu đề Website” />
<meta name=”geo.region” content=”VN-SG” />
<meta name=”geo.placename” content=”Ho Chi Minh” />
<meta name=”geo.position” content=”10.765604;106.704565″ />
<meta name=”ICBM” content=”10.765604, 106.704565″ />
<meta http-equiv=”content-script-type” Content=”text/javascript”>
<meta http-equiv=”content-style-type” Content=”text/css”>
<meta name=”distribution” Content=”global”>
<meta name=”robots” content=”index, follow” />
<link rel=”canonical” href=”http://example.com” />
<link rel=”next” href=”http://example.com/page/2/” />
<link rel=”publisher” href=”https://plus.google.com/u/0/url_google+”/>

<meta property=”og:locale” content=”en_US” />
<meta property=”og:type” content=”website” />
<meta property=”og:title” content=”Nội dung hiển thị tiêu đề trên Mạng xã hội” />
<meta property=”og:description” content=”Nội dung mô tả mà bạn muốn website của bạn hiển thị” />
<meta property=”og:url” content=”URL để Mạng xã hội truy cập vào website của bạn” />
<meta property=”og:site_name” content=”Tên website của bạn” />
<meta property=”fb:app_id” content=”ID trên app mà admin cung cấp cho bạn ” />
<meta property=”og:image” content=”http://example.com/images.png” />
<meta property=”og:image:secure_url” content=”http://example.com/images.png” />
<meta name=”twitter:card” content=”summary” />
<meta name=”twitter:title” content=”Tiêu đề hiển thị trên Twitter” />
<meta name=”twitter:image” content=”http://example.com/iamges.png” />

Những thẻ meta không cần thiết bạn không cần thiết phải đưa vào website

• Author/web author (Tác giả/tác giả web): Loại thẻ này được dùng để đặt tên tác giả của trang. Thẻ này thực sự không cần thiết dùng trên trang.
• Revisit after (Truy cập lại sau): Thẻ meta này là một câu lệnh yêu cầu các robot quay lại một trang sau một khoảng thời gian cụ thể. Các công cụ tìm kiếm lớn không làm theo cách này.
• Rating (Xếp hạng): Loại thẻ này dùng để mô tả trạng thái xếp hạng của nội dung.
• Expiration/date: Thẻ “Expiration” được dùng để nhấn mạnh khi trang hết hạn và “date” là ngày trang được tạo ra. Liệu có trang nào của bạn sắp hết hạn chưa? Hãy gỡ trang đó nếu sắp hết hạn. Còn đối với “date”, tạo một file XML sitemap và luôn cập nhật sitemap này. Cách làm này tốt hơn nhiều.
• Abstract (Tóm tắt): Thẻ này đôi khi dùng để đưa một đoạn tóm tắt của nội dung và chủ yếu dùng cho các mục đích giáo dục.
• Distribution (Phân phối): Giá trị “distribution” (phân phối) được cho là dùng để kiểm soát ai có quyền truy cập tài liệu, thường được thiết lập giá trị “global.” Người ta thường hiểu rằng nếu một trang là trang kiểu mở thì có nghĩa trang đó dành cho tất cả mọi người. Hãy bỏ qua không dùng thẻ này trên trang.
• Generator: Thẻ này được dùng để nhấn mạnh chương trình nào được dùng để tạo ra trang. Giống như thẻ “author” nhưng thẻ này không có tác dụng.
• Cache control (Kiểm soát bộ nhớ đệm): Thẻ này được thiết lập với mục đích kiểm soát việc khi nào và bằng cách nào một trang được lưu trên bộ nhớ đệm của trình duyệt. Tốt nhất nên làm việc này ở phần HTTP header.
• Resource type (Loại tài nguyên): Thẻ này dùng để đặt tên cho loại tài nguyên của trang, ví dụ “document”. Giúp tiết kiệm thời gian của chính bạn, bởi vì tuyên bố DTD có thể làm việc này cho bạn rồi.

Các thẻ meta này chỉ làm lãng phí không gian trên website, thậm chí chính Google cũng cho là như vậy (họ đã nói thế cách đây 12 năm).