Baza wiedzy Zrób darmowy audyt

Nagłówki H1–H6 — jak ułożyć strukturę strony dla Google i AI

Aktualizacja: 18.10.2026

Nagłówki H1–H6 to spis treści zapisany w kodzie strony: H1 mówi, o czym jest cała strona, a H2–H6 dzielą ją na części. Google nie liczy ich jak w szkolnym zadaniu — kilka H1 czy nagłówki „nie po kolei” nie są dla niego problemem. Kłopot zaczyna się wtedy, gdy nagłówki nie opisują treści: H1 jest tytułem zupełnie innego wpisu, nagłówek jest pusty albo służy tylko do powiększenia czcionki.

Co mówi Google — bez dogmatów

  • Liczba H1 nie ma znaczenia. John Mueller z Google: „Możesz używać tagów H1 tak często, jak chcesz. Nie ma limitu, ani górnego, ani dolnego” oraz „strona może sobie świetnie radzić bez H1 albo z pięcioma H1”.
  • Kolejność też nie. Przewodnik Google dla początkujących (SEO Starter Guide) mówi wprost: porządek semantyczny nagłówków jest świetny dla czytników ekranu, ale z punktu widzenia wyszukiwarki nie ma znaczenia, czy używasz ich „nie po kolei”. Nie ma też idealnej liczby nagłówków.
  • Treść nagłówków ma znaczenie. Google zaleca dzielenie dłuższych tekstów na sekcje z nagłówkami, a tekst nagłówków jest jednym ze źródeł, z których buduje tytuł strony w wynikach wyszukiwania (więcej w artykule o tagu title).

Wniosek: nie poprawiaj nagłówków dla samej zgodności z regułką. Poprawiaj je, żeby czytelnik, robot Google i narzędzia AI od razu widzieli, o czym jest strona i z jakich części się składa. Porządna hierarchia pomaga przede wszystkim osobom korzystającym z czytników ekranu — dla nich to realna nawigacja. O tym, jak treść jest wybierana do odpowiedzi AI, piszemy w artykule o widoczności w wyszukiwarkach AI.

Co dokładnie wykrył audyt

  • Brak nagłówka H1 (do poprawy) — na stronie nie ma żadnego H1. Najczęściej na stronie głównej zbudowanej z sekcji (slider, kafelki, „O nas”), gdzie żaden tekst nie jest oznaczony jako główny nagłówek.
  • H1 to link do innej strony (do poprawy) — główny nagłówek prowadzi pod inny adres w Twojej domenie. Typowy przypadek: motyw blogowy, który na stronie głównej wyświetla listę wpisów i każdy tytuł wpisu oznacza jako H1 z linkiem. Wtedy pierwszym H1 strony głównej jest tytuł najnowszego wpisu, a nie opis tego, czym zajmuje się firma.
  • H1 to logo z linkiem do strony głównej (do poprawy) — osobny komunikat dla podstron: motyw oznacza logo jako H1 na każdej stronie, więc H1 nie opisuje tej konkretnej podstrony. Logo nie powinno być w H1 poza stroną główną — zmień w motywie znacznik logo na zwykły element, a tytuł strony oznacz jako H1.
  • Kilka nagłówków H1 (kosmetyka) — informacja, nie błąd. Dla Google to nie problem; jeden wyraźny H1 po prostu porządkuje stronę.
  • Puste nagłówki (kosmetyka) — znacznik nagłówka bez tekstu. Zostają po usuniętej treści w edytorze, bywają w motywach jako „ozdobniki”. Nagłówek, w którym jest tylko obrazek z opisem alt (np. logo) albo element z atrybutem aria-label, nie jest liczony jako pusty — alt i etykieta to jego treść. Pustym jest dopiero obrazek bez altu.
  • Przeskoki poziomów (kosmetyka) — po H2 od razu H4, po H1 od razu H3 itp. Audyt pokazuje, które przejścia znalazł, np. „H2 → H4”. Komunikat zaznacza, że Google nie ocenia kolejności nagłówków — uporządkowana hierarchia ułatwia czytanie (także czytnikom ekranu) i porządkuje treść.

Puste nagłówki i przeskoki to w praktyce najczęściej objaw jednej przyczyny: nagłówków użytych do stylowania. Ktoś chciał mniejszy, pogrubiony tekst, więc wybrał „Nagłówek 4”. Albo motyw ma w stopce i panelu bocznym tytuły widżetów jako H2–H4 („Kontakt”, „Ostatnie wpisy”, „Darmowa dostawa”). Sam przeskok nie zaszkodzi pozycjom, ale taki nagłówek nie opisuje żadnej sekcji treści.

Jak sprawdzić samemu

  1. Kod strony. Otwórz stronę, naciśnij Ctrl+U (na Macu Cmd+Option+U), potem Ctrl+F i wpisz <h1. Zobaczysz, ile jest H1 i co jest w środku — tekst, link (<a href=) czy obrazek (<img).
  2. Pełna lista nagłówków. Naciśnij F12, przejdź do zakładki Console (Konsola), wklej i zatwierdź Enterem:
    document.querySelectorAll('h1,h2,h3,h4,h5,h6').forEach(h => console.log(h.tagName, '|', h.textContent.trim()));

    Dostaniesz nagłówki w kolejności z kodu. Od razu widać puste pozycje, przeskoki i nagłówki ze stopki czy menu.

  3. Test „spisu treści”. Przeczytaj samą listę nagłówków. Jeśli ktoś, kto nie widzi strony, zrozumie z niej, o czym jest i co zawiera — struktura jest dobra, niezależnie od tego, czy kolejność jest idealna.

Jak naprawić

WordPress — motywy blokowe (edytor witryny)

W nowszych motywach (np. Twenty Twenty-Four, Twenty Twenty-Five) nagłówki stron list ustawia się w szablonach:

  1. Wygląd → Edytor → Szablony → wybierz szablon strony głównej lub bloga (zwykle „Strona główna”, „Blog” albo „Indeks”).
  2. W bloku Pętla zapytania kliknij blok tytułu wpisu i na pasku narzędzi bloku zmień poziom nagłówka z H1 na H2 (albo H3). Opcja „Utwórz link z tytułu” może zostać — link w H2 nie jest problemem.
  3. Jeśli strona główna nie ma H1, dodaj nad listą blok Nagłówek ustawiony na H1 z opisem tego, czym się zajmujesz. Możesz też zmienić poziom bloku Tytuł witryny — WordPress pozwala wybrać H1–H6 albo akapit.
  4. Zapisz szablon i wyczyść cache (wtyczka cache, LiteSpeed, Cloudflare).

WordPress — motywy klasyczne

Jeśli strona główna pokazuje „Twoje najnowsze wpisy” (Ustawienia → Czytanie), a motyw oznacza tytuły wpisów na liście jako H1, masz dwie drogi:

  • Prostsza: ustaw w Ustawienia → Czytanie stronę główną jako „Stronę statyczną”, przygotuj na niej własną treść z jednym H1, a listę wpisów przenieś na osobną stronę bloga.
  • Zmiana w motywie: w szablonie listy wpisów (zwykle index.php, home.php albo template-parts/content.php) tytuł wpisu ma być H1 tylko na stronie pojedynczego wpisu, a na listach H2. Zmieniaj to w motywie potomnym (child theme), inaczej aktualizacja motywu cofnie poprawkę.

Na stronie statycznej bez H1 sprawdź, czy motyw nie ukrywa tytułu strony (opcje typu „Ukryj tytuł”/„Disable title” w ustawieniach strony lub motywu). Jeśli tytuł jest celowo ukryty, dodaj H1 w treści.

WordPress — edytor blokowy (Gutenberg) w treści

Kliknij nagłówek, na pasku narzędzi bloku kliknij ikonę poziomu (np. „H4”) i wybierz właściwy. W treści wpisu używaj H2 dla głównych części i H3 dla podpunktów — H1 to zwykle tytuł wpisu, który dodaje motyw. Tekst, który ma być tylko większy lub wyróżniony, zamień na Akapit i powiększ czcionkę w panelu bloku (Typografia → Rozmiar). Puste bloki nagłówków usuń.

Elementor

W widżecie Nagłówek (Heading) w zakładce Treść jest pole Znacznik HTML (HTML Tag) — do wyboru H1–H6, div, span lub p. Dla jednego, głównego nagłówka strony ustaw H1, dla tytułów sekcji H2. Napisy dekoracyjne („Zobacz więcej”, „Dlaczego my?”) przestaw na p albo div — wygląd się nie zmieni, jeśli styl jest ustawiony w samym widżecie. Sprawdź też, czy w ustawieniach strony nie jest włączone ukrywanie tytułu.

Shopify

W popularnym motywie Dawn i wielu motywach na nim opartych H1 strony głównej to logo lub nazwa sklepu w nagłówku. Na stronie produktu H1 to nazwa produktu, na kolekcji — nazwa kolekcji, i to jest w porządku. Jeśli chcesz, żeby H1 strony głównej opisywał ofertę:

  1. W panelu: Sklep online → przy motywie menu z trzema kropkami → Edytuj kod. Najpierw zrób kopię motywu (Duplikuj).
  2. W pliku sections/header.liquid logo jest opakowane w <h1> warunkiem request.page_type == 'index'. Zamiast H1 użyj tam div, a H1 nadaj tytułowi pierwszej sekcji strony głównej (np. banera) — wymaga to zmiany w pliku tej sekcji.

Jeśli nie edytujesz kodu, zostaw logo jako H1 — Google sobie z tym poradzi. Audyt nie zgłosi takiego H1 jako pustego, jeśli obrazek logo ma opis alt — bez altu policzy go jako pusty nagłówek.

PrestaShop

Domyślny motyw Classic na stronie głównej opakowuje logo w H1 (plik templates/_partials/header.tpl), a na kartach produktu i kategorii H1 to ich nazwa. Zmiana wymaga edycji szablonu — najlepiej w motywie potomnym, bo aktualizacja motywu nadpisze plik. Wiele motywów komercyjnych ma własne ustawienia nagłówka strony głównej; sprawdź opcje motywu w Wygląd → Motyw i logo lub w module konfiguracyjnym motywu. W opisach produktów i kategorii nagłówki zmieniasz w edytorze tekstu (lista „Akapit/Nagłówek” na pasku) — ta sama zasada: H2 i H3 dla sekcji, nie do powiększania tekstu.

Shoper

Na stronie głównej Shopera układ budujesz z modułów i ramek; to, czy któryś tekst jest H1, zależy od szablonu graficznego. Sprawdź w kodzie strony (punkt 1 wyżej), co jest H1. W opisach kategorii, produktów i na stronach informacyjnych nagłówki ustawiasz w edytorze tekstu — wybierz z listy formatów właściwy poziom nagłówka zamiast pogrubiania czy powiększania. Jeśli H1 na stronie głównej brakuje albo jest nim logo, a szablon nie daje opcji zmiany, potrzebna jest edycja szablonu przez osobę z dostępem do jego plików albo zgłoszenie do pomocy technicznej Shopera.

Jak sprawdzić, że naprawione

  1. Otwórz stronę w oknie prywatnym (żeby ominąć cache) i powtórz test z konsolą — lista nagłówków powinna zaczynać się od H1 opisującego stronę, bez pustych pozycji.
  2. Uruchom audyt ponownie.
  3. Dla ważnych stron w Google Search Console wpisz adres w Sprawdzenie adresu URL, kliknij Testuj URL na żywo i obejrzyj zrenderowany kod. Jeśli wszystko się zgadza, możesz kliknąć Poproś o zindeksowanie.

Google odczyta nowe nagłówki przy kolejnej wizycie robota — zwykle od kilku dni do kilku tygodni. Nie spodziewaj się skoku pozycji z samej zmiany znaczników; zmiana ma sens, gdy nagłówki lepiej opisują treść, którą faktycznie masz na stronie.

Kiedy warto poprosić o pomoc

Jeśli H1 siedzi w kodzie motywu, a nie w treści, poprawka oznacza edycję szablonu — w motywie potomnym i z kopią zapasową, żeby kolejna aktualizacja jej nie cofnęła. Gdy nie masz dostępu do plików albo nie chcesz ryzykować wyglądu sklepu, zleć to osobie, która opiekuje się stroną. IF.PL robi SEO i strony WWW, więc możemy też przejrzeć nagłówki razem z resztą treści, np. z linkowaniem wewnętrznym.

Źródła

cross