Ngọc Thanh - 109
- 20/12/2024
Ngọc Thanh 
Thẻ Meta là gì? Đó là bao gồm nhiều loại thẻ nằm trong phần head của html và nó chứa các nội dung để cho những công cụ tìm kiếm như Google, Bing,... tìm đọc, chi tiết như nào hãy cùng chúng tôi phân tích:
Thẻ Meta là gì? Các loại Meta Tag thường dùng
Mục Lục [Ẩn]
Thẻ Meta là gì?
Thẻ Meta (Meta Tag) là bao gồm nhiều loại thẻ nằm trong phần <head> của html và nó chứa các nội dung để quy định cách hiển thị của website, để cho những công cụ tìm kiếm như Google, Bing,... tìm đọc nhưng không hiển thị trên giao diện website.
Các loại Meta Tag (Thẻ Meta) thường dùng
Thẻ Meta Title
Thẻ Title (Title tag) là một đoạn mô tả ngắn về chính nội dung của trang web, bạn có thể nhìn thấy nó hiển thị trên thanh tab của trình duyệt, dòng chữ đậm hiện thị trên kết quả tìm kiếm của google, ping.., và lúc chia sẽ các trang mạng xã hội.
<title>Thẻ Meta là gì? Các loại Meta Tag thường dùng</title>
Thẻ Meta Description
Description (Meta Description) là đoạn mô tả ngắn tóm tắt ngắn gọn về nội dung một bài viết muốn nói tới, nó sẽ xuất hiện trên các công cụ tìm kiếm và giúp người đọc hiểu rõ nội dung của bài viết trước khi chọn click vào.
<meta name="description" content="Thẻ Meta là gì? Đó là bao gồm nhiều loại thẻ nằm trong phần head của html và nó chứa các nội dung để cho những công cụ tìm kiếm như Google, Bing,... tìm đọc" />
Thẻ Meta Robots
Đây là thẻ báo cho google cũng như các công cụ tìm kiếm khác biết là có cho phép index trang này hay không.
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large" />
index: Yêu cầu lập chỉ mục trang.
follow: Yêu cầu theo dõi các liên kết trên trang.
noindex: Yêu cầu không lập chỉ mục trang.
nofollow: Yêu cầu không theo dõi các liên kết trên trang.
Thẻ Meta Viewport
Thẻ này dùng để quy định cho các giao diện khi hiển thị trên thiết bị di động, nó cho phép quy định giao diện khi hiển thị trên thiết bị di động có theo responsive hay không, cho phép viết css để giao diện web hiển thị tốt trên tất cả các giao diện di động.
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
Thẻ Meta cho Content-Type kiểu charset
Thẻ này dùng để cho các loại ngôn ngữ trên thế giới có thể hoạt động hiệu quả trên website, thông thường sẽ sử dụng bộ mã hóa ký tự là UTF-8 vì nó hỗ trợ tốt cho hầu hết tất cả các ngôn ngữ trên thế giới.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Thẻ Meta Canonical
Canonical là thẻ HTML dùng trong trường hợp có nhiều URL bị lỗi Duplicate gây trùng lặp nội dung do nội dung giống nhau hoặc tương tự nhau, thẻ Canonical dùng để khai báo URL gốc để cho Google nhận dạng đâu là phiên bản chính.
<link rel="canonical" href="https://webmoi.vn/the-meta-la-gi/" />
Thẻ Meta Link Favicon
Thẻ này dùng để nhúng đường dẫn hình ảnh của Favicon, hình ảnh này sẽ được hiển thị trên tab của trình duyệt và hiển thị trên kết quả tìm kiếm của Google hoặc các công cụ tìm kiếm khác.
<link href="https://webmoi.vn/upload/company/favicon-15570482444.png" rel="shortcut icon" type="image/x-icon" />
Thẻ Meta Google-site-verification
<meta name="google-site-verification" content="eW_t1TqHSsy0RlHa9aGcg-N6Lb1rhq55Sbz1DepqAaw" />
Khi bạn đăng ký website với tài khoản Google Search Console để theo dõi website, Google Search Console sẽ cung cấp đoạn meta google-site-verification để xác minh chủ sở hữu website, mỗi website sẽ được cung cấp một thẻ meta có content khác nhau.
Ngoài ra thông thường nếu bạn muốn đăng ký website với bên thứ 3, thì họ sẽ cung cấp thẻ meta để gắn vào website giúp xác minh trang web, dưới đây là một trong số đó:
Ahref:
<meta name="ahrefs-site-verification" content="10bc28e1236b80301dc670bb772437c8de5d7aa23039b1e26b31977dc23311d2">
Facebook Business:
<meta name="facebook-domain-verification" content="k75rmh8segks4cc03xk7r7xh7235ix" />
Yandex:
<meta name="yandex-verification" content="742ca969f490d38b" />
DMCA:
<meta name = 'dmca-site-verify' content = 'TloxQkMvZEJMbUdTRkV2ZW1QODNzQT090' />
Pinterest:
<meta name="p:domain_verify" content="ee76a9e9b011c02dec59e07069da580c"/>
Thẻ Meta cấu hình chia sẽ mạng xã hội
Chia sẽ Facebook:
<meta property="fb:app_id" content="133705714671747"/>
<meta property="og:locale" content="vi_VN" />
<meta property="og:type" content="article" />
<meta property="og:site_name" content="Web Mới" />
<meta property="og:url" content="https://webmoi.vn/the-meta-la-gi/">
<meta property="og:title" content="Thẻ Meta là gì? Các loại Meta Tag thường dùng" />
<meta property="og:description" content="Thẻ Meta là gì? Đó là bao gồm nhiều loại thẻ nằm trong phần <head> của html và nó chứa các nội dung để cho những công cụ tìm kiếm như Google, Bing,... tìm đọc" />
<meta property="og:image" content="https://webmoi.vn/upload/tinblog/the-meta-la-gi.jpg" />
<meta property="og:image:secure_url" content="https://webmoi.vn/upload/tinblog/the-meta-la-gi.jpg" />
<meta property="og:image:alt" content="Thẻ Meta là gì? Các loại Meta Tag thường dùng" />
<meta property="og:image:type" content="image/jpg" />
<meta property="og:image:width" content="526" />
<meta property="og:image:height" content="274" />
Chia sẽ trên Twiter (X):
<meta property="twitter:card" content="summary">
<meta name="twitter:site" content="@webmoi"/>
<meta name="twitter:creator" content="@webmoi"/>
<meta name="twitter:label1" content="Ước tính thời gian đọc" />
<meta name="twitter:data1" content="19 phút" />
<meta property="article:author" content="https://www.facebook.com/tanluc.bui/" />
<meta property="article:section" content="Thiết kế website độc quyền 100%" />
<meta property="article:section" content="Lập trình website" />
<meta property="article:published_time" content="2020-03-03T16:59:34+07:00" />
<meta property="article:modified_time" content="2023-09-03T16:59:34+07:00" />
<meta property="og:updated_time" content="2023-09-03T16:59:34+07:00" />
<meta property="article:publisher" content="https://www.facebook.com/webmoi.vn" />
Cấu hình Twiter sẽ lấy một số cấu hình bên Facebook nữa.
Cách kiểm tra Thẻ Meta
Cách 1: Vào link bài viết sau đó nhấn Ctrl U, một tab mới hiện ra, nhấn ctrl F và nhập head, các thẻ Meta nằm trong thẻ <head></head>.
Cách 2: Click chuột phải, nhấn Kiểm tra, thẻ <head> nằm ở ngay đầu tiên của trang html.
Lời kết
Cảm ơn các bạn đã tham khảo bài viết Thẻ Meta là gì?
- 0 Bình luận
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *
