Spędziłeś godziny na tworzeniu idealnej strony WordPress. Treść jest solidna. Słowa kluczowe są na miejscu. Twoja wtyczka SEO pokazuje zielony znacznik.
Ale otwórz narzędzia programistyczne przeglądarki i sprawdź strukturę nagłówków, a zobaczysz coś, co może po cichu zabić Twój ruch organiczny: zepsutą hierarchię nagłówków. Dwa znaczniki H1. Tytuł witryny zawinięty w
. Sekcje przeskakujące z H2 prosto do H4. A co gorsza — brak H1 w ogóle.
To nie jest błąd początkującego. To problem strukturalny wpisany w sposób, w jaki WordPress, motywy, kreatory stron i edytor Gutenberg wchodzą w interakcje — a większość właścicieli witryn nigdy nie wie, że to się dzieje.
Ten przewodnik powstał, aby to naprawić. Niezależnie od tego, czy jesteś właścicielem witryny WordPress zarządzającym własnymi treściami, czy agencją budującą strony dla dziesiątek klientów, po lekturze będziesz dokładnie wiedzieć, jak przeprowadzić audyt, zdiagnozować i trwale rozwiązać problem kolejności nagłówków w WordPressie.
Czym jest znacznik H1 i dlaczego ma znaczenie w WordPressie?
Znacznik H1 (
) to element nagłówka HTML najwyższego poziomu. W semantycznym HTML sygnalizuje przeglądarkom, wyszukiwarkom i technologiom wspomagającym: „To jest główny temat tej strony”.
Pomyśl o znacznikach nagłówków jak o konspekcie dokumentu:
H1 – Main page title (only one per page)
├── H2 – First major section
│ ├── H3 – Subsection
│ └── H3 – Another subsection
├── H2 – Second major section
│ ├── H3 – Subsection
│ │ └── H4 – Detail within subsection
└── H2 – Third major section
Pomiń poziom — przeskakując z H2 do H4 — a zepsujesz konspekt. Użyj dwóch H1, a stworzysz niejednoznaczność strukturalną. Użyj znaczników H3 do stylizacji wizualnej, a wprowadzisz „duchy nagłówków”, które dezorientują roboty indeksujące.
W WordPressie staje się to szybko skomplikowane. W przeciwieństwie do statycznej strony HTML, gdzie każdy znacznik piszesz ręcznie, WordPress generuje znaczniki nagłówków z co najmniej czterech różnych źródeł jednocześnie: szablonu nagłówka motywu, tytułu wpisu, treści edytora oraz wszelkich widżetów lub modułów kreatora stron, które dodałeś.
In July 2026, Google’s Gary Illyes addressed this directly during the SEO Office Hours podcast: arranging headings in semantic order is genuinely helpful for accessibility (especially screen reader users), but it doesn’t significantly impact Google’s ranking algorithms. John Mueller has also stated that multiple H1 tags on a page don’t confuse crawlers and have zero direct SEO impact.
Czy to w ogóle ma znaczenie?
Tak — ale nie z powodów, o których mówi większość poradników SEO.
Prawdziwe powody, dla których warto dbać o strukturę nagłówków w WordPressie, to:
Zgodność z zasadami dostępności — Kryterium sukcesu 1.3.1 WCAG 2.1 wymaga, aby informacje i relacje były możliwe do określenia programowo. Zepsuta hierarchia nagłówków nie spełnia tego wymogu.
Możliwość indeksowania i sygnały dla treści — Choć Google potrafi analizować niechlujny kod, czysty znacznik H1 daje najjaśniejszy możliwy sygnał dotyczący tematu strony, co ma znaczenie w niejednoznacznych przypadkach.
Doświadczenie użytkownika i czas przebywania na stronie — Czytelnicy skanują nagłówki. Logiczna hierarchia pomaga im w nawigacji i zachęca do dłuższego pozostania na stronie — oba te czynniki są pośrednimi sygnałami rankingowymi.
Czystość audytu technicznego — W przypadku agencji problemy z nagłówkami pojawiają się w każdym narzędziu audytowym (Screaming Frog, Ahrefs, SEMrush, Rank Math, Yoast). Raporty dla klientów wyglądają źle, nawet jeśli bezpośredni wpływ na ranking jest dyskusyjny.
Jak WordPress generuje znaczniki nagłówków: cztery źródła konfliktów
Zrozumienie dlaczego struktura nagłówków w WordPressie ulega zepsuciu, wymaga zrozumienia czterech miejsc, z których są one generowane.
Źródło 1: Szablon nagłówka motywu
Większość motywów WordPress wyświetla tytuł witryny w obszarze nagłówka. Starsze i słabo zakodowane motywy umieszczają go w znaczniku
— na każdej stronie. Oznacza to, że każda strona w Twojej witrynie zaczyna się od tego samego H1: nazwy Twojej marki.
Następnie, gdy renderowany jest tytuł strony lub wpisu (który powinien być H1), staje się on albo drugim H1, albo zostaje zdegradowany do H2.
Oto jak wygląda to w pliku header.php:
php
// Broken — site title as H1 on every page
<h1><?php bloginfo('name'); ?></h1>
<h2><?php the_title(); ?></h2> // Post title wrongly demoted
zepsutego motywu. Jak powinno to wyglądać:
php
// Correct — site title is a link or span, post title is H1
<p class="site-title"><a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a></p>
<h1><?php the_title(); ?></h1>
To jeden z najczęstszych problemów z H1 w WordPressie i jest całkowicie niewidoczny, dopóki nie sprawdzisz źródła strony. Możesz mieć wtyczkę SEO, zielony wynik czytelności i doskonałą treść — a mimo to generować zduplikowane H1 na każdej stronie.
Źródło 2: Edytor blokowy Gutenberg
Edytor blokowy WordPress wprowadził celowe zmiany w zachowaniu H1. Domyślnie Gutenberg ogranicza opcję H1 w bloku nagłówka — zakłada się, że tytuł wpisu jest już renderowany jako H1, więc nagłówki w obszarze treści powinny zaczynać się od H2.
W praktyce stwarza to dwa problemy:
Problem A: Niektóre motywy nie wyświetlają tytułu wpisu jako H1. Jeśli Twój motyw renderuje tytuł w znaczniku
lub
ze względów stylistycznych, a Gutenberg ukrył H1 w opcjach bloku nagłówka, kończysz z zerową liczbą znaczników H1 na stronie.
To dokładnie sytuacja zgłoszona w długotrwałym problemie na GitHubie w repozytorium Gutenberga — użytkownicy proszą o możliwość całkowitego usunięcia opcji H1 w konfiguracjach korporacyjnych i agencyjnych, gdzie H1 jest kontrolowane na poziomie szablonu. Problem ten podkreśla realne zamieszanie: domyślne zachowanie edytora i szablon motywu muszą być wyraźnie skoordynowane, ale WordPress nie zapewnia żadnej automatycznej kontroli w tym zakresie.
Problem B: Redaktorzy treści nadal mogą wybrać H1 w edytorze blokowym, zmieniając poziom nagłówka. Jeśli Twój motyw już wyświetla tytuł wpisu jako H1, dodanie przez redaktora kolejnego bloku H1 w obszarze treści tworzy duplikat — i nie pojawia się żadne ostrzeżenie.
Źródło 3: Kreatory stron (Elementor, Divi, Beaver Builder)
Kreatory stron są największym źródłem chaosu w hierarchii nagłówków w WordPressie.
Oto dlaczego: kreatory stron dają szczegółową kontrolę wizualną. Możesz przeciągnąć element tekstowy w dowolne miejsce, wystylizować go w dowolny sposób i przypisać dowolny poziom nagłówka. Jest to potężne narzędzie dla projektowania. Jest katastrofalne dla struktury.
Typowy problem z nagłówkami w kreatorze stron wygląda tak:
Sekcja Hero: H1 (poprawnie) ✓
Tytuł sekcji funkcji: H3 (pominięto H2, wybrano, bo „wygląda lepiej”) ✗
Tytuł obszaru widgetu: H2 (wygląda jak nagłówek sekcji, ale jest tylko tytułem widgetu paska bocznego) ✗
Nagłówek opinii: H4 (brak H3 powyżej) ✗
Nagłówek CTA: H2 (powrót do wyższego poziomu, teraz konspekt jest całkowicie nieliniowy) ✗
Rezultatem jest struktura nagłówków, która jest spójna wizualnie, ale semantycznie bezsensowna. Czytniki ekranu i roboty indeksujące otrzymują konspekt treści, który skacze jak zepsuty spis treści.
Dokumentacja InspectWP wyraźnie identyfikuje ten wzorzec: autorzy i użytkownicy kreatorów stron wybierają poziomy nagłówków na podstawie tego, jak wyglądają zamiast ich logicznego znaczenia — jeśli H3 ma odpowiedni rozmiar wizualny, wybierają H3, nawet jeśli powyżej nie ma H2.
Źródło 4: Widgety i komponenty motywu
Obszary widgetów WordPressa — paski boczne, stopki, moduły nagłówka — często wyświetlają własne nagłówki. Widget „Ostatnie wpisy” może być renderowany jako H2. Baner promocyjny wbudowany w motyw może używać H3. Żaden z nich nie jest częścią konspektu treści, ale pojawiają się w strukturze nagłówków strony.
Tworzy to „szum” nagłówkowy, który zawyża pozorną złożoność konspektu i może wypchnąć nagłówki treści z ich właściwej pozycji hierarchicznej.
5 najczęstszych problemów z H1 i hierarchią nagłówków w WordPressie
Problem 1: Tytuł witryny jest zawinięty w H1 na każdej stronie
Jak to wygląda: Każda strona w Twojej witrynie ma dwa znaczniki H1 — nazwę witryny i tytuł wpisu.
Kogo to dotyczy: Witryn korzystających ze starszych motywów, słabo zbudowanych motywów premium lub dowolnego motywu, w którym programista użył
do brandingu witryny.
Jak to wykryć: Kliknij prawym przyciskiem myszy na dowolnej stronie → Zbadaj → wyszukaj
w panelu Elementy. Jeśli widzisz nazwę swojej witryny zawiniętą w H1 w sekcji , masz ten problem.
Jak to naprawić:
Opcja 1: Edycja motywu potomnego (podejście programistyczne) W pliku swojego motywu potomnego header.php, znajdź miejsce wyświetlania tytułu witryny i zmień
Uwaga: to ukrywa wizualny problem z H1, ale nie naprawia kwestii strukturalnej. Znacznik H1 pozostaje w kodzie.
Opcja 3: Przełącz się na dobrze ustrukturyzowany motyw Motywy zgodne ze standardami kodowania WordPress (Twenty Twenty-Four, Kadence, GeneratePress, Astra) obsługują to poprawnie od razu po instalacji. Jeśli Twój obecny motyw ma ten problem, a nie jesteś programistą, zmiana motywu jest często najpewniejszym rozwiązaniem.
Problem 2: Brak H1 na stronie głównej
Jak to wygląda: Twoja strona główna nie ma żadnych znaczników H1. Wtyczki SEO zgłaszają „Nie znaleziono H1”.
Kogo to dotyczy: Witryny używające logo do brandingu (ukrywające tytuł witryny), witryny używające statycznej strony głównej bez widocznego tytułu lub witryny, w których szablon strony głównej motywu nie wywołuje the_title().
Jest to realny i powracający problem na forach wsparcia WordPressa. Przyczyną jest zazwyczaj następująca sekwencja: tytuł witryny jest ustawiony tak, aby wyświetlał się w nagłówku, ale użytkownik go ukrywa (lub zastępuje logo), usuwając jedyny znacznik H1 ze strony. Ponieważ strona główna często nie ma „tytułu wpisu” w taki sposób, jak wpis na blogu, nie jest generowany automatyczny znacznik H1.
Jak to naprawić:
Dla strony głównej: Dodaj H1 do sekcji hero lub szablonu strony. Może to być:
Widoczny nagłówek („Nazwa Twojej firmy | Kategoria usług”), który pełni również funkcję H1
Wizualnie ukryty H1 dodany za pomocą CSS (position: absolute; clip: rect(0 0 0 0);), który zapewnia znacznik semantyczny bez zakłócania projektu wizualnego
W Gutenbergu: Dodaj blok Nagłówek na górze treści strony głównej, ustaw go jako H1 i włącz go do swojego przekazu głównego.
Problem 3: Pominięte poziomy nagłówków w treści
Jak to wygląda: Struktura treści przeskakuje z H2 bezpośrednio do H4 lub z H1 bezpośrednio do H3.
Kogo to dotyczy: Każdy, kto pisze długie treści i używa nagłówków do stylizacji wizualnej, a nie do struktury semantycznej.
Dlaczego to ma znaczenie: Jak zauważa InspectWP, pomijanie poziomów nagłówków zdarza się, gdy autorzy wybierają poziomy na podstawie wyglądu — H3 wygląda dobrze, więc go używają, niezależnie od tego, czy poprzedza go H2.
Jak wykryć to w Gutenbergu: Kliknij ikonę informacji (ⓘ) na górnym pasku narzędzi edytora bloków. Panel Konspekt dokumentu pokazuje każdy nagłówek w kolejności i oznacza pominięte poziomy ostrzeżeniem.
Jak to naprawić:
Przed publikacją sprawdź strukturę nagłówków za pomocą Konspektu dokumentu
Ustal przewodnik stylu treści dla swojego zespołu: H2 dla głównych sekcji, H3 dla podsekcji, H4 dla pod-podsekcji — nigdy nie pomijaj poziomów
Użyj analizy treści Yoast SEO lub Rank Math — obie wtyczki sygnalizują problemy ze strukturą nagłówków
Problem 4: Wiele znaczników H1 z kreatorów stron
Jak to wygląda: Strona zbudowana za pomocą Elementora lub Divi ma trzy lub cztery znaczniki H1, ponieważ każda główna sekcja ma własny nagłówek „H1” w stylu hero.
Jak to naprawić:
W Elementorze: Edytuj każdy widżet nagłówka → sprawdź ustawienie Znacznik HTML → ustaw tylko główny tytuł strony jako H1, a wszystkie pozostałe zmień na H2 lub H3, stosownie do potrzeb.
W Divi: Edytuj moduły nagłówków → w sekcji Zaawansowane → Znacznik HTML → zmień na właściwy poziom semantyczny.
W Beaver Builder: Każdy moduł nagłówka ma ustawienie „Znacznik nagłówka” w zakładce Styl. Sprawdź każdy z nich.
Problem 5: Problem z widocznością H1 w Gutenbergu
Jak to wygląda: Twój motyw nie wyświetla tytułu wpisu jako H1, a Gutenberg ukrył opcję H1 w bloku Nagłówek. Twoje strony nie mają H1.
Jak to naprawić:
Dla programistów zarządzających witryną, w której H1 musi znajdować się w obszarze treści, możesz przywrócić opcję H1 za pomocą filtra w pliku swojego motywu functions.php:
php
// Allow H1 in the Heading block
add_filter( 'allowed_block_types_all', function( $allowed_blocks ) {
return $allowed_blocks;
});
Alternatywnie przełącz się na widok „Edytuj jako HTML” dla bloku Nagłówek i ręcznie ustaw
w znacznikach.
W przypadku konfiguracji agencyjnych, gdzie chcesz uniemożliwić redaktorom dodawanie H1 (ponieważ szablon to kontroluje), użyj block_editor_settings_all filtra, aby ograniczyć poziomy nagłówków w edytorze.
Jak przeprowadzić audyt struktury nagłówków w WordPress (krok po kroku)
Metoda 1: Darmowa wtyczka SkySEOManager
Używać wtyczki SkySEOManager i jej wbudowanego analizatora SEO, aby znaleźć wszystkie problemy związane z nagłówkami.
Pokaże Ci wszystkie problemy z Twoimi tagami nagłówków.
Hierarchia H1 w WordPress: Lista kontrolna dla agencji
Jeśli tworzysz lub utrzymujesz witryny WordPress dla klientów, struktura nagłówków musi być częścią Twojego procesu przed uruchomieniem i bieżącego audytu. Oto powtarzalna lista kontrolna:
Na poziomie motywu:
Tytuł witryny w nagłówku NIE jest zawinięty w
(użyj
, lub
)
Tytuł wpisu/strony renderuje się jako
w lub we wszystkich typach wpisów
Strona główna ma dokładnie jeden
— albo z tytułu witryny, albo z sekcji hero
Strony archiwów (kategoria, tag, autor) mają opisowy
Strona 404 ma
Na poziomie treści:
Każda strona ma dokładnie jeden
w obszarze treści (lub zero, jeśli motyw obsługuje to poprzez tytuł)
Główne sekcje używają
Podsekcje używają
zagnieżdżonych w sekcjach
Żadne poziomy nagłówków nie są pomijane
Nagłówki nie są używane wyłącznie do stylizacji wizualnej
Na poziomie wtyczki/kreatora:
Elementy nagłówków w Elementor/Divi/Beaver Builder mają poprawne ustawienia tagów HTML
Obszary widżetów nie generują przypadkowych tagów H1 lub H2
Ostrzeżenia wtyczki SEO dotyczące H1 są rozwiązane na wszystkich kluczowych stronach
Poprawna hierarchia nagłówków WordPress — według typu strony
Jeden wzorzec nie pasuje do każdego typu strony WordPress. Oto poprawna struktura dla każdego z nich:
Wpis na blogu / Pojedynczy wpis
H1: Post Title (output by theme automatically)
H2: First major section
H3: Subsection
H3: Another subsection
H2: Second major section
H3: Subsection
H4: Detail
H2: Third major section
Strona główna (statyczna strona frontowa)
H1: Primary value proposition or page headline
H2: Service category or feature group
H3: Individual service or feature
H2: Testimonials or social proof section
H2: Call to action section
Strona produktu WooCommerce
H1: Product name (output by WooCommerce template)
H2: Product description heading
H2: Reviews
H2: Related products
Strona kategorii / archiwum
H1: Category name (e.g., "WordPress SEO Articles")
H2: Post title within loop (if posts are displayed with headings)
Typowe błędy, które psują strukturę H1 w WordPress
Błąd 1: Używanie tagów nagłówków do stylizacji tekstu Jeśli chcesz uzyskać duży, pogrubiony tekst, który nie jest nagłówkiem sekcji, nie używaj H2. Dodaj klasę CSS do
lub
i wystylizuj go wizualnie. Używanie tagów nagłówków dla estetyki zanieczyszcza Twój schemat strukturalny.
Błąd 2: Pozwalanie redaktorom na wybieranie poziomów nagłówków „na oko” Bez przewodnika stylu treści redaktorzy będą naturalnie skłaniać się ku poziomom nagłówków, które wyglądają wyglądają dobrze. Krótki wewnętrzny przewodnik — „H2 dla sekcji, H3 dla podsekcji, nigdy nie używaj H1 w treści” — zapobiega większości problemów.
Błąd 3: Instalowanie motywu WordPress bez sprawdzenia struktury nagłówków Nie wszystkie motywy premium WordPress generują poprawne znaczniki nagłówków. Zanim zdecydujesz się na motyw, sprawdź wpis demonstracyjny: czy tytuł wpisu renderuje się jako H1? Czy tytuł witryny nie jest H1 na stronach wewnętrznych?
Błąd 4: Zakładanie, że Twoja wtyczka SEO obejmuje wszystko Yoast i Rank Math sprawdzają edytowany wpis. Nie wykrywają one problemów z nagłówkami wprowadzonych przez szablon nagłówka motywu, widżety stopki lub szablony stron archiwum. Ręczny audyt lub przeskanowanie strony za pomocą Screaming Frog jest nadal konieczne.
Błąd 5: Naprawianie wyglądu wizualnego zamiast struktury HTML Najczęstszą „poprawką” problemu H1 tytułu witryny jest dodanie CSS, aby wyglądał na mniejszy. Ukrywa to problem wizualnie, ale pozostawia uszkodzony znacznik w kodzie. Napraw znacznik HTML, a nie tylko styl.
Używamy plików cookie, aby zapewnić najlepszą jakość korzystania z naszej witryny. Jeśli będziesz nadal korzystać z tej witryny, założymy, że jesteś z niej zadowolony.