W tym artykule13 sekcji
Nagłówki to śródtytuły, które dzielą stronę na sekcje i pokazują, o czym jest każda z nich. W kodzie mają sześć poziomów, od H1 do H6, a ich kolejność pomaga czytelnikom szybciej znaleźć odpowiedź, a Google zrozumieć temat. Wyjaśniamy, jak je stosować, jak pisać tytuły sekcji, które przyciągają uwagę odbiorcy, i jak sprawdzić, czy na stronie nie ma błędów.
Czym jest nagłówek HTML i jakie są rodzaje nagłówków?
Nagłówek to element strony, który oznacza tytuł sekcji za pomocą odpowiednich tagów HTML. Standard przewiduje sześć poziomów nagłówków. Pierwszy poziom to główny temat strony, drugi dzieli ją na najważniejsze części, trzeci rozbija je na podpunkty, a nagłówki H4 i niższe służą do dalszego, rzadziej potrzebnego podziału.
W składni języka HTML wygląda to tak: <h2>Tytuł sekcji</h2>. Znacznik niesie informację o strukturze, a nie o wyglądzie, więc rozmiar i kolor ustawia się w CSS. Pogrubiony, powiększony akapit tylko wygląda jak tytuł sekcji, ale dla przeglądarki, Google i czytnika ekranu pozostaje zwykłym tekstem.
Warto odróżnić nagłówek w kodzie od tytułu, który widzi użytkownik. Zwykle to ten sam tekst, ale bywa, że w szablonie duży, marketingowy napis nad sekcją jest zwykłym blokiem, a właściwy nagłówek stoi niżej. Dla wyszukiwarki i czytnika liczy się to, co oznaczono w kodzie.
Jak zrobić nagłówek?
- Wybierz tekst, który ma być tytułem sekcji, i ustal jego rangę.
- Oznacz go odpowiednim poziomem (w typowym wpisie wystarczą nagłówki od H1 do H3) albo wybierz poziom w edytorze. W WordPressie służy do tego blok Nagłówek.
- Zadbaj o jeden H1 na stronę, który opisuje główny temat.
- Kolejne poziomy stosuj po kolei, bez przeskakiwania z drugiego na czwarty.
- Wygląd zmieniaj w stylach, a nie przez zmianę poziomu.
Jak zbudować logiczną strukturę nagłówków na stronie?
Nagłówki tworzą szkielet dokumentu, który odczytują przeglądarki, roboty wyszukiwarek i czytniki ekranu. Ludzie z kolei rzadko czytają linijka po linijce. Badania eyetrackingowe Nielsen Norman Group pokazały, że wzrok często przebiega po tekście we wzór litery F, więc tytuły sekcji są tym, co odbiorca widzi najpierw.
Przykład dla poradnika o rowerach:
- H1 - temat całej strony, np. "Jak wybrać rower trekkingowy",
- H2 - główne sekcje, np. "Rama", "Napęd", "Hamulce",
- H3 - podpunkty w sekcjach, np. pod "Hamulce": "Tarczowe" i "V-brake",
- H4 - dalszy podział, potrzebny głównie w długich poradnikach i dokumentacji.
Nagłówki niższego poziomu zawsze powinny mieścić się w temacie nadrzędnej sekcji: nagłówek H2 zapowiada temat, a nagłówek H3 jego wycinek. Hierarchia nagłówków odzwierciedla wtedy relacje między fragmentami, a cała hierarchia treści staje się czytelna. Każdy nagłówek poziomu drugiego otwiera osobny wątek. Od 2022 roku specyfikacja HTML nie przewiduje już algorytmu konspektu, więc o randze decyduje sam poziom, a nie zagnieżdżenie w elementach section czy article.
Nagłówek H1 a meta title
Meta title, czyli element title w sekcji head, to tytuł widoczny w wynikach wyszukiwania i na karcie przeglądarki. Pierwszy nagłówek stoi w treści i otwiera ją dla czytelnika.
Cecha | Meta title | Pierwszy nagłówek |
|---|---|---|
Miejsce w kodzie | sekcja head | treść strony (body) |
Liczba | jeden na stronę | zalecany jeden na stronę |
Gdzie widać | wyniki Google, karta przeglądarki | na samej stronie |
Zadanie | zachęcić do kliknięcia | potwierdzić temat i otworzyć tekst |
Oba powinny dotyczyć tego samego tematu, ale nie muszą być identyczne. Tytuł w wynikach może zawierać markę i być krótszy, a ten na stronie bardziej opisowy. Google nie zawsze pokazuje meta title: gdy uzna go za mylący lub zbyt długi, buduje tytuł z innych elementów, często właśnie z głównego nagłówka. Jak wygląda Twoja strona w wynikach wyszukiwania, sprawdzisz w Google Search Console.
Znaczenie dla SEO - jak nagłówki wpływają na pozycjonowanie stron internetowych?
Google czyta nagłówki jak spis treści: wnioskuje z nich, czego dotyczy strona, jak podzielono temat i które fragmenty odpowiadają na konkretne pytania. Sam poziom nie podbija pozycji, a optymalizacja tytułów sekcji należy do najprostszych prac przy stronie. Liczy się zgodność tytułu sekcji z treścią pod nim.
Największą wartość dają słowa kluczowe w nagłówkach użyte naturalnie. W tekście o wizytówce firmy dobrze brzmi tytuł sekcji "Jak zdobywać opinie od klientów", a wymuszone "Wizytówka Google Warszawa tanio wizytówka Google" psuje czytelność i niczego robotowi nie dodaje. Fraza główna wystarczy w H1, a niżej jej odmiany, synonimy i pytania, które zadają użytkownicy.
Dobrze zbudowany układ otwiera też drogę do wyróżnionych fragmentów. Gdy pod tytułem w formie pytania stoi zwięzła odpowiedź, Google ma gotowy materiał do pokazania nad zwykłymi wynikami, zwłaszcza przy listach kroków. Poziom podpowiada przy tym zakres: jeśli H3 obejmuje szerszy temat niż otaczająca go sekcja, sygnał jest sprzeczny. Ogólnik typu "Informacje" nic nie mówi i nie pomaga dopasować strony do zapytania.
Z punktu widzenia SEO efekt widać zwłaszcza w długim ogonie. Strona, w której tytuły sekcji odpowiadają na podzapytania, częściej wyświetla się na dodatkowe frazy. Sprawdzisz to w raporcie Skuteczność w Search Console: po przebudowie śledź liczbę zapytań, na które strona się pojawia.
Jak pisać nagłówki, które odpowiadają na intencję czytelnika?
Dobry nagłówek zapowiada dokładnie to, co jest pod nim, i używa języka, którym czytelnik opisuje swój problem. Zanim go napiszesz, ustal intencję: czy ktoś chce się czegoś dowiedzieć ("czym jest", "jak działa"), porównać opcje ("X czy Y"), czy załatwić sprawę ("cennik", "zamów").
Sprawdzają się cztery formy:
- pytanie, np. "Ile kosztuje przegląd klimatyzacji?", które odpowiada wprost na zapytanie i pasuje do FAQ,
- konkret z liczbą, np. "5 błędów, które spowalniają sklep", który obiecuje coś policzalnego,
- korzyść, np. "Jak skrócić czas ładowania o połowę", która mówi, co czytelnik zyska,
- zwykłe nazwanie tematu, np. "Hamulce tarczowe", często najlepsze w poradnikach i dokumentacji.
Chwytliwy nagłówek przyciąga uwagę, ale musi dotrzymać obietnicy. Clickbait w stylu "Nie uwierzysz, co się stało" może podnieść liczbę kliknięć, ale odbiorca, który nie znajdzie odpowiedzi, szybko wraca do Google. Najlepszy tytuł łączy konkret z ciekawością i nie obiecuje więcej, niż daje tekst.
Jaka długość nagłówka jest optymalna?
Sztywnego limitu znaków nie ma. Praktyczna zasada: tytuły H2 i H3 mają się zmieścić w jednej, najwyżej dwóch linijkach na telefonie, czyli zwykle w 60 do 70 znakach. Pierwszy nagłówek może być dłuższy, ale jeśli Google weźmie go do wyników zamiast meta title, utnie tekst po mniej więcej 50 do 60 znakach. Krótko nie zawsze znaczy dobrze: "Ceny" jest krótkie, ale "Ile kosztuje przegląd klimatyzacji?" mówi więcej i lepiej pasuje do zapytania.
Nagłówki w marketingu i copywritingu
W marketingu tytuł decyduje, czy ktoś w ogóle przeczyta resztę, bo to on wygrywa walkę o uwagę czytelnika. David Ogilvy pisał, że nagłówek czyta średnio pięć razy więcej osób niż sam tekst reklamy. Na landing page'u pierwszy tytuł i pierwsza sekcja muszą w kilka sekund powiedzieć, co oferujesz i dla kogo, a kolejne prowadzą przez korzyści, dowody i odpowiedzi na obiekcje aż do przycisku. Tak samo działa to na blogu: czytelnik, który po tytułach sekcji widzi odpowiedź na swoje pytanie, częściej przewinie stronę do końca i kliknie w ofertę.
Typowe błędy w stosowaniu nagłówków HTML
Błąd | Skutek | Jak naprawić |
|---|---|---|
brak głównego tytułu albo kilka o różnych tematach | niejasny temat strony | jeden główny tytuł z tematem strony |
pomijanie poziomów, np. czwarty wprost pod drugim | czytnik ekranu sugeruje brakującą sekcję | kolejne nagłówki po kolei |
pogrubiony tekst zamiast tytułu sekcji | sekcja niewidoczna dla Google i czytników | oznaczenie właściwym poziomem |
poziom wybrany dla wyglądu | chaos w spisie treści | rozmiar ustawiany w stylach |
upychanie fraz kluczowych | nienaturalne brzmienie, sygnał spamu | naturalne odmiany zapytania |
ogólniki: "Wstęp", "Informacje", "Więcej" | brak informacji o zawartości | tytuł, który mówi, co jest w sekcji |
tytuły w stopce, menu i widgetach | zaśmiecona struktura | zwykłe elementy w szablonie |
puste lub ukryte nagłówki | błędy dostępności | usunięcie z kodu |
Google przyznaje, że kilka tytułów pierwszego poziomu mu nie przeszkadza, ale jeden główny tytuł ułatwia orientację czytelnikom i osobom korzystającym z czytników ekranu. Najczęstsze źródło problemów to szablony i kreatory stron, które same dokładają tytuły w nagłówku witryny, sidebarze czy stopce.
Nagłówki a UX i dostępność
Dobre używanie nagłówków porządkuje treści strony internetowej jak tablice na lotnisku: nie trzeba czytać wszystkiego, wystarczy wiedzieć, w którą stronę iść. Osoba, która trafiła na długi poradnik, zerka na tytuły sekcji, ocenia, czy jest tam odpowiedź na jej pytanie, i dopiero wtedy czyta dalej. Gdy tytuły są nijakie albo ułożone chaotycznie, wychodzi, zanim dotrze do sedna.
Największą różnicę widać u osób korzystających z czytników ekranu. Czytniki odczytują listę nagłówków i pozwalają przeskakiwać między nimi klawiszem, więc dla osoby niewidomej ta lista bywa jedyną mapą strony. Gdy zamiast tytułu sekcji w kodzie stoi pogrubiony tekst, czytnik go nie rozpozna. Wytyczne WCAG wymagają, by struktura była oznaczona w kodzie (kryterium 1.3.1), a tytuły sekcji opisywały ich zawartość (kryterium 2.4.6).
Cecha | Tytuły uporządkowane | Tytuły chaotyczne |
|---|---|---|
Skanowanie | po samych tytułach widać zarys całości | trzeba czytać cały tekst |
Czytnik ekranu | lista działa jak spis treści | brak lub błędne poziomy |
Telefon | tytuły rozbijają ścianę tekstu | długie bloki bez punktów zaczepienia |
Dobrze skonstruowane nagłówki opisują zawartość strony bez czytania reszty. Prosty test nie wymaga narzędzi: wypisz same tytuły jeden pod drugim i sprawdź, czy obca osoba zrozumie z nich, o czym jest strona. Jeśli lista brzmi "Wstęp", "Informacje", "Więcej", "Dodatkowe uwagi", to czytelnik wyczyta z niej tyle samo co czytnik ekranu, czyli niewiele.
Jak sprawdzić poprawność nagłówków na stronie?
- Kod strony: Ctrl+U albo "Zbadaj element" (F12) w przeglądarce pokażą, jakim poziomem oznaczono każdy tytuł.
- Rozszerzenia przeglądarki: HeadingsMap, Web Developer czy Detailed SEO Extension wyświetlają drzewo nagłówków jednej strony i od razu pokazują przeskoki poziomów.
- Lighthouse w Chrome: audyt dostępności zgłasza tytuły, które nie zachowują kolejności poziomów.
- WAVE od WebAIM: pokazuje strukturę i błędy dostępności na tle strony.
- Crawlery SEO: Screaming Frog i podobne narzędzia sprawdzają wszystkie podstrony naraz i wypisują brakujące, zduplikowane lub zbyt długie tytuły pierwszego poziomu.
Szczegóły standardu opisują MDN i specyfikacja WHATWG, wymagania dostępności wytyczne WCAG, a zalecenia wyszukiwarki dokumentacja Google Search Central. Przy zmianach w szablonie warto sprawdzić nie tylko jeden wpis, ale kilka typów podstron: stronę główną, kategorię, produkt i artykuł.
AI w tworzeniu nagłówków
AI pomaga szybko tworzyć nagłówki, bo model językowy dobrze radzi sobie z produkcją wariantów różniących się tonem, długością i konstrukcją. Pomaga przełamać pierwszy, najbardziej oczywisty pomysł i przeformułować nijaki tytuł, np. "Informacje o cenach", na wersję z konkretną obietnicą.
Jakość zależy od polecenia. Prośba "wymyśl nagłówki do artykułu o SEO" da ogólniki. Lepiej podać główne zapytanie i poboczne, intencję czytelnika, poziom w strukturze oraz zarys tekstu pod spodem. Dobrze działa też zakaz: bez clickbaitu i bez powtarzania tego samego słowa w każdym tytule.
- Wklej szkic tekstu sekcji, a nie sam temat, żeby propozycje opierały się na rzeczywistej treści.
- Wskaż poziom, np. podpunkt w obrębie sekcji, bo zakres powinien odpowiadać randze.
- Poproś o kilka wariantów: pytanie, konkret z liczbą, zwykłe nazwanie tematu.
- Odrzuć propozycje obiecujące więcej, niż mówi tekst.
- Porównaj propozycje z treścią na stronie, a gotowe tytuły przeczytaj jako listę i sprawdź, czy da się z niej odczytać zarys artykułu.
AI nie wie, co konkurencja już zajęła w Google, i potrafi napisać tytuł elegancki, ale pasujący do innej treści. Zdarzają się też nienaturalne odmiany i kalki z angielskiego. Decyzja o głównym tytule i meta title powinna należeć do człowieka, bo te elementy najmocniej wpływają na klikalność. Gotowy układ obejrzyj jeszcze raz w kodzie, bo edytory i generatory tekstu lubią po cichu dorzucać dodatkowe tytuły albo pomijać poziomy.
Najczęściej zadawane pytania
Ile nagłówków H1 może mieć strona?
Technicznie dowolnie wiele, a Google nie karze za kilka. Zalecany jest jednak jeden, z głównym tematem, bo ułatwia orientację czytelnikom i czytnikom ekranu.
Czy warto używać niższych poziomów, od czwartego w dół?
Tak, gdy tekst jest długi i sekcje trzeciego poziomu mają własne podpunkty, np. w dokumentacji czy rozbudowanym poradniku. W typowym wpisie blogowym zwykle wystarczą trzy pierwsze poziomy.
Czy nagłówki mają wpływ na SEO?
Pośrednio tak. Nie są samodzielnym czynnikiem rankingowym, ale pomagają Google zrozumieć temat i podział strony, zwiększają szansę na wyróżniony fragment i poprawiają czytelność, a to wpływa na zachowanie użytkowników.