Nagłówki H1–H6 — jak ułożyć strukturę strony dla Google i AI
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
- 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). - 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.
- 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:
- Wygląd → Edytor → Szablony → wybierz szablon strony głównej lub bloga (zwykle „Strona główna”, „Blog” albo „Indeks”).
- 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.
- 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.
- 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.phpalbotemplate-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ę:
- W panelu: Sklep online → przy motywie menu z trzema kropkami → Edytuj kod. Najpierw zrób kopię motywu (Duplikuj).
- W pliku
sections/header.liquidlogo jest opakowane w<h1>warunkiemrequest.page_type == 'index'. Zamiast H1 użyj tamdiv, 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
- 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.
- Uruchom audyt ponownie.
- 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
- Google Search Central — Przewodnik dla początkujących (SEO Starter Guide), sekcja o liczbie i kolejności nagłówków
- Google Search Central — Linki tytułowe w wynikach wyszukiwania
- Google Search Central (YouTube) — Multiple H1 Headings: How to Handle Them for SEO & Accessibility?
- Google Webmaster Central office-hours, 27.09.2019 — John Mueller o H1 (23:47)
- MDN — elementy nagłówków h1–h6 (dostępność i kolejność)
- WordPress — blok Nagłówek
- WordPress — blok Tytuł witryny (zmiana poziomu nagłówka)
- WordPress — blok Tytuł (w pętli zapytania)
- Elementor — widżet Heading
- Shopify — edycja kodu motywu
- Shopify Dawn — sections/header.liquid (logo w H1 na stronie głównej)
- PrestaShop Classic — templates/_partials/header.tpl (logo w H1 na stronie głównej)