Tìm hiểu tại sao bạn nên chỉ dùng phần tử/thẻ H1 một lần mỗi trang trên trang web, cho SEO tối ưu.
Một trong những điều đầu tiên nhà phát triển hoặc thiết kế web học được là sáu cấp độ phần tử tiêu đề HTML5, từ H1 đến H6.
Là người mới, bạn được bảo H1 là phần tử quan trọng nhất và bạn nên dùng nó cho tiêu đề chính, headline — thứ quan trọng nhất. Sau đó bạn làm việc xuống từ đó và dùng H2, H3, H4, v.v. làm phụ đề cho nội dung.
Tôi nhận thấy nhiều người mới dùng thẻ H1 nhiều lần trên cùng trang. Tôi đoán这是因为 họ coi nhiều hơn một phần tử văn bản trên trang đó là quan trọng. Đây là vấn đề.
Công cụ tìm kiếm tự động giả định rằng bất kỳ nội dung nào được bọc bên trong thẻ H1 là tiêu đề (chủ đề chính) của nội dung bạn. Điều này quan trọng vì khi bạn tìm kiếm thứ gì đó trên SERPs (Trang kết quả công cụ tìm kiếm) những gì hiện ra khi bạn nhấn enter là:
- Tiêu đề
- Mô tả meta
- URL
Nếu bạn dùng H1 nhiều lần mỗi trang, bạn đang làm loãng ưu tiên trên mỗi trang. Công cụ tìm kiếm biết đâu là tiêu đề H1 để chọn khi hiển thị kết quả tìm kiếm cho người tìm? Mặc định, công cụ tìm kiếm thường thường chọn từ trên xuống dưới — nhưng không đảm bảo, vì nhiều yếu tố có thể ảnh hưởng cách họ lập chỉ mục và hiển thị nội dung.
Công cụ tìm kiếm dùng tiêu đề H1 của bạn để xác định chủ đề quan trọng nhất trên mỗi trang, nhưng nếu bạn báo cho họ mọi thứ đều quan trọng, thì không có gì quan trọng.
Ví dụ điển hình lạm dụng H1 là trên portfolio nơi người tạo có lưới item gallery trên trang chủ hiển thị danh sách dự án.
À première vue, có vẻ hợp lý dùng H1 cho tiêu đề dự án của item lưới, vì mỗi dự án dẫn đến URL riêng mô tả dự án đó.
Đây là SEO không đúng.
Cách đúng là:
- Trên trang chủ hiển thị danh sách lưới dự án khách hàng, bạn nên dùng H2, H3, hoặc H4 cho tiêu đề item lưới.
- Trên trang cho từng dự án, bạn nên bọc tiêu đề dự án bên trong thẻ H1 (
<h1></h1>). Một phần tử H1 mỗi trang dự án.
Bạn có thể dùng bao nhiêu H2, H3, H4, v.v. trên mỗi trang tùy thích, nên chọn một trong 3 thẻ tiêu đề đó để bọc tiêu đề item lưới.
Tại sao H2, H3 hoặc H4? Có quan trọng cái nào? Tôi không nghĩ vậy. Tôi nhận thấy hầu hết trang web top (về xếp hạng) dùng một trong 3 tiêu đề đó. Tôi chưa tìm thấy bằng chứng H2 tốt hơn H3 hay H4.
Làm tham chiếu:
- css-tricks.com và Scotch.io dùng H2
- Medium.com và sidebar.io dùng H3
Bạn nên xem xét rằng tiêu đề không chỉ dùng để báo cho công cụ tìm kiếm nội dung được tổ chức như thế nào, mà còn để trực quan báo cho người dùng về thứ bậc nội dung của bạn.
Phần tử tiêu đề bạn dùng để hiển thị tiêu đề item lưới, có thể đơn giản được xác định bằng thang đo loại chữ (danh sách font-size) bạn dùng cho trang web. Vì vậy nếu H3 đặt là font-size: 1.5rem; và kích thước font đó hoạt động tốt cho tiêu đề item lưới, hãy dùng nó.