Hướng dẫn meta tags html - thẻ meta html
Show
Định nghĩa và sử dụng
Sự khác nhau giữa HTML4.01 và HTML5
● Thuộc tính charset được viết gọn trong HTML5.Cấu trúc Tag luôn nằm bên trong Ví dụVí dụHtml viết: Trong đó:Trong đó: Định nghĩa và sử dụng Định nghĩa và sử dụng Định nghĩa và sử dụng Định nghĩa và sử dụngTag cung cấp thông tin dữ liệu về văn bản HTML, thông tin dữ liệu sẽ không được hiển thị trên trình duyệt. Tag thường được sử dụng để xác định mô tả trang (description), từ khóa (keywords), tác giả của văn bản (author), sửa đổi lần cuối (last modified), và thông tin dữ liệu khác.Tag có thể được sử dụng bởi các trình duyệt (hiển thị nội dung hoặc tải lại trang), công cụ tìm kiếm (từ khoá), hoặc các dịch vụ web khác. Tag luôn truyền dưới dạng các cặp tên và giá trị.
Xác định nội dung cho thông tin dữ liệu.http-equiv >>> Trong số các thẻ meta HTML, meta tag Title, Description, Robots là quan trọng hơn cả.
Tìm hiểu chung về thẻ meta tagsThẻ meta tag là gì - Thẻ meta trong HTMLThẻ meta (meta tag) là các dòng mã code đặt ở phần đầu trang HTML/ XHTML nhằm cung cấp thêm các thông tin quan trọng bao gồm tiêu đề, từ khóa chính, nội dung, ngôn ngữ... của website với các công cụ tìm kiếm (Google, Bing...) giúp chúng có thể hiểu web hơn. Thẻ meta là gì?Thẻ tags có đặc trưng gì nổi bật?- Meta tags chỉ được nhìn thấy trong phần mã nguồn của web, do vậy người dùng nếu muốn biết thêm về các thẻ meta tags trên một website nào đó, cần xem qua mã nguồn trang. - Chúng không cung cấp thông tin trực tiếp cho người dùng Internet mà chủ yếu phục vụ các con bot của Google vào thu thập thông tin của trang web để dễ dàng hiểu website hơn. Tầm quan trọng của meta tags là gì?- Giúp các công cụ tìm kiếm hiểu rõ hơn về trang web.- Gia tăng khả năng tìm kiếm từ khóa của công cụ tìm kiếm. - Là cơ sở để Google đánh giá, xếp hạng thứ tự của web trên kết quả tìm kiếm. Các thuộc tính của thẻ meta trong HTMLMeta 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ự webThuộ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. 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.: 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ị: Các thẻ meta trong HTML quan trọng nhất với thiết kế web chuẩn SEOThẻ titleThẻ title hay chính là tiêu đề/ 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, tiêu đề web cần độc đáo, thu hút người đọc nhất có thể. Đây là thẻ quan trọng nhất trong SEO Onpage, nằm ở phầncủa website. Cấu trúc:: 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,...: 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 HTML Thẻ meta descriptionThẻ meta description mô tả khái quát nội dung chính của website/ bài viết, nằm ở phầncủa website, có độ dài thường là 160 ký tự cả dấu cách, chứa từ khóa chính và từ khóa phụ (1 - 2 từ). Nội dung đoạn meta Description cần ngắn gọn, đúng trọng tâm để không bị cắt bớt khi hiển thị trên Google và chứa các lời kêu gọi hành động CTA. Cấu trúc:: Thẻ meta KeywordsHiể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,... Thẻ meta Content-TypeThẻ meta content language Cấu trúc:: Thẻ meta content languageThẻ meta robots Cấu trúc:: 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,...Thẻ meta robotsThẻ meta property Thẻ meta revisit after Thẻ meta refresh: Hướng dẫn sử dụng meta tags để tối ưu SEO hiệu quả nhất: Thẻ meta propertyThẻ 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 revisit afterThẻ 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 afterThẻ revisit after là loại thẻ khai báo thời gian quay lại web của con bot tìm kiếm.Thẻ meta tags trong thiết kế web chuẩn SEO Cấu trúc:: 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.Thẻ meta tags trong thiết kế web chuẩn SEOThẻ 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ợ.>>> Trong số các thẻ meta HTML, meta tag Title, Description, Robots là quan trọng hơn cả. Những lưu ý khi tạo, sử dụng thẻ meta tags là gì?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ả. - Chủ sở hữu website/ SEOer cần chú trọng tối ưu 3 loại thẻ tags quan trọng nhất: Meta title, description, robots. - Cách kiểm tra thẻ meta trên website: + Kiểm tra từng trang: Nhấn chuột phải vào khoảng trống bất kỳ trên trang, chọn “View page source” (Xem mã nguồn).+ Kiểm tra tất cả các trang: Bạn sử dụng các công cụ SEO như SEOquake, Screaming Frog, SEMRush...HTML là gì? Cách sử dụng thẻ meta trong HTML tối ưu thiết kế web chuẩn SEO là gì?hotline 0901191616 để được tư vấn miễn phí. - 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. |