Thẻ meta có lẽ rằng là loại thông tin cơ bản nhất trong html, ứng dụng khi phong cách thiết kế cũng như khi làm tối ưu hóa website .
Có lẽ ai tương quan đến nghành nghề dịch vụ 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ì cần nhiều hơn thế .
Gần đây khi viết một số ít bài về những khái niệm, tôi mới phát hiện ra cần phải dành 1 chút thời hạn để làm rõ về chủ đề meta tag này. Và 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 (
) của trang html để cung cấp thông tin về trang web cho công cụ tìm kiếm. Những thông tin đó thường gồm: nhan đề, từ khóa chính, tóm tắt nội dung, ngôn ngữ chính được sử dụng…
Cần phải khẳng định rằng, thẻ meta là để cho các công cụ 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. Bạn 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 thấy các thẻ meta, trừ khi họ biết cách xem mã nguồn của trang web. Nếu không có các thẻ meta thì website cơ bản vẫn hiển thị tương đối đầy đủ nội dung cho người dùng đọc thông tin.
Riêng với thẻ
Tiếp theo đây tôi sẽ nêu cụ thể những thẻ meta quan trọng, cần được sử dụng. Ngoài ra, cũng sẽ có list một số ít 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à hiệu quả khác nhau. Nhưng thực ra cũng chỉ cần sử dụng 1 số loại quan trọng là đủ. Số còn lại bạn cũng không cần chăm sóc, hoặc nếu muốn thì khám phá cho vui thôi cũng được .
Dưới đây là những loại quan trọng và có hiệu suất cao cho SEO website, nếu sử dụng đúng .
Thẻ title
Đây là nhan đề của website, cho biết chủ đề của trang về yếu tố gì. Cấu trúc như sau :
Nhan đề
Nội dung của thẻ
Thẻ title trên trình duyệt
Ngoài ra, nó còn Open trong trang hiệu quả tìm kiếm, hay trong phần san sẻ trên mạng xã hội ( 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ó chi tiết cụ thể hơn thẻ nhan đề ở trên. Tuy nhiên cũng không nên quá dài, vì điều đó không thiết yếu, nhất là khi chỉ hoàn toàn có thể hiển thị được 1 số ký tự trên trang tìm kiếm. Nếu để diễn đạt dài quá sẽ bị Google cắt bớt khi hiển thị tác dụng .
Cú pháp :
Tìm hiểu thêm về thẻ meta description
Thẻ meta content-type
Thẻ content-type dùng để khai báo mạng lưới hệ thống ký tự trên website sử dụng HTML 4.01. Nó giúp những trình duyệt biết được nội dung website được mã hóa ký tự ra làm sao, để từ đó hoàn toàn có thể hiển thị thông tin một cách tốt nhất .
Cú pháp thông dụng như sau :
HTML5 không còn tương hỗ thẻ này. Thay vào đó, mạng lưới hệ thống ký tự trên website được khai báo đơn thuần hơn như sau :
Thẻ meta viewport
Trong quốc tế internet với sự tham gia của những thiết bị di động ngày càng phổ cập, thẻ này có vai trò rất quan trọng .
Cụ thể hơn, để tối ưu website cho phù hợp với nhiều thiết bị, bạn cần đưa thẻ meta viewport vào trong phần
. Thẻ này sẽ hướng dẫn trình duyệt cách điều khiển kích thước (dimentions) cũng như tỉ lệ phóng to thu nhỏ (scaling).
Nếu bạn không khai báo rõ thẻ này, thì website dễ tạo thưởng thức không tốt trên thiết bị di động. Cú pháp thông dụng với viewport tag như sau :
Ý nghĩa của 2 thuộc tính trên như sau :
- width=device-width là để điều chỉnh cho khớp độ rộng màn hình với số pixel của thiết bị.
- initial-scale=1 để thiết lập tỉ lệ zoom ban đầu là 1:1 giữa pixel CSS và pixel của thiết bị.
Bạn 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ó hiệu suất cao cho việc liên kết website với những mạng xã hội như Facebook, Twitter, hay cả Zalo. Khi ai đó san sẻ URL website của bạn trên những mạng xã hội, nội dung trong thẻ Social meta sẽ giúp những mạng này biết thông tin cần hiển thị như thế nào, trong đó có : tiêu đề, hình ảnh đại diện thay mặt, miêu tả tóm tắt …
Tôi có bài viết riêng về cách sử dụng thẻ Social meta, đơn cử là thẻ Open Graph .
Meta robots
Thẻ này, nếu cần được sử dụng, là nhằm mục đích báo cho Google có thực hiện hay không việc lập chỉ mục (index), hay theo dõi (follow) trang hay không.
Cú pháp như sau :
Về mặc định, nếu không sử dụng meta robot, thì nghĩa là có index, có follow. Do đó, nếu bạn có quên hoặc không đưa thẻ này vào cũng không có yếu tố gì : Google hiểu là có lập chỉ mục và có theo dõi .
Thẻ này nên được dùng tích hợp với file robots.txt để bảo vệ những Search Engine chỉ lập chỉ mục những trang nào bạn mong ước ( và vô hiệu những trang còn lại ) .
Ngoài ra, còn một số ít thẻ meta robots khác bạn cũng nên hiểu ý nghĩa công dụng và lựa chọn vận dụng cho tương thích :
- noarchive: Không cho máy tìm kiếm lưu vào bộ nhó bản sao trang web.
- nocache: tác dụng như thẻ noarchive nhưng chỉ áp 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 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ư là 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ỉ áp dụng với Yahoo và không có công cụ tìm kiếm nào khác sử dụng danh bạn Web của Yahoo bởi thế giá trị này không được hỗ trợ cho máy tìm kiếm khác.
Meta language
Thẻ language giúp khai báo về ngôn từ chính mà website sử dụng, để công cụ tìm kiếm có xu thế người dùng tốt hơn. Thẻ này rất có ích nếu website của bạn dùng nhiều ngôn từ. Xem list những ngôn từ hoàn toàn có thể khai báo tại đây .
Ví dụ, với website dùng ngôn từ tiếng Việt là chính, thì cú pháp thẻ này như sau :
Meta geo
Đây là đoạn mã đưa vào web nhằm mục đích khai báo vị trí địa lý đơn cử của doanh nghiệp của bạn. Mục đích là để công cụ tìm kiếm xu thế tốt hơn với người dùng nằm trong khu vực mà bạn đang phân phối loại sản phẩm dịch vụ .
Bạn hoàn toàn có thể khai báo theo những dạng : địa điểm, tọa độ ( kinh độ, vĩ độ ), hoặc khu vực. Có thể sử dụng công cụ tạo mã Geo Tag cho nhanh .
Chẳng hạn, với vị trí “ Tràng Tiền Plaza – TP. Hà Nội ”, thì công cụ trên sẽ giúp tạo đoạn mã như sau :
Việc cần làm tiếp, là copy và paste đoạn mã này vào thẻ
là xong.
Một số thẻ meta không quan trọng
Vì chúng không quan trọng nên bạn hoàn toàn có thể bỏ lỡ phần này, và không cần vận dụng. Tôi chỉ liệt kê để bảo vệ tính không thiếu, phòng khi ai đó muốn tìm hiểu thêm. Nếu bạn muốn điều tra và nghiên cứu list không thiếu những thẻ meta thì tìm hiểu thêm thêm tại đây .
- Thẻ meta keywords: trước đây 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, cá nhân tôi khi làm SEO, vẫn dùng thẻ này để làm căn cứ tham khảo, để biết từng trang có nội dung chính về từ khóa nào.
- Author/web author: dùng để nêu tên tác giả của trang. Thẻ này không cần thiết, vì với những trang web cần ghi tên tác giả, chẳng hạn như 1 bài viết, thì trên trang thường sẽ có phần thể hiện rõ để người đọc (và Google) nhận biết.
- Revisit after: là câu lệnh cho các con bọ của công cụ tìm kiếm quay lại trang sau 1 khoảng thời gian, nhưng rất tiếc chẳng công cụ nào tuân theo điều này.
- Rating: thường sử dụng để thể hiện đánh giá mức độ nội dung “người lớn”.
- 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ó thể cập nhật trong file sitemap.xml và công cụ 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, chẳng hạn như tin tức hay bài viết… có thể chèn luôn thông tin ngày tạo, hoặc ngày cập nhật vào trang cho người đọc biết (về tính cập nhật).
- Copyright: thông tin bản quyền của website. Cũng không thực sự cần thiết lắm, vì hầu như trang web nào chẳng để thông tin này ở phần Footer.
- Abstract: tóm tắt về nội dung của trang, thường phù hợp với những bài viết mang tính học thuật cao.
- Distribution: dùng để kiểm soát xem ai có thể truy cập trang, thường được để mặc định là “global”. Vai trò này không thực sự quan trọng: với trang muốn hạn chế đối tượng truy cập, thì phải dùng mật khẩu mới đủ mạnh.
- Generator: thể hiện chương trình dùng để tạo trang web, 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ò những thẻ meta có đổi khác không ít trong những năm qua, nhưng đến nay như tôi điều tra và 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ư chắc như đinh 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 hoàn toàn có thể thấy chúng Open 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 trang web?
Bạn hoàn toàn 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 thi kiểm tra thẻ meta hàng loạt cho toàn bộ những trang trên 1 website, bạn hoàn toàn có thể dùng một số ít công cụ SEO như SEMRush, SiteBulb Crawler, DeepCrawl, Screaming Frog …
Làm thế nào để đưa thẻ meta vào website
Thường những mạng lướ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 tìm trên CMS của website của mình. Nếu không thấy, hoặc không biết cách sử dụng, bạn liên hệ với bên lập trình web để họ tương hỗ .
Tóm lược
Trong bài viết, tôi đã nêu khái niệm và vai trò của thẻ Meta Tag. Đồng thời, bạn cũng đã thấy danh sách những thẻ quan trọng trong việc tối ưu hóa website, giúp trang web thân thiện với các công cụ tìm kiếm.
Hy vọng qua bài viết này, bạn biết thêm cách sử dụng những thẻ này sao cho hiệu suất cao, để đạt mục tiêu tối ưu hóa website của mình .
Nếu bạn muốn tìm dịch vụ phong cách thiết kế website, và làm SEO web theo từ khóa hay tổng thể và toàn diện, thì liên hệ với chúng tôi nhé .
Gọi số đường dây nóng của Carly để được tư vấn thêm : 094 456 1874
