Tìm hiểu lý do tại sao bạn chỉ nên sử dụng các phần tử / thẻ H1 một lần trên mỗi trang trên trang web của mình để tối ưu hóa SEO.
Một trong những điều đầu tiên mà nhà phát triển hoặc nhà thiết kế web tìm hiểu là sáu cấp độ của các phần tử tiêu đề của HTML5, từ H1 đến H6.
Khi mới bắt đầu, bạn được biết rằng H1 là yếu tố quan trọng nhất và bạn nên sử dụng nó cho các tiêu đề chính, tiêu đề - những thứ quan trọng nhất. Sau đó, bạn làm việc theo cách của mình từ đó và sử dụng H2, H3, H4, v.v. làm tiêu đề phụ cho nội dung của bạn.
Tôi nhận thấy rằng rất nhiều người mới bắt đầu sử dụng thẻ H1 nhiều lần trên cùng một trang. Tôi cho rằng điều này là do họ coi nhiều hơn một thành phần văn bản trên trang đó là quan trọng. Đây là một vấn đề.
Các công cụ tìm kiếm tự động giả định rằng bất kỳ nội dung nào được bao bọc bên trong các thẻ H1 đều là dòng tiêu đề (chủ đề chính) cho nội dung của 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ủa công cụ tìm kiếm), thứ hiển thị khi bạn nhấn enter là:
- Tiêu đề
- Mô tả meta
- URL
Nếu bạn đang sử dụng H1 nhiều lần trên mỗi trang, bạn đang giảm bớt các ưu tiên của mình trên mỗi trang. Làm thế nào để các công cụ tìm kiếm biết tiêu đề H1 nào cần chọn khi chúng hiển thị kết quả tìm kiếm cho người tìm kiếm? Theo mặc định, các công cụ tìm kiếm sẽ thường chọn từ trên xuống dưới - nhưng điều đó không được đảm bảo, vì nhiều yếu tố có thể ảnh hưởng đến cách họ lập chỉ mục và hiển thị nội dung của bạn.
Các công cụ tìm kiếm sử dụng tiêu đề H1 của bạn để xác định đâu là chủ đề quan trọng nhất trên mỗi trang, nhưng nếu bạn nói với họ rằng mọi thứ đều quan trọng thì không có gì là quan trọng.
Một ví dụ cổ điển về việc lạm dụng H1 là trên các danh mục đầu tư nơi người tạo có một thư viện mục dạng lưới trên trang nhất hiển thị danh sách các dự án của họ.
Lúc đầu, bạn nên sử dụng H1 cho tiêu đề dự án cho các mục lưới của bạn, vì mỗi dự án dẫn đến một URL riêng mô tả dự án đó.
Đây là SEO không chính xác.
Đây là cách chính xác để làm điều đó:
- Trên trang đầu nơi bạn hiển thị danh sách lưới các dự án khách hàng, bạn nên sử dụng H2, H3 hoặc H4 cho các tiêu đề mục lưới của mình.
- Trên trang của mỗi dự án, bạn nên đặt tiêu đề dự án của mình bên trong H1 (
<h1></h1>) các thẻ. Một phần tử H1 trên mỗi trang dự án.
Bạn có thể sử dụng bao nhiêu H2, H3, H4, v.v. trên mỗi trang tùy thích, vì vậy hãy chọn một trong 3 thẻ tiêu đề đó để bao quanh tiêu đề mục lưới của bạn.
Tại sao H2, H3 hoặc H4? Nó có vấn đề gì không? Tôi không nghĩ vậy. Tôi nhận thấy rằng hầu hết các trang web hàng đầu (về xếp hạng) sử dụng một trong 3 tiêu đề đó. Tôi không tìm thấy bằng chứng nào cho thấy H2 tốt hơn H3 hoặc h4.
Như một tài liệu tham khảo:
- css-tricks.com và Scotch.io sử dụng H2
- Medium.com và sidebar.io sử dụng H3
Bạn nên lưu ý rằng các tiêu đề không chỉ được sử dụng để cho các công cụ tìm kiếm biết nội dung của bạn được tổ chức như thế nào mà còn để cho người dùng biết trực quan về hệ thống phân cấp nội dung của bạn.
Phần tử tiêu đề nào bạn sử dụng để hiển thị tiêu đề mục lưới của mình, có thể đơn giản được xác định bằng tỷ lệ loại (danh sách kích thước phông chữ) bạn sử dụng cho trang web của mình. Vì vậy, nếu H3 của bạn được đặt thành font-size: 1.5rem; và kích thước phông chữ đó hoạt động tốt cho các tiêu đề mục lưới của bạn, sau đó sử dụng kích thước đó.