Nagłówek H1 i struktura nagłówków: jeden temat na stronę
Nagłówek H1 to główny tytuł treści strony, a H2–H6 to jej rozdziały i podrozdziały. Google pisze, że kolejność i liczba nagłówków nie mają znaczenia dla wyszukiwarki, ale radzi wyróżnić główny tytuł, na przykład w pierwszym widocznym H1.
- Według przewodnika SEO Google kolejność nagłówków nie ma znaczenia dla wyszukiwarki i nie ma idealnej liczby nagłówków na stronie.
- Google przy tworzeniu tytułu wyniku patrzy też na nagłówki; gdy na stronie jest kilka równie dużych nagłówków, może wziąć pierwszy z nich.
- W3C zaleca układać nagłówki według poziomów i nie przeskakiwać, na przykład z H2 od razu na H4.
- Kryterium WCAG 2.4.6 (poziom AA) wymaga, żeby nagłówki opisywały temat albo cel fragmentu, pod którym stoją.
Czym są nagłówki H1–H6
Nagłówki to znaczniki <h1> do <h6> w kodzie strony. Działają jak spis treści w książce. H1 to tytuł treści, H2 to rozdziały, H3 to podrozdziały w rozdziale. Poziomy H4–H6 przydają się rzadko, głównie w długich poradnikach.
Nie myl H1 z tytułem strony, czyli znacznikiem <title>. Tytuł widać na karcie przeglądarki i w wynikach Google. H1 widać na samej stronie, zwykle jako największy napis nad treścią. Oba mogą brzmieć podobnie, ale to dwa osobne miejsca.
Poziom nagłówka mówi o ważności, a nie o wielkości liter. Rozmiar napisu ustawia się w stylach (CSS). Jeśli ktoś wybiera H4 tylko dlatego, że ma ładniejszą czcionkę, psuje spis treści strony.
Czy strona musi mieć dokładnie jeden H1
Google odpowiada na to w przewodniku SEO dla początkujących. Porządek nagłówków bardzo pomaga czytnikom ekranu, ale dla wyszukiwarki nie ma znaczenia, czy są w kolejności. Nie ma też magicznej liczby nagłówków. Dwa H1 nie są więc karą.
Jest jednak drugi dokument Google, o tytułach wyników. Google tworzy tytuł wyniku z kilku źródeł, także z nagłówków. Gdy na stronie jest kilka równie dużych nagłówków, może wziąć pierwszy z nich. Google radzi wyróżnić główny tytuł, na przykład umieszczając go w pierwszym widocznym H1.
Dlatego zalecamy jeden H1 na stronę. Nie chodzi o regułę wyszukiwarki, tylko o jasny komunikat: ta strona jest o tym. Kilka H1 to zwykle znak błędu w szablonie, a nie świadomej decyzji.
Jak ułożyć nagłówki na stronie usługi
W3C w poradniku o strukturze strony zaleca układać nagłówki według poziomów. Pod H2 może stać H3, ale nie H4 od razu. Wolno wrócić z H4 do H2, gdy zaczyna się nowy rozdział. Przykład dla strony z usługą montażu klimatyzacji:
- Czytając same nagłówki, klient powinien zrozumieć, co jest na stronie i gdzie szukać ceny czy kontaktu.
- Nagłówki menu, stopki i panelu bocznego niech będą takie same na każdej podstronie. W3C pisze, że w stałych częściach strony ważniejsza jest spójność niż poziom z treści.
| Poziom | Treść nagłówka | Po co jest |
|---|---|---|
| H1 | Montaż klimatyzacji w domu i w biurze | Mówi, o czym jest cała strona |
| H2 | Ile kosztuje montaż | Odpowiada na pierwsze pytanie klienta |
| H3 | Co wpływa na cenę | Rozwija rozdział o cenie |
| H2 | Jak wygląda montaż krok po kroku | Nowy rozdział |
| H2 | Najczęstsze pytania | Rozdział z pytaniami; każde pytanie może być H3 |
Co napisać w H1
H1 ma powiedzieć, o czym jest strona, słowami, których używa klient. Zamiast „Oferta” napisz „Biuro rachunkowe dla jednoosobowych firm”. Zamiast „Witamy” napisz, co robisz i dla kogo. Kryterium WCAG 2.4.6 mówi to samo: nagłówek opisuje temat albo cel fragmentu.
Na stronie głównej H1 to zwykle jedno zdanie o firmie: co sprzedajesz i komu. Na stronie usługi to nazwa usługi. Na wpisie w blogu to pytanie albo temat wpisu. H1 nie musi być identyczny z tytułem strony, ale oba powinny mówić o tym samym.
Błędy, które robią szablony i kreatory stron
Większość problemów z nagłówkami nie bierze się z tekstu, tylko z motywu albo kreatora stron. Właściciel tego nie widzi, bo strona wygląda dobrze.
- Logo albo nazwa firmy w H1 na każdej podstronie. Wtedy każda strona ma ten sam główny tytuł.
- Suwak na górze strony (slider), w którym każdy slajd ma własny H1.
- Brak H1, bo główny napis jest obrazkiem albo zwykłym tekstem powiększonym w stylach.
- Nagłówki wybrane według wyglądu: H2, potem od razu H5, bo „ładniej wygląda”.
- Zwykłe pogrubione zdania oznaczone jako nagłówki, przez co spis treści ma kilkadziesiąt pozycji.
Jak sprawdzić to samemu
- Otwórz stronę w Chrome, naciśnij F12, przejdź do zakładki Console i wklej:
document.querySelectorAll("h1").length. Wynik to liczba H1 na stronie. - W tej samej konsoli wklej:
[...document.querySelectorAll("h1,h2,h3,h4")].map(h => h.tagName + " " + h.innerText.trim()).join("\n"). Zobaczysz spis nagłówków w kolejności. - Przeczytaj sam spis. Jeśli nie wiesz z niego, o czym jest strona i gdzie jest cena, nagłówki trzeba poprawić.
- Otwórz trzy różne podstrony i porównaj ich H1. Jeśli wszędzie jest nazwa firmy, błąd jest w szablonie.
- Możesz też użyć bezpłatnego rozszerzenia WAVE od WebAIM: pokazuje strukturę nagłówków i zaznacza przeskoki poziomów.
Co sprawdza bezpłatny skan
- Liczy widoczne, niepuste nagłówki H1 na stronie głównej i na każdej sprawdzonej podstronie (w bezpłatnym skanie do 3 podstron).
- Zgłasza uwagę pilną, gdy strona nie ma H1, i wskazówkę, gdy ma ich więcej niż jeden, z treścią pierwszych trzech.
- Pomija nagłówki ukryte w kodzie atrybutem hidden, aria-hidden="true" albo stylem display:none.
- Na stronie głównej sprawdza przeskoki poziomów, na przykład H2 → H4, i zgłasza je, gdy są co najmniej dwa.
Skan sprawdza stronę główną i do 3 podstron. Wynik dostajesz w około minutę.
Kiedy zlecić to komuś: Gdy błąd siedzi w motywie albo kreatorze stron i powtarza się na każdej podstronie, poprawka w szablonie jest zadaniem dla programisty. Pełny audyt JFlow Labs sprawdza nagłówki na wszystkich podstronach i mówi, co zmienić w szablonie, a co w treści. Zobacz pełny audyt.
Pytania i odpowiedzi
Czy dwa nagłówki H1 szkodzą w Google?
Google pisze, że kolejność i liczba nagłówków nie mają znaczenia dla wyszukiwarki. Kilka równie dużych nagłówków może jednak sprawić, że Google weźmie do tytułu wyniku nie ten tekst, który chcesz. Jeden wyraźny H1 usuwa tę wątpliwość.
Czy H1 musi być taki sam jak tytuł strony?
Nie. Tytuł strony, czyli znacznik <title>, widać w wynikach Google, a H1 na samej stronie. Oba powinny mówić o tym samym, ale tytuł bywa krótszy i zawiera nazwę firmy.
Czy w nagłówkach trzeba wpisywać słowa kluczowe?
Wpisz w nich słowa, których używa klient, bo wtedy szybciej znajdzie to, czego szuka. Nagłówek złożony z samej listy fraz czyta się źle i nic nie daje.
Co z nagłówkami, które ma logo albo menu?
Logo nie powinno być nagłówkiem H1 na każdej podstronie. Nagłówki stałych części strony, takich jak stopka, niech mają ten sam poziom na każdej podstronie, zwykle H2.