Thẻ meta có nhẽ là loại thông tin cơ bản nhất trong html, ứng dụng khi thiết kế cũng như khi làm tối ưu hóa website.

Bạn Đang Xem: Thẻ meta là gì? Sử dụng thế nào khi SEO website?

Có nhẽ ai liên quan đến nghành này thì cũng đều quen với những khái niệm như meta keywords, meta description, title… Biết chung chung là vậy, nhưng nhưng nếu đi sâu thì nên cần nhiều hơn thế.

Gần đây khi viết một số bài về các khái niệm, tôi mới phát hiện ra cần phải dành 1 chút thời kì để làm rõ về chủ đề meta tag này. Và nội dung bài viết này dành riêng cho chủ đề đó.

Thẻ meta trong html là gì?

Thẻ meta hay trong tiếng Anh gọi là meta tag là những dòng mã đặt trong phần đầu (<headvàgt;) của trang html để cung cấp thông tin về website cho phương tiện tìm kiếm. Những thông tin này thường gồm: nhan đề, từ khóa chính, tóm tắt nội dung, tiếng nói chính được sử dụng…

Cần phải khẳng định rằng, thẻ meta là để cho những phương tiện tìm kiếm như Google hiểu nội dung của trang, chứ không cung cấp thông tin trực tiếp đến người dùng. Chúng ta có thể đọc qua hướng dẫn của Google tại đây.

Thực tế thì người dùng thông thường sẽ không còn thấy các thẻ meta, trừ khi họ biết phương pháp xem mã nguồn của website. Nếu không có những thẻ meta thì website cơ bản vẫn hiển thị tương đối đầy đủ nội dung cho những người dùng đọc thông tin.

Riêng với thẻ <titlevàgt; thì người dùng thấy nội dung của nó trên trình duyệt. Nếu suy xét một cách rẽ ròi, thì <titlevàgt; không hẳn là thẻ meta, mặc dù nó cũng rất quan trọng. Trong phần dưới bài này tôi vẫn nêu về thẻ <titlevàgt; do vai trò và chức năng của nó cũng giống như thẻ meta. Nếu như bạn không đồng ý ý kiến này thì cũng vui lòng bỏ quá cho.

Tiếp theo đây tôi sẽ nêu cụ thể chi tiết những thẻ meta quan trọng, cần được sử dụng. Ngoài ra, cũng sẽ sở hữu list một số thẻ không còn hệ trọng, hoặc chẳng có vai trò gì, và bạn chẳng cần vận dụng cho website.

8 loại thẻ meta quan trọng nhất trong SEO website

Có nhiều loại thẻ meta với mục tiêu và công dụng khác nhau. Nhưng thực ra cũng chỉ có sử dụng 1 số loại quan trọng là đủ. Số sót lại bạn cũng không cần quan tâm, hoặc nếu muốn thì tìm hiểu cho vui thôi cũng được.

Tại chỗ này là những loại quan trọng và có hiệu quả cho SEO website, nếu sử dụng đúng.

Thẻ title

Đây là nhan đề của website, đã cho chúng ta thấy chủ đề của trang về vấn đề gì. Cấu trúc như sau:

<titlevàgt; Nhan đề </titlevàgt;

Nội dung của thẻ <titlevàgt; được hiển thị trong thanh bar trên cùng của hành lang cửa số trình duyệt.

Thẻ title trên trình duyệt

Ngoài ra, nó còn xuất hiện trong trang kết quả tìm kiếm, hay trong phần san sớt trên social (Facebook, Twitter, Zalo…).

>> Tìm hiểu thêm về thẻ tiêu đề

Thẻ meta description

Thẻ này nêu tóm tắt nội dung của website. Nó cụ thể chi tiết hơn thẻ nhan đề ở trên. Tuy nhiên cũng không nên quá dài, vì điều đó không cấp thiết, nhất là lúc chỉ có thể hiển thị được một số ký tự trên trang tìm kiếm. Nếu để mô tả dài quá sẽ bị Google cắt bớt khi hiển thị kết quả.

Cú pháp:

Xem Thêm : Phân tích PESTEL là gì? Và những yếu tố kinh doanh quan trọng của mô hình PESTEL

<meta name=”description” content=”Nội dung chính của trang” />

Tìm hiểu thêm về thẻ meta description

Thẻ meta content-type

Thẻ content-type dùng làm khai báo khối hệ thống ký tự trên website sử dụng HTML 4.01. Nó giúp các trình duyệt biết được nội dung website được mã hóa ký tự ra sao, để từ đó có thể hiển thị thông tin một cách tốt nhất.

Cú pháp phổ thông như sau:

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

HTML5 không còn tương trợ thẻ này. Thay vào đó, khối hệ thống ký tự trên website được khai báo đơn giản hơn như sau:

<meta charset=”UTF-8″>

Thẻ meta viewport

Trong thế giới internet với sự tham gia của khá nhiều thiết bị di động ngày càng phổ thông, thẻ này còn có vai trò rất quan trọng.

Cụ thể hơn, để tối ưu website cho phù phù hợp với nhiều thiết bị, bạn cần phải đưa thẻ meta viewport vào trong phần <headvàgt;. Thẻ này sẽ hướng dẫn trình duyệt cách tinh chỉnh và điều khiển kích thước (dimentions) cũng như tỉ lệ phóng to thu nhỏ (scaling).

Nếu như bạn không khai báo rõ thẻ này, thì website dễ tạo trải nghiệm không tốt trên thiết bị di động. Cú pháp phổ thông với viewport tag như sau:

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

Ý nghĩa của 2 tính chất trên như sau:

• width=device-width là để kiểm soát và điều chỉnh cho khớp độ rộng màn hình hiển thị với số px của thiết bị.
• initial-scale=1 để thiết lập tỉ lệ zoom ban sơ là 1 trong những:1 giữa px CSS và px của thiết bị.

Chúng ta có thể tìm hiểu thêm hướng dẫn của Google về thẻ viewport, hoặc tại w3school.com

Social meta

Thẻ này còn có hiệu quả cho việc kết nối website với những social như Facebook, Twitter, hay cả Zalo. Khi ai đó san sớt URL website của bạn trên các social, nội dung trong thẻ Social meta sẽ giúp các mạng này biết thông tin cần hiển thị thế nào, trong đó có: tiêu đề, hình ảnh thay mặt đại diện, mô tả tóm tắt…

Tôi có nội dung bài viết riêng về phong thái sử dụng thẻ Social meta, cụ thể là thẻ Open Graph.

Meta robots

Thẻ này, nếu cần được sử dụng, là nhằm mục tiêu báo cho Google có thực hiện hay là không việc lập chỉ mục (index), hay theo dõi (follow) trang hay là không.

Cú pháp như sau:

<meta name=”robots” content=”noindex” />

Về mặc định, nếu không sử dụng meta robot, thì tức thị có index, có follow. Do đó, nếu khách hàng có quên hoặc không đưa thẻ này vào cũng không có vấn đề gì: Google hiểu là có lập chỉ mục và có theo dõi.

Thẻ này nên được sử dụng kết phù hợp với file robots.txt để đảm bảo các Search Engine chỉ lập chỉ mục những trang nào bạn mong muốn (và loại bỏ những trang sót lại).

Ngoài ra, còn một số thẻ meta robots khác bạn cũng nên hiểu ý nghĩa tác dụng và lựa chọn vận dụng cho phù hợp:

• noarchive: Không cho máy tìm kiếm lưu vào bộ nhó bản sao website.
• nocache: tác dụng như thẻ noarchive nhưng chỉ vận dụng cho MSN/Live.
• nosnippet: Không cho bọ tìm kiếm hiển thị miêu tả snippet của trang trong kết quả tìm kiếm và không được cho phép chúng hiển thị trong bộ nhớ (cache hay caching).
• noodp: Ngăn máy tìm kiếm khỏi việc tạo các miêu tả description từ các thư mục danh bạ Web DMOZ như thể một phần của snippet trong trang kết quả tìm kiếm.
• noydir: Ngăn Yahoo khỏi việc trích miêu tả trong danh bạ Web Yahoo! diectory để tạo các phần miêu tả trong kết quả tìm kiếm. Giá trị noydir chỉ vận dụng với Yahoo và không có phương tiện tìm kiếm nào khác sử dụng danh bạn Web của Yahoo chính vì như vậy giá trị này sẽ không được tương trợ cho máy tìm kiếm khác.

Meta language

Xem Thêm : Cách phát âm tiếng Việt lớp 1 2023 mới nhất theo chuẩn Bộ GDĐT đưa ra

Thẻ language giúp khai báo về tiếng nói chính mà website sử dụng, để phương tiện tìm kiếm có định hướng người dùng tốt hơn. Thẻ này rất hữu ích nếu website của bạn dùng nhiều tiếng nói. Xem list các tiếng nói có thể khai báo tại đây.

Ví dụ, với website dùng tiếng nói tiếng Việt là chính, thì cú pháp thẻ này như sau:

<html lang=”vi”>

Meta geo

Đây là đoạn mã đưa vào web nhằm khai báo vùng địa lý cụ thể của doanh nghiệp của bạn. Mục tiêu là để phương tiện tìm kiếm định hướng tốt hơn với những người dùng nằm trong khu vực mà bạn đang cung cấp sản phẩm dịch vụ.

Chúng ta có thể khai báo theo những dạng: địa danh, tọa độ (kinh độ, vĩ độ), hoặc khu vực. Có thể sử dụng phương tiện tạo mã Geo Tag cho nhanh.

Chẳng hạn, với vị trí “Tràng Tiền Plaza – TP.HN”, thì phương tiện trên sẽ giúp tạo đoạn mã như sau:

<meta name=”geo.region” content=”VN-HN” /><meta name=”geo.placename” content=”TP.HN” /><meta name=”geo.position” content=”21.024813;105.853297″ /><meta name=”ICBM” content=”21.024813, 105.853297″ />

Việc cần làm tiếp, là copy và paste đoạn mã này vào thẻ <headvàgt; là xong.

Một số thẻ meta không quan trọng

Vì chúng không quan trọng nên bạn cũng có thể bỏ qua phần này, và không cần vận dụng. Tôi chỉ liệt kê để đảm bảo tính đầy đủ, phòng khi ai đó muốn tham khảo. Nếu như bạn muốn nghiên cứu list đầy đủ các thẻ meta thì tham khảo thêm tại đây.

1. Thẻ meta keywords: trước kia rất quan trọng, nhưng giờ Google đã bỏ qua thẻ này Nguyên nhân là người dùng lạm dụng nhồi nhét từ khóa quá nhiều, làm giảm tính tin cậy của thông tin trong thẻ. Mặc dù vậy, thành viên tôi khi làm SEO, vẫn dùng thẻ này để làm địa thế căn cứ tham khảo, để biết từng trang có nội dung chính về từ khóa nào.
2. Author/web author: dùng làm nêu tên tác giả của trang. Thẻ này sẽ không cấp thiết, vì với những website cần ghi tên tác giả, ví như 1 nội dung bài viết, thì trên trang thường sẽ sở hữu phần thể hiện rõ để người đọc (và Google) nhận diện.
3. Revisit after: là câu lệnh cho những con bọ của phương tiện tìm kiếm quay trở về trang sau 1 khoảng tầm thời kì, nhưng rất tiếc chẳng phương tiện nào tuân theo điều này.
4. Rating: thường sử dụng để thể hiện thẩm định mức độ nội dung “người lớn”.
5. Date/Expiration: thể hiện ngày tạo / ngày hết hạn của trang. Gần như chẳng ai muốn trang của mình hết hạn, nên chẳng cần quan tâm đến Expiration làm gì. Còn Date, thì bạn cũng có thể update trong file sitemap.xml và phương tiện tìm kiếm sẽ đọc được thông tin này. Với những trang cần ghi nhận ngày tạo, ví như tin tức hay nội dung bài viết… có thể chèn luôn thông tin ngày tạo, hoặc ngày update vào trang cho những người đọc biết (về tính chất update).
6. Copyright: thông tin bản quyền của website. Cũng không thực sự cấp thiết lắm, vì hầu như website nào chẳng để thông tin này ở phần Footer.
7. Abstract: tóm tắt về nội dung của trang, thường phù phù hợp với những nội dung bài viết mang tính học thuật cao.
8. Distribution: dùng làm kiểm soát xem ai có thể truy cập trang, thường được để mặc định là “global”. Vai trò này sẽ không thực sự quan trọng: với trang muốn hạn chế đối tượng người dùng truy cập, thì phải dùng mật khẩu mới đủ mạnh.
9. Generator: thể hiện Khóa học dùng làm tạo website, và điều đó cũng chẳng có nghĩa lý gì nhiều.

Một số thắc mắc về thẻ meta

Thẻ meta nào quan trọng nhất hiện nay?

Mặc dù vai trò các thẻ meta có thay đổi ít nhiều trong trong những năm qua, nhưng đến nay như tôi nghiên cứu và theo dõi, thì 3 thẻ title, description, và robots vẫn là quan trọng nhất.

Google có lấy nội dung thẻ meta để xếp thứ hạng website không?

Gần như kiên cố là có, nhất là với những thẻ meta quan trọng mà tôi nêu ở trên đây. Bạn còn tồn tại thể thấy chúng xuất hiện trong đoạn trích giàu thông tin (Rich Snippet), thì biết nội dung Meta quan trọng thế nào.

Làm thế nào để kiểm tra thẻ meta trên 1 website?

Chúng ta có thể mở từng trang, sau đó vào xem phần mã nguồn. Chẳng hạn trong Chrome, nhấp chuột phải và chọn “View page source”.

Để thực hiện kiểm tra thẻ meta nhất tề cho tất cả những trang trên 1 website, bạn cũng có thể dùng một số phương tiện SEO như SEMRush, SiteBulb Crawler, DeepCrawl, Screaming Frog…

Làm thế nào để lấy thẻ meta vào website

Thường các khối hệ thống quản trị nội dung (CMS) của website đều được cho phép người dùng thêm thông tin meta vào website. Bạn cần phải tìm trên CMS của website của mình. Nếu không thấy, hoặc không biết phương pháp sử dụng, bạn liên hệ với bên lập trình web để họ tương trợ.

Tóm tắt

Trong nội dung bài viết, tôi đã nêu khái niệm và vai trò của thẻ Meta Tag. Song song, bạn đã và đang thấy list những thẻ quan trọng trong việc tối ưu hóa website, giúp website thân thiện với những phương tiện tìm kiếm.

Hy vọng qua nội dung bài viết này, bạn biết thêm cách sử dụng các thẻ này sao cho hiệu quả, để đạt mục tiêu tối ưu hóa website của mình.

Nếu như bạn muốn tìm dịch vụ thiết kế website, và làm SEO web theo từ khóa hay tổng thể, thì liên hệ với chúng tôi nhé.

Gọi số Hotline của Carly để được tư vấn thêm: 094 456 1874