Tagi H1 w WordPress: Napraw problemy z hierarchią nagłówków

Opublikowano dnia | Przez
14 min czytania

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ś.

Co Google faktycznie mówi o znacznikach H1

Rozstrzygnijmy debatę o rankingach wcześnie.

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:

  1. 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.
  2. 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.
  3. 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.
  4. 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ń

na

lub z odpowiednimi klasami:

php

<p class="site-title">
  <a href="<?php echo esc_url(home_url('/')); ?>" rel="home">
    <?php bloginfo('name'); ?>
  </a>
</p>

Opcja 2: CSS + aria-label (obejście bez kodowania) Jeśli nie możesz edytować plików motywu, użyj CSS, aby zresetować stylizację H1 dla tytułu witryny:

css

.site-header h1.site-title {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

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ć:

  1. Przed publikacją sprawdź strukturę nagłówków za pomocą Konspektu dokumentu
  2. 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
  3. 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.

Przeczytaj nasz pełny przewodnik: jak przeprowadzić audyt swojej witryny WordPress za pomocą SkySEOManager pod kątem wszystkich problemów SEO

Metoda 2: Użyj darmowego analizatora SEO Siteskyline

Odwiedź nasz darmowy analizator SEO wprowadź swój adres URL i kliknij „analizuj teraz”.

Pokaże Ci wszystkie problemy z Twoimi tagami nagłówków.

WordPress H1 Tags: Fix Heading Hierarchy Issues

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.

Ajay Malik

Ajay Malik jest programistą WordPress i elitarnym freelancerem z ponad 8-letnim doświadczeniem.