Thẻ meta là gì - Cách sử dụng thẻ meta trong HTML

Đăng lúc: 16:21 - 29/11/2021

Thẻ meta trong HTML là một trong số các yếu tố quan trọng trong SEO website, tuy nhiên bạn đã hiểu rõ thẻ meta là gì, có những loại meta HTML nào và cách sử dụng chúng hiệu quả. Cùng đón đọc bài viết của Web4s để tìm hiểu thông tin chi tiết. 

Thẻ meta là gì - Thẻ meta trong HTML

Thẻ meta (meta tag) là các dòng mã code đặt ở phần đầutrang HTML/ XHTML nhằm cung cấp thêm thông tin về website cho các công cụ tìm kiếm, giúp chúng có thể hiểu web, bao gồm: Nhan đề, ngôn ngữ, từ khóa chính, tóm tắt nội dung,...

Thẻ meta là gì? Thẻ meta là gì?

Các thuộc tính của thẻ meta trong HTML

Meta tag gồm 5 thuộc tính cơ bản: Charset, Name, Http-equiv, Content, Schema.
- Thuộc tính Charset: Xác định kiểu mã hóa ký tự web
- Thuộc tính Name: Xác định tên của loại thông tin bổ sung thêm cho website, bao gồm các giá trị:
+ Author: Tên tác giả (chủ sở hữu) website
+ Keywords: Danh sách từ khóa bạn mong muốn khi users gõ tìm kiếm sẽ hiển thị kết quả là web của bạn. Chúng được ngăn cách với nhau bởi dấu phẩy.
+ Description: Tóm tắt nội dung chính của website, độ dài khoảng 160 ký tự và chứa từ khóa chính & từ khóa phụ liên quan.

Các thuộc tính của meta tag Các thuộc tính của meta tag

- Thuộc tính Http-equiv: Xác định kiểu mã hóa ký tự/ kiểu nội dung của web và việc tải lại web, gồm các giá trị:
+ Content-type: Xác định kiểu mã hóa ký tự/ kiểu nội dung của website.
+ Refresh: Xác định trang web sẽ tự động load lại.
- Thuộc tính Content: Xác định nội dung loại thông tin bạn cung cấp cho công cụ tìm kiếm và trình duyệt.
- Thuộc tính Schema: Giải thích giá trị thuộc tính content, tuy nhiên không hỗ trợ trong HTML5.

Các thẻ meta trong HTML quan trọng nhất trong SEO

Thẻ title

- Thẻ title hay chính là nhan đề website, thể hiện chủ đề của trang web/ bài viết, dài không quá 60 ký tự và chứa từ khóa chính.
- Cấu trúc:

Thẻ meta title
- Hiển thị: Nội dung thẻ title hiển thị ở thanh bar trên cùng của cửa sổ trình duyệt và trong trang kết quả tìm kiếm hoặc bài share trên các mạng xã hội Facebook, Zalo,...

Các thẻ meta trong HTMLCác thẻ meta trong HTML

Thẻ meta description

- Thẻ meta description (mô tả) chứa nội dung tóm tắt website, cần ngắn gọn (thường là 160 ký tự cả dấu cách) và đúng trọng tâm để không bị cắt bớt khi hiển thị trên Google.
- Cấu trúc:

Thẻ meta description

Thẻ meta Content-Type

- Đây là thẻ meta khá cần thiết nhằm khai báo mã hiển thị ngôn ngữ của website.
- Cấu trúc:

Thẻ meta content type

Thẻ meta content language

- Sử dụng để khai báo ngôn ngữ web, hỗ trợ công cụ tìm kiếm hướng đối tượng người dùng đến web sử dụng thẻ tag đó.
- Cấu trúc:

Thẻ meta content language

Meta HTML, meta keyword là gì, meta data là gìMeta HTML, meta keyword là gì, meta data là gì?

Thẻ meta robots

- Thẻ meta robots chứa thuộc tính “noindex” có nhiệm vụ chỉ dẫn các công cụ tìm kiếm không index (lập chỉ mục) bất kỳ trang nào.
- Cấu trúc:

Thẻ meta robots

Thẻ meta property

- Thẻ meta property là loại thẻ khai báo cấu trúc website nhằm khai báo cấu trúc trang web với title, URL, type, local..., thúc đẩy quá trình SEO.
- Cấu trúc:

Thẻ meta property

Thẻ meta revisit after

- Thẻ revisit after là loại thẻ khai báo thời gian quay lại web của con bot tìm kiếm.
- Cấu trúc:

Thẻ meta revisit after

Meta seoMeta seo

Thẻ meta refresh

- Thẻ refresh là thẻ chuyển hướng làm mới meta, yêu cầu các trình duyệt web chuyển hướng users đến URL khác. Nhưng thẻ này không được sử dụng phổ biến do 1 số trình duyệt không hỗ trợ.
- Cấu trúc:

Thẻ meta refresh
>>> Trong số các thẻ meta HTML, meta tag Title, Description, Robots là quan trọng hơn cả.

Cách sử dụng thẻ meta trong HTML

- Thêm meta tag vào website: Bằng cách đặt vào phần đầu của trang.
- Xác định từ khóa (keywords) quan trọng trong bài viết: Bằng cách sử dụng thẻ meta keywords.
- Mô tả ngắn tài liệu: Bằng cách sử dụng thẻ meta description.

Cách sử dụng meta là gì?Cách sử dụng meta là gì?

Hy vọng những thông tin Web4s chia sẻ trên đây đều hữu ích với bạn, giúp bạn hiểu hơn thẻ meta là gì, các loại thẻ meta trong HTML và cách sử dụng chúng cho hiệu quả. 

>>> XEM THÊM: HTML là gì? 

>>> Khách hàng có nhu cầu thiết kế website chuẩn Responsive, chuẩn SEO tại Web4s, gọi ngay hotline 0901191616 để được tư vấn miễn phí.
icon icon icon Đăng ký tạo website dùng thử MIỄN PHÍ trong 15 ngày để trải nghiệm dịch vụ của Web4s ngay hôm nay!

mũi tên

Dùng thử website ngay 

YÊU CẦU WEB4S GỌI LẠI ĐỂ TƯ VẤN - BÁO GIÁ NGAY

Mời bạn để lại thông tin, chúng tôi sẽ gọi lại ngay để tư vấn và báo giá dịch vụ cho bạn!

Chào bạn! Tôi Ngô Việt Cường – Là CEO Công ty TNHH Phần mềm Nhân Hòa. Tác giả tại Web4s, địa chỉ Tầng 4, Tòa nhà số 97 - 99 Láng Hạ, Đống Đa, Hà Nội. Web: https://web4s.vn/
Web4s cung cấp giải pháp thiết kế website trọn gói - Uy tín -  Chuyên nghiệp giá chỉ 9k/ngày, chuẩn TMĐT, chuẩn Seo, có tốc độ load nhanh. Tặng tên miền, Hosting, Email, SSL.. ☎️0901191616

  • Công ty TNHH Phần mềm Nhân Hòa

    • Tầng 4, Tòa nhà Petrowaco số 97 - 99 Láng Hạ, Đống Đa, Hà Nội

    • 1900 6680 - (024) 7308 6680

    • contact@sm4s.vn

    • https://web4s.vn/

Tạo Website miễn phí tốt nhất chỉ sau 1 phút
Tạo Website free chỉ sau 1 phút Tạo Website miễn phí ngay
[Khuyến mại] Thiết kế Web
Tạo Website free chỉ sau 1 phút Xem Khuyến Mại Ngay