Heading Tags (H1–H6)
Tagi nagłówków HTML określające hierarchię treści. H1 to główny tytuł strony, H2–H6 to nagłówki podrzędne.
Czym są Heading Tags?
Heading Tags (tagi nagłówków) to elementy HTML od <h1>do <h6>, definiujące hierarchię treści na stronie. H1 to główny tytuł — najważniejszy nagłówek, opisujący temat całej strony. H2 to nagłówki sekcji głównych, H3 to podsekcje H2, H4 to podsekcje H3 i tak dalej. Hierarchia powinna być logiczna i nigdy nie pomijać poziomów: po H2 powinno następować H3, nie H4.
Dla Google, heading tags to sygnały struktury semantycznej strony — informują algorytm, które tematy są główne, które poboczne i jak są ze sobą powiązane. Dla użytkowników nagłówki tworzą wizualną mapę treści, ułatwiając skanowanie i znajdowanie interesujących fragmentów. Dla technologii asystujących (czytniki ekranu) — umożliwiają nawigację po treści osobom niewidomym lub słabowidzącym.
H1 — najważniejszy nagłówek strony
Każda strona powinna mieć dokładnie jeden H1. To żelazna zasada zarówno SEO, jak i dostępności. H1 powinien zawierać główną frazę kluczową strony — w naturalny, czytelny sposób. Dla bloga H1 to tytuł artykułu. Dla strony produktowej — nazwa produktu z kategorią. Dla strony usługowej — usługa + ewentualna lokalizacja. H1 różni się od meta title: meta title to tekst widoczny w zakładce przeglądarki i wynikach Google, H1 to nagłówek widoczny na stronie. Mogą być (i często powinny być) różne — meta title bywa bardziej rozbudowany marketingowo, H1 bardziej bezpośredni.
H2–H6 — hierarchia sekcji
H2 to nagłówki głównych sekcji artykułu lub strony. Dobry artykuł SEO ma 3–8 nagłówków H2 opisujących logicznie powiązane tematy. Każdy H2 powinien być potencjalną odpowiedzią na jedno pytanie czytelnika. H3 wchodzi tam, gdzie sekcja H2 wymaga dalszego podziału. H4–H6 używane są rzadko — zazwyczaj przy bardzo rozbudowanej dokumentacji technicznej lub kompleksowych poradnikach. Unikaj używania H3 tylko dlatego, że chcesz wyróżnić tekst — do wyróżnień służy <strong> i klasy CSS, nie hierarchia nagłówków.
| Tag | Zastosowanie | Liczba na stronie | Waga SEO |
|---|---|---|---|
| H1 | Główny temat strony | Dokładnie 1 | Bardzo wysoka |
| H2 | Główne sekcje / podtematy | 2–8 | Wysoka |
| H3 | Podsekcje H2 | Zależnie od treści | Średnia |
| H4–H6 | Głęboka hierarchia — rzadko potrzebna | Okazjonalnie | Niska |
FAQ — Heading Tags
Czy pominięcie poziomu nagłówka szkodzi SEO?
Pomijanie poziomów (np. przeskakiwanie z H2 do H4) nie jest oficjalnym czynnikiem penalizacyjnym, ale sygnalizuje słabą strukturę semantyczną i narusza standardy dostępności (WCAG). Google preferuje logiczną hierarchię, bo ułatwia rozumienie treści. Praktycznie: buduj hierarchię naturalnie — jeśli nie potrzebujesz H3, nie używaj go tylko żeby nie pomijać poziomu.
Czy mogę stylować H2 tak żeby wyglądało jak H1?
Tak — wygląd nagłówka jest kwestią CSS i nie ma znaczenia dla SEO. Możesz mieć H2 stylowane identycznie jak H1 — to, co ma znaczenie dla wyszukiwarek i dostępności, to hierarchia HTML, nie wizualny rozmiar. Oddzielaj semantykę (HTML) od prezentacji (CSS).