Nagłówki HTML (headings) to znaczniki H1–H6 definiujące hierarchię treści na stronie. Wyszukiwarki i czytniki ekranowe używają ich do zrozumienia struktury dokumentu. Prawidłowa struktura nagłówków ma kluczowe znaczenie dla SEO, dostępności i czytelności strony.
Sprawdź strukturę nagłówków swojej strony
Narzędzie automatycznie przeanalizuje hierarchię nagłówków dowolnej strony: Headings Checker.
Czym są nagłówki HTML?
Nagłówki to znaczniki HTML od H1 do H6, które tworzą hierarchiczną strukturę treści — podobnie jak rozdziały i podrozdziały w książce. H1 to tytuł główny, H2 to sekcje, H3 to podsekcje itd. Przeglądarka domyślnie wyświetla je z malejącym rozmiarem czcionki, ale ich prawdziwa rola wykracza daleko poza wygląd.
H1–H6
6 poziomów nagłówków
1×
zalecana liczba H1 na stronę
~60%
stron ma błędy w nagłówkach
WCAG
wymaga poprawnej hierarchii
Hierarchia nagłówków H1–H6
Każdy poziom nagłówka pełni inną rolę w strukturze dokumentu. Pomijanie poziomów (np. przejście z H2 na H4) jest błędem strukturalnym.
Jeden na stronę. Główne słowo kluczowe. Opisuje całą stronę.
Główne działy treści. Powinny pokrywać kluczowe tematy strony.
Uszczegółowienie sekcji H2. Mogą zawierać słowa kluczowe LSI.
Rzadziej używany. Stosuj tylko gdy treść wymaga głębszego podziału.
Bardzo rzadki. Najczęściej zbędny — rozważ uproszczenie struktury.
Praktycznie nieużywany. W większości przypadków można go zastąpić innym elementem HTML.
Przykład poprawnej struktury
Prawidłowa hierarchia nagłówków tworzy drzewo — każdy poziom jest zagnieżdżony w nadrzędnym.
H1 Przewodnik po DNS
H2 Co to są rekordy DNS?
H3 Rekord A
H3 Rekord CNAME
H2 Jak sprawdzić DNS?
H3 Narzędzia online
H3 Polecenie dig
H1 Przewodnik po DNS
H3 Co to są rekordy DNS? ← pominięto H2
H5 Rekord A ← pominięto H4
H2 Jak sprawdzić DNS? ← H2 po H5?
H4 Narzędzia online ← brak H3
Nagłówki a SEO
Wyszukiwarki analizują nagłówki, aby zrozumieć o czym jest strona i jak ważne są poszczególne fragmenty treści.
H1 — najważniejszy sygnał SEO
Google traktuje H1 jako główny opis strony. Powinien zawierać główne słowo kluczowe i być unikalny — jeden H1 na stronę. Brak H1 lub wielokrotny H1 to sygnał słabej struktury.
H2 — tematy sekcji
H2 definiują główne tematy omawiane na stronie. Warto umieszczać w nich warianty i synonimy głównego słowa kluczowego (słowa kluczowe LSI). Często pojawiają się w featured snippets.
H3–H6 — głębokość i szczegółowość
H3 i głębsze pomagają robotom zrozumieć szczegółową strukturę. Są szczególnie ważne przy długich artykułach poradnikowych i dokumentacji. Mają mniejszy bezpośredni wpływ na rankingi niż H1 i H2.
Nagłówki a dostępność (accessibility)
Dla użytkowników czytników ekranowych (niewidomych, słabowidzących) nagłówki są podstawowym sposobem nawigacji po stronie.
Standard WCAG 2.1 wymaga poprawnej hierarchii nagłówków
Kryterium 1.3.1 (Informacje i relacje) oraz 2.4.6 (Nagłówki i etykiety) zobowiązują do stosowania nagłówków w sposób odzwierciedlający strukturę treści, a nie tylko wygląd.
Dobre praktyki
- Jeden H1 zawierający temat strony
- Zachowanie ciągłości hierarchii (bez przeskoków)
- Opisowe, zrozumiałe treści nagłówków
- Nagłówki odzwierciedlają strukturę, nie styl
Częste błędy
- Używanie nagłówków tylko dla dużej czcionki
- Pominięcie poziomu (np. H2 → H4)
- Brak H1 lub wiele H1 na stronie
- Puste nagłówki lub nagłówki z samym obrazkiem
Szybkie podsumowanie — H1–H6
| Znacznik | Ile na stronę | Wpływ SEO | Typowe zastosowanie |
|---|---|---|---|
| H1 | Dokładnie 1 | Bardzo wysoki | Tytuł strony / artykułu |
| H2 | Kilka | Wysoki | Główne sekcje treści |
| H3 | Dowolna | Umiarkowany | Podsekcje w ramach H2 |
| H4 | Dowolna | Niski | Głębsze podziały treści |
| H5 | Rzadko | Minimalny | Dokumentacja, specyfikacje |
| H6 | Prawie nigdy | Minimalny | Bardzo rzadkie przypadki |
FAQ
Technicznie HTML5 dopuszcza wiele H1 w różnych sekcjach, ale w praktyce SEO zaleca się jeden H1 na stronę. Google wielokrotnie potwierdzało, że preferuje jedną, jasną deklarację tematu strony. Wiele H1 może rozmydlać sygnał dla wyszukiwarek i dezorientować użytkowników czytników ekranowych.
Nie. Tag title jest niewidoczny na stronie — wyświetla się w zakładce przeglądarki i w wynikach Google. H1 to widoczny nagłówek na stronie. Powinny być zbliżone treściowo, ale nie muszą być identyczne. Title jest ograniczony do ok. 60 znaków dla wyników wyszukiwania, H1 może być dłuższy.
Tak. Google analizuje hierarchię nagłówków, aby zrozumieć strukturę i powiązania tematyczne treści. Przeskakiwanie poziomów (np. H2 → H4) nie jest błędem krytycznym, ale utrudnia robotom i użytkownikom zrozumienie relacji między sekcjami. Regularne audyty struktury nagłówków są dobrą praktyką SEO.
Tak — wygląd nagłówka możesz zmieniać dowolnie przez CSS. Ważna jest jednak semantyczna rola w HTML, nie wizualna. Odwrotna sytuacja jest problematyczna: stylowanie zwykłego paragrafu na duży tekst nie czyni go nagłówkiem dla wyszukiwarek ani czytników ekranowych.
Możesz użyć naszego narzędzia Headings Checker, które wizualnie przedstawia hierarchię nagłówków dowolnej strony. Alternatywnie w Chrome DevTools wpisz w konsoli: document.querySelectorAll('h1,h2,h3,h4,h5,h6'), aby zobaczyć listę wszystkich nagłówków.