Thẻ Meta Trong HTML – Tất Tần Tật Những Điều Cần Phải Biết

Thẻ Meta Trong HTML – Tất Tần Tật Những Điều Cần Phải Biết

6:03 chiều 25/05/2020

1422 view

Thẻ meta là một trong những nhân tố trọng yếu cho SEO so với các trang web đưa tính thương mại. Cho nên, việc tối ưu hóa thẻ càng tốt sẽ càng giúp cho website lập tức lên top trên Google. Vậy, thẻ meta trong html là gì? Cách tối ưu thẻ ra sao? Cùng theo dõi nội dung dưới đây của chúng tôi để được đáp án cụ thể.

Khái niệm thẻ meta trong html

Thẻ HTML <metavàgt; có cách gọi khác là thẻ meta trong HTML là thẻ được sử dụng với vai trò phân phối metadata về ebook HTML. Metadata không hiển thị trên trình duyệt nhưng được bộ máy tìm kiếm nghiên cứu từ đó thu thập thông tin về twebsite của các bạn.

Ngoài ra, thẻ còn được dùng để khái niệm các thông tin căn bản như: miêu tả keyword, trang, Author, cân chỉnh,…. Metadata được sử dụng bởi bộ máy tìm kiếm, các trình duyệt hoặc dịch vụ trang web khác.

Cách dùng thẻ meta trong html

Dưới đây là cách dùng thẻ meta trong html:

Thêm các thẻ meta vào ebook

thêm thẻ meta vào tài liệu

Để thêm dữ liệu vào trang web, bạn có thể đặt các thẻ <metavàgt; vào đầu trang & được trổ tài thông qua thẻ <headvàgt; & </headvàgt;. Thông thường, thẻ meta sẽ có các tính chất dưới đây:

Tính chất
Diễn đạt

name
Đặt tên cho đặc điểm. Ví dụ: sự miêu tả, keyword, tên Author,…

content
Xác nhận giá trị của đặc điểm

scheme
Xác nhận một giản đồ để giải thích giá trị của đặc điểm

http-equiv
Được sử dụng cho các Header nhắc nhở comment HTTP. Chẳng hạn: setup các Cookie…

Xác nhận keyword -Sử dụng thẻ meta keywords trong HTML

Sử dụng thẻ <metavàgt; để xác nhận các keyword trọng yếu trong nội dung. Các keyword này sẽ được sử dụng trong các dụng cụ tì kiếm như google,….& lập chỉ mục website trong mục tìm kiếm.

Diễn đạt ebook – Sử dụng thẻ meta description trong HTML

Thẻ <metavàgt; có thể được dùng để đặt ra miêu tả ngắn về ebook. Điều này giúp dụng cụ tìm kiếm trong công cuộc lập chỉ mục cho trang web dễ dàng hơn & thỏa mãn nhu cầu của người tìm kiếm.

Ngày sửa cuối cùng của ebook – Sử dụng thẻ meta revised trong HTML

Thẻ <metavàgt; còn tồn tại vai trò phân phối thông tin về thời điểm cuối mà ebook được update trên website. Điều này có thể được sử dụng bởi nhiều trình duyệt khác nhau khi refresh website.

Refresh ebook – Sử dụng http-equiv=”refresh”

Thông thường, thẻ <metavàgt; sẽ được dùng với mục đích xác nhận thời gian mà sau đó trang Website sẽ refresh một cách auto, cũng giống như khi nhấn phím F5.

Chuyển hướng trang – Xác nhận url

Khi có nhu cầu chuyển hướng website cho trang bất kỳ, bạn có thể dùng thẻ <metavàgt;. không chỉ thế, nó có thẻ chuyển hướng trang sau thời gian khẳng định.

Setup các Cookie – Sử dụng http-equiv=”cookie”

thiết lập các cookie

Cookie được hiểu là dữ liệu được lưu trong các file văn bản nhỏ thuộc máy tính. Nó được thỏa thuận giữa các sever & trình duyệt website có mục đích theo dõi khu vực thông tin.

Để giữ lại các cookie trên client bạn có thể sử dụng thẻ <metavàgt;. Các thông tin này sau đó được sử dụng bởi các Server nhằm theo dõi lượt KH truy cập.

Setup tên Author – Sử dụng name=”author”

Sử dụng thẻ meta bạn có thể tạo lập tên Author của một trang web. Ví dụ:

<!DOCTYPE htmlvàgt;

<htmlvàgt;

<headvàgt;

<titlevàgt;Vi du the meta trong HTML</titlevàgt;

<meta name=”keywords” content=”HTML, the meta trong HTML, hoc HTML co ban va nang cao” />

<meta name=”description” content=”The meta trong HTML.” />

<meta name=”author” content=”VietJack Đội nhóm” />

</headvàgt;

<bodyvàgt;

<pvàgt;Hoc HTML tai VietJack!</pvàgt;

</bodyvàgt;

</htmlvàgt;

Xác nhận Bộ ký tự

không chỉ thế, thẻ meta còn làm bạn có thân thể định chuẩn xác bộ ký tự trong website.

Một số chẳng hạn về thẻ meta trong HTML

ví dụ về thẻ meta

Dưới đây là một số chẳng hạn về thẻ meta trong HTML:

Chẳng hạn 1: khái niệm các keyword cho bộ máy tìm kiếm.

1vàlt;meta name=”keywords” content=”HTML là gì? Thẻ HTML meta”>

Chẳng hạn 2: khái niệm một miêu tả cho website.

1 <meta name=”description” content=”Học HTML & CSS Free”>

Chẳng hạn 3: khái niệm Author của website.

1vàlt;meta name=”author” content=”John Doe”>

Chẳng hạn 4: auto tải lại website sau 30s.

1 <meta http-equiv=”refresh” content=”30″>

Chẳng hạn 5: Thiết định khung nhìn để website bắt mắt trên toàn bộ các thiết bị.

1vàlt;meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

Thẻ meta trong HTML có các tính chất nào? 

Dưới đây là một số tính chất của thẻ meta trong HTML:

Tính chất
Giá trị
Miêu tả

charset
character_set
Chỉ định mã hoá ký tự cho ebook HTML

content
text
Phân phối giá trị được nối liền với tính chất http-equiv hoặc name

http-equiv
content-type
default-style
refresh
Phân phối tiêu đề HTTP cho thông tin / giá trị của tính chất content

name
application-name
author
description
generator
keywords
viewport
Chỉ định một tên cho metadata

scheme
format/URI
Không được bổ trợ trong HTML5.
Chỉ định một lược đồ được sử dụng để giải thích giá trị của tính chất content

So sánh HTML 4.01 & HTML 5

Trong HTML 4.01 tính chất scheme sẽ được bổ trợ. Trái lại, tính chất này không được bổ trợ trong HTML 5. không chỉ thế, HTML 5 có thêm tính chất mới là charset. Tính chất này giúp khái niệm cho ebook HTML.

HTML & XHTML có sự độc đáo nào?

Giữa HTML & XHTML có sự độc đáo rõ ràng như: HTML thẻ <metavàgt; không có thẻ đóng còn XHTML thẻ <metavàgt; bắt buộc phải đóng thẻ.

Các trình duyệt bổ trợ thẻ meta

Một số trình duyệt bổ trợ trong thẻ meta rõ ràng như sau:

Thẻ
 Chrome
 IE
 Firefox
 Opera
 Safari

<metavàgt;
Yes
Yes
Yes
Yes
Yes

Trên đây là những thông tin căn bản về thẻ meta trong html. Hi vọng nội dung của chúng tôi đã phân phối cho bạn những thông tin hữu hiệu nhất để phục vụ công cuộc làm Seo cho trang web.

Xem Thêm  and the ""a"" for ""ASCII"". In practice

Viết một bình luận