Thẻ meta trong html là gì
Thẻ meta có lẽ 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. Show Có lẽ ai liên quan đến lĩnh vực 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ố 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 gian để làm rõ về chủ đề meta tag này. Và bài viết này dành riêng cho chủ đề đó. NỘI DUNG
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 chi tiết những thẻ meta quan trọng, cần được sử dụng. Ngoài ra, cũng sẽ có danh sách 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 áp dụng cho website. 8 loại thẻ meta quan trọng nhất trong SEO websiteCó nhiều loại thẻ meta với mục đích và công dụng 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 quan tâm, hoặc nếu muốn thì tìm hiểu cho vui thôi cũng được. Dưới đâ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 trang web, cho biết chủ đề của trang về vấn đề gì. Cấu trúc như sau:
Nội dung của thẻ 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 chia sẻ trên mạng xã hội (Facebook, Twitter, Zalo…). >> Tìm hiểu thêm về thẻ tiêu đề Thẻ meta descriptionThẻ này nêu tóm tắt nội dung của trang web. Nó 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ần thiết, nhất là khi chỉ có thể hiển thị được 1 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: Tìm hiểu thêm về thẻ meta description Thẻ meta content-typeThẻ content-type dùng để khai báo hệ thống ký tự trên trang web sử dụng HTML 4.01. Nó giúp các trình duyệt biết được nội dung trang web đượ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ổ biến như sau: HTML5 không còn hỗ trợ thẻ này. Thay vào đó, hệ thống ký tự trên trang web được khai báo đơn giản hơn như sau: Thẻ meta viewportTrong thế giới internet với sự tham gia của các thiết bị di động ngày càng phổ biến, 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 trải nghiệm không tốt trên thiết bị di động. Cú pháp phổ biến với viewport tag như sau: Ý nghĩa của 2 thuộc tính trên như sau:
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 metaThẻ này có hiệu quả cho việc kết nối website với các mạng xã hội như Facebook, Twitter, hay cả Zalo. Khi ai đó chia sẻ URL trang web của bạn trên các mạng xã hội, 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ị như thế nào, trong đó có: tiêu đề, hình ảnh đại diện, mô tả tóm tắt… Tôi có bài viết riêng về cách sử dụng thẻ Social meta, cụ thể là thẻ Open Graph. Meta robotsThẻ 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ó vấn đề gì: Google hiểu là có lập chỉ mục và có theo dõi. Thẻ này nên được dùng kết 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 còn 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 áp dụng cho phù hợp:
Meta languageThẻ language giúp khai báo về ngôn ngữ chính mà trang web sử dụng, để công cụ 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 ngôn ngữ. Xem danh sách các ngôn ngữ có thể khai báo tại đây. Ví dụ, với website dùng ngôn ngữ 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 khai báo vị trí địa lý cụ thể của doanh nghiệp của bạn. Mục đích là để công cụ tìm kiếm định hướng tốt hơn với người dùng nằm trong khu vực mà bạn đang cung cấp sản phẩm dịch vụ. Bạn có thể khai báo theo các dạng: địa danh, 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 - 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ọngVì chúng không quan trọng nên bạn có thể bỏ qua phần này, và không cần áp 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 bạn muốn nghiên cứu danh sách đầy đủ các thẻ meta thì tham khảo thêm tại đây.
Một số thắc mắc về thẻ metaThẻ 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 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ư chắc chắn 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 có 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 trang web? Bạ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 hiện kiểm tra thẻ meta đồng loạt cho tất cả các trang trên 1 website, bạn có thể dùng một số công cụ SEO như SEMRush, SiteBulb Crawler, DeepCrawl, Screaming Frog... Làm thế nào để đưa thẻ meta vào website Thường các hệ thống quản trị nội dung (CMS) của website đều 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ọ hỗ trợ. Tóm lượcTrong 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 các thẻ này sao cho hiệu quả, để đạt mục đích tối ưu hóa website của mình. Nếu 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 |