Więcej niż jeden nagłówek poziomu 1
Nagłówek najwyższego poziomu opisuje, czego dotyczy cała strona, dlatego każda strona powinna zwykle mieć tylko jeden taki nagłówek. Silktide zgłasza strony, na których powtarza się nagłówek najwyższego poziomu.
W nagłówek najwyższego poziomu to element <h1>. Powinien pełnić funkcję tytułu strony, a elementy od <h2> do <h6> powinny porządkować znajdującą się pod nim treść:
<!-- Dwa konkurujące nagłówki najwyższego poziomu -->
<h1>Nasze usługi</h1>
<h1>Skontaktuj się z nami</h1>
<!-- Jeden h1, z h2 dla kolejnego tematu -->
<h1>Nasze usługi</h1>
<h2>Skontaktuj się z nami</h2>
Dlaczego to jest ważne
Element <h1> ma szczególne znaczenie dla wyszukiwarek, gdy określają one, czego dotyczy strona i jaki tytuł mają dla niej wyświetlić. Wiele nagłówków najwyższego poziomu osłabia ten sygnał i może spowodować użycie niewłaściwego tekstu jako tytułu strony w wynikach wyszukiwania.
Jeden jasny element <h1> pomaga również osobom korzystającym z , które często nawigują według nagłówków: jeden nagłówek najwyższego poziomu zapewnia jednoznaczny punkt początkowy na stronie.
Jak to naprawić
- Zachowaj jeden element
<h1>opisujący całą stronę, a pozostałe zmień na<h2>(lub niższy poziom, odpowiedni do ich miejsca w treści). - Jeśli element jest stylizowany jako duży nagłówek, ale nie jest głównym tematem strony — na przykład sloganem lub banerem promocyjnym — użyj niższego poziomu nagłówka albo stylizowanego akapitu.
- Sprawdź szablony: logo witryny lub nagłówek sekcji opakowany w
<h1>na każdej stronie to częsta przyczyna tego problemu.
Jak Silktide to testuje
- Przechodzi przez treść strony w kolejności, szukając elementów
<h1>. - Traktuje elementy sekcjonujące HTML5 (
<section>,<article>,<aside>,<details>,<header>,<footer>,<nav>) jako oddzielne zakresy: w każdym z nich dozwolony jest jeden element<h1>, niezależnie od reszty strony. - Oznacza każdy dodatkowy element
<h1>znaleziony po pierwszym w tym samym zakresie.
Rozwiązywanie problemów
Moja strona używa jednego h1 na sekcję — czy to błąd?
HTML5 pozwala na użycie elementu <h1> wewnątrz każdego elementu sekcjonującego, a Silktide akceptuje ten wzorzec. Należy jednak pamiętać, że wyszukiwarki i nie zawsze traktują podzielone na sekcje elementy <h1> jako zagnieżdżone poziomy, dlatego jeden element <h1> na poziomie strony z wyraźnymi poziomami od <h2> do <h6> pozostaje bardziej niezawodnym rozwiązaniem.