Nagłówki Hx to elementy kodu HTML, które pełnią bardzo ważną rolę w procesie optymalizacji strony pod kątem wyszukiwarek. Wizualnie zwykle są przedstawiane w formie śródtytułów oddzielających poszczególne sekcje dokumentu HTML. Niosą informację zarówno dla użytkownika, jak i dla robotów indeksujących i systemów oceniających treść.
W ten sposób oznaczone śródtytuły H1, H2, H3, H4 pomagają robotom Google zrozumieć strukturę i hierarchię informacji na stronie. Wspierają parsowanie dokumentu i analizę jego znaczenia. Dzięki odpowiedniemu wykorzystaniu encji w śródtytułach, pomagają robotom ustalić, co jest głównym tematem treści, a które informacje stanowią poboczny kontekst.
Hierarchia nagłówków
Hierarchia nagłówków powinna odzwierciedlać logiczną strukturę dokumentu. Podobnie jak w książce – rozdział główny (H1) ma podrozdziały (H2), które mogą zawierać kolejne sekcje (H3) itd. Przykład:
- H1: Pozycjonowanie stron internetowych
- H2: Co to jest SEO?
- H3: Różnice między SEO a SEM
- H2: Jak działa wyszukiwarka Google?
- H2: Strategie SEO
- H2: Co to jest SEO?
Z mojego doświadczenia: wiele stron cierpi na brak spójnej hierarchii – np. stosowanie wielu H1, przeskakiwanie poziomów (H2 → H4), lub używanie nagłówków wyłącznie dla stylizacji, co zaburza semantykę strony.
Do tego Google może wykorzystywać H1 do nadpisywania title w wynikach wyszukiwania, więc warto pilnować, aby treść tego znacznika jednoznacznie informowała, o czym jest dokument.
Znaczenie dla SEO
Google coraz lepiej rozumie kontekst treści, ale właściwa struktura Hx:
- ułatwia robotom indeksację,
- poprawia dostępność (np. dla czytników ekranu, WCAG),
- może wpływać na wyświetlanie sitelinks czy featured snippets,
- wspiera strategię topical authority, jeśli nagłówki odzwierciedlają intencje i zakres tematyczny.
Warto pamiętać, że H1 powinien być unikalny dla każdej podstrony i zawierać główne słowo kluczowe, ale nie powinien być sztucznie wypełniony frazami. Według zasad HTML5 można stosować więcej nagłówków H1 w dokumencie, jeśli jest przejrzyście podzielony na sekcje, ale dla świętego spokoju radzę trzymać się 1 nagłówka.
Polecam też wtyczkę headingsMap do Chrome, która pozwala „wyciągnąć” z danego dokumentu jego strukturę Hx i ocenić, czy rzeczywiście jest zachowana hierarchiczność i semantyka.
Dobre praktyki
- Jeden H1 na stronę, zawierający główny temat strony.
- Zachowanie kolejności i struktury logicznej (bez „przeskoków”).
- Stosowanie nagłówków jako semantycznych elementów, nie dekoracyjnych (do stylizacji używaj CSS).
- Użycie nagłówków jako wsparcia dla UX – użytkownik po samych nagłówkach powinien zrozumieć ogólny przekaz treści.