Thẻ HTML cho SEO: những thẻ nào thực sự quan trọng, kèm ví dụ

Công cụ tìm kiếm và trợ lý AI đọc trang của bạn như mã nguồn trước khi có ai nhìn thấy nó trên màn hình. Một số ít thẻ HTML cho SEO quyết định cách mã đó được hiểu: URL nào được lập chỉ mục, tiêu đề nào xuất hiện trong kết quả, trang nói về điều gì và trông ra sao khi được chia sẻ. Google liệt kê các thẻ meta và thuộc tính mà họ hỗ trợ trên một trang duy nhất trong tài liệu Search Central, và mọi thứ nằm ngoài danh sách đó đều không có tác dụng với Google Search. Bài hướng dẫn này trình bày từng thẻ hữu ích kèm ví dụ, các lỗi cần tránh và những thẻ bạn có thể bỏ qua.

Những thẻ HTML nào quan trọng với SEO?

Bảng dưới đây là danh sách tham khảo. Các thẻ trong phần head mô tả trang cho máy móc; các thẻ trong phần body cấu trúc những gì con người đọc.

Những thẻ trong phần head kiểm soát cách Google hiển thị trang của bạn như thế nào?

Thẻ tiêu đề

Thẻ tiêu đề là thẻ quan trọng nhất trên trang. Google cho biết không có giới hạn độ dài cho phần tử title, nhưng liên kết tiêu đề sẽ bị cắt để vừa với chiều rộng thiết bị, trên thực tế là khoảng 50 đến 60 ký tự trên máy tính. Google cũng có thể viết lại tiêu đề: tài liệu của họ liệt kê các nguồn mà Google sử dụng, từ phần tử title và tiêu đề hiển thị chính đến các H1, thẻ og:title và văn bản neo của các liên kết trỏ đến trang. Tiêu đề khớp với H1 và nội dung trang là tiêu đề mà Google giữ lại. Hãy viết một tiêu đề riêng cho mỗi trang, đặt từ khóa chính gần đầu và thương hiệu ở cuối.

Meta description

Meta description không làm thay đổi thứ hạng, nhưng thường cung cấp đoạn trích dưới tiêu đề và vì vậy ảnh hưởng đến lượt nhấp. Google có thể thay nó bằng một đoạn của trang khớp hơn với truy vấn. Hãy viết nó như một câu trả lời ngắn kèm lợi ích, dài từ 120 đến 160 ký tự, và đừng bao giờ dùng lại cùng một mô tả trên nhiều trang.

Thẻ meta robots

Thẻ meta robots cho trình thu thập dữ liệu biết chúng được phép làm gì với trang. Giá trị được dùng nhiều nhất là noindex, giúp trang không xuất hiện trong kết quả; các giá trị khác gồm nofollow, nosnippet và max-snippet, giới hạn độ dài của đoạn trích văn bản. Với các tệp không có phần head, như PDF, các chỉ thị tương tự được đặt trong tiêu đề HTTP X-Robots-Tag. Một noindex bị bỏ quên trên mẫu trang đang hoạt động là một trong những nguyên nhân phổ biến nhất khiến mất lượng truy cập, vì vậy hãy kiểm tra sau mỗi lần phát hành.

Viewport và charset

Google nêu trong tài liệu rằng sự hiện diện của thẻ viewport cho biết trang thân thiện với thiết bị di động. Vì Google lập chỉ mục phiên bản di động của website, thẻ này cần có trên mọi trang. Khai báo charset (UTF-8 là khuyến nghị của Google) ngăn lỗi ký tự trong tiêu đề và đoạn trích, điều này quan trọng với website đa ngôn ngữ.

Những thẻ nào cho Google biết nên lập chỉ mục URL nào?

Hai thẻ liên kết trong phần head quản lý các bản trùng lặp và ngôn ngữ. Thẻ canonical chỉ định phiên bản ưu tiên khi cùng một nội dung có thể truy cập qua nhiều URL (bộ lọc, tham số theo dõi, HTTP và HTTPS). Google coi đây là một gợi ý mạnh, cùng với chuyển hướng và liên kết nội bộ, nên nó hoạt động tốt nhất khi mọi tín hiệu đều trỏ về cùng một URL. Hãy dùng URL tuyệt đối, giữ một canonical cho mỗi trang và đừng bao giờ trỏ nó đến một trang đang bị chặn hoặc được đặt noindex.

Thuộc tính hreflang cho Google biết nên hiển thị trang nào cho ngôn ngữ hoặc khu vực nào. Theo hướng dẫn của Google về các phiên bản bản địa hóa, mỗi phiên bản phải liệt kê chính nó và tất cả các phiên bản khác, và giá trị x-default có thể chỉ định trang cho người dùng có ngôn ngữ không nằm trong danh sách. Thiếu liên kết quay lại là lỗi hreflang phổ biến nhất: nếu trang A trỏ đến trang B, thì trang B phải trỏ ngược lại trang A.

Những thẻ nào trong phần body giúp công cụ tìm kiếm hiểu nội dung?

Tiêu đề từ H1 đến H6

Các tiêu đề cho thấy dàn ý của trang. Dùng một H1 nêu rõ chủ đề, thẻ H2 cho các mục chính và H3 cho các bước hoặc ý con trong một mục, không bỏ qua cấp độ chỉ để đẹp mắt. Google từng nói rằng nhiều thẻ H1 không bị phạt, nhưng một H1 rõ ràng duy nhất vẫn là cấu trúc đơn giản nhất cho người dùng và công nghệ hỗ trợ. Các tiêu đề H2 dưới dạng câu hỏi ("X hoạt động thế nào?") cũng khớp với cách người ta diễn đạt tìm kiếm và câu lệnh.

Văn bản alt cho ảnh

Google giải thích trong hướng dẫn SEO hình ảnh rằng họ dùng văn bản alt cùng với thị giác máy tính và nội dung trang để hiểu một hình ảnh, và việc nhồi từ khóa vào thuộc tính alt có thể khiến website bị coi là spam. Hãy mô tả ảnh thể hiện điều gì bằng một cụm ngắn. Google cũng lưu ý rằng họ không lập chỉ mục ảnh nền CSS, nên mọi ảnh cần được xếp hạng đều phải là một phần tử img thực sự.

Liên kết và các thuộc tính rel

Phần tử a là cách trình thu thập dữ liệu khám phá trang, nên liên kết nội bộ phải là liên kết thật có href, không phải nút được JavaScript xử lý. Thuộc tính rel phân loại các liên kết đi ra: sponsored cho vị trí trả phí, ugc cho bình luận và bài đăng diễn đàn, nofollow cho những liên kết bạn không muốn xác nhận. Google đã coi các giá trị này là gợi ý từ năm 2020. Văn bản neo mô tả giúp cả người dùng lẫn công cụ tìm kiếm.

Các phần tử ngữ nghĩa HTML5

Các phần tử như main, article, nav, header, footer và section cho máy móc biết phần nào của trang là nội dung chính và phần nào lặp lại trên mọi trang. Tự chúng không làm tăng thứ hạng, nhưng giúp nội dung chính dễ được tách ra hơn, cho công cụ tìm kiếm, trình đọc màn hình và công cụ AI. Bài về HTML ngữ nghĩa của chúng tôi trình bày chi tiết từng phần tử. Trong văn bản, strong và em đánh dấu sự nhấn mạnh; hãy dùng chúng cho thuật ngữ chính, không dùng cho cả đoạn văn.

Những thẻ nào định hình bản xem trước mạng xã hội và kết quả phong phú?

Giao thức Open Graph, do Facebook tạo ra và hiện được hầu hết mạng xã hội cùng ứng dụng nhắn tin đọc, định nghĩa các thẻ og:title, og:description, og:image và og:url để xây dựng thẻ xem trước khi trang được chia sẻ. Không có chúng, các nền tảng phải đoán, thường là chọn sai ảnh. Bạn có thể kiểm tra kết quả bằng công cụ xem trước Open Graph trước khi xuất bản.

Dữ liệu có cấu trúc dạng JSON-LD, đặt trong một thẻ script, mô tả trang bằng từ vựng Schema.org: bài viết, sản phẩm, tổ chức, breadcrumb, FAQ. Google dùng nó cho kết quả phong phú, và nó cung cấp cho hệ thống AI các dữ kiện rõ ràng về thực thể đứng sau trang. Đánh dấu phải mô tả đúng những gì hiển thị trên trang. Chúng tôi trình bày vai trò của nó trong câu trả lời AI ở bài về dữ liệu có cấu trúc và tìm kiếm AI.

Google bỏ qua những thẻ HTML nào?

Danh sách thẻ được Google hỗ trợ cũng cho bạn biết những gì có thể ngừng duy trì:

• Meta keywords: Google nêu rằng thẻ meta keywords không được Google Search sử dụng và không có tác dụng với việc lập chỉ mục hay xếp hạng.
• Thẻ meta không xác định: Google bỏ qua các thẻ meta mà họ không hỗ trợ, chẳng hạn meta author hoặc meta revisit-after.
• Thuộc tính lang: Google nhận diện ngôn ngữ của trang từ văn bản, không phải từ thuộc tính lang. Hãy giữ thuộc tính này cho khả năng truy cập và các công cụ khác, và dùng hreflang để liên kết các phiên bản ngôn ngữ.
• Meta refresh làm chuyển hướng: nó hoạt động, nhưng Google khuyến nghị chuyển hướng 301 phía máy chủ thay thế.

Các thẻ HTML có quan trọng với câu trả lời AI không?

Có, vì một lý do đơn giản: ChatGPT, Claude, Gemini và Perplexity trích xuất các đoạn văn từ trang, và HTML sạch giúp những đoạn đó dễ tìm. Một số trình thu thập AI lấy HTML thô mà không chạy JavaScript, nên tiêu đề, canonical hay một khối văn bản do script chèn vào có thể không bao giờ đến được với họ. Hệ thống tiêu đề rõ ràng chia trang thành các câu trả lời tự đứng vững, danh sách và bảng giữ các dữ kiện đi cùng nhau, còn dữ liệu có cấu trúc nêu dữ kiện mà không mơ hồ. Đây là khía cạnh kỹ thuật của tối ưu hóa công cụ tạo sinh: những thẻ giúp Google cũng giúp các trợ lý AI trích dẫn bạn chính xác.

Làm thế nào để kiểm tra các thẻ HTML của một trang?

1. Đọc mã nguồn thô. Mở mã nguồn (Ctrl+U) và tìm các thẻ title, meta description, robots, canonical và hreflang. Nếu một thẻ chỉ xuất hiện trên trang đã được hiển thị, thì nó phụ thuộc vào JavaScript.
2. Đối chiếu với góc nhìn của Google. Công cụ Kiểm tra URL trong Google Search Console cho thấy HTML mà Google đã hiển thị và canonical mà Google đã chọn.
3. Kiểm toán từng trang. Tiện ích Chrome Sorank miễn phí liệt kê các thẻ thiếu hoặc trùng lặp và cách sửa cho trang bạn đang xem.
4. Kiểm toán toàn bộ website. Một trình thu thập dữ liệu tìm ra tiêu đề trùng, thiếu alt và canonical sai trên hàng nghìn URL; danh sách công cụ SEO kỹ thuật của chúng tôi so sánh các lựa chọn.
5. Kiểm tra lại sau mỗi lần phát hành. Thay đổi mẫu trang là nơi xuất hiện các thẻ noindex, canonical hỏng và tiêu đề trống.

Làm đúng khoảng một chục thẻ trên là đã bao quát gần hết những gì HTML có thể làm cho SEO; phần việc còn lại là nội dung và liên kết. Nếu bạn muốn các trang đã có sẵn tiêu đề sạch, heading, liên kết nội bộ và nội dung có cấu trúc, trình tạo bài viết của Sorank viết và xuất bản chúng tự động (autopilot), từ $49 mỗi tháng nếu thanh toán hằng năm (xem bảng giá).