H1, H2, H3 w WordPressie bez chaosu — jak uporządkować nagłówki na stronie

Wybierasz nagłówek w WordPressie, bo akurat ma fajny rozmiar? Spokojnie, robi tak sporo osób. Problem zaczyna się wtedy, gdy H2, H3 i pogrubiony tekst lądują na stronie trochę jak skarpetki po praniu: niby wszystko jest, ale trudno znaleźć parę. Nagłówki nie są jednak przyciskami do powiększania liter. Budują strukturę treści i pokazują, co jest tematem głównym, co sekcją, a co jej podsekcją.

Dobra hierarchia nagłówków WordPress pomaga szybciej przeskanować stronę, zrozumieć jej układ i poruszać się po niej także osobom korzystającym z technologii asystujących. W tym tekście przejdziemy przez prosty schemat H1, H2 i H3, sprawdzimy, gdzie znaleźć strukturę nagłówków w edytorze WordPressa, oraz wyłapiemy błędy, które robią na stronie mały redakcyjny bałagan. Bez doktoratu z HTML-a i bez zaklinania rzeczywistości.

Po co w ogóle zawracać sobie głowę H1, H2 i H3?

Nagłówki są mapą treści. Dzięki nim czytelnik widzi, jak strona została ułożona, zanim przeczyta każde zdanie. Na dłuższej stronie firmowej może od razu znaleźć ofertę, informacje o procesie albo kontakt. To ważne także dla osób, które korzystają z czytników ekranu lub innych technologii asystujących. Nagłówki pomagają im przechodzić między sekcjami i rozumieć relacje między nimi.

Kluczowa sprawa: nagłówek powinien opisywać sekcję, a nie tylko dobrze wyglądać. Pogrubienie tekstu, większy rozmiar czy inny kolor mogą zmienić wygląd, ale nie tworzą semantycznego nagłówka. Jeśli tekst jest tylko dekoracją, nie oznaczaj go jako H2 albo H3. Z kolei jeśli naprawdę rozpoczyna nową część treści, użyj właściwego bloku Heading.

Uporządkowanie nagłówków nie jest pełnym audytem dostępności. To jeden z elementów dobrej strony, nie magiczna różdżka do naprawienia wszystkiego. Sama zmiana H1, H2 i H3 nie gwarantuje też wyższej pozycji w Google ani większej sprzedaży. Chodzi przede wszystkim o sensowną, czytelną konstrukcję.

H1, H2, H3 — prosta hierarchia bez doktoratu z HTML-a

Najprościej myśleć o nagłówkach jak o planie tekstu. H1 to główny temat strony. H2 dzieli ten temat na najważniejsze części. H3 rozbija konkretną część H2 na mniejsze, wyraźne podsekcje. Niższe poziomy, od H4 do H6, istnieją, ale nie ma sensu wciskać ich na siłę tylko dlatego, że są w menu.

Przykładowy schemat wygląda tak:

• H1: główny temat strony, na przykład „Tworzenie strony firmowej”.
• H2: główna sekcja, na przykład „Co powinna zawierać strona”.
• H3: podsekcja wewnątrz H2, na przykład „Oferta”, „Realizacje” albo „Kontakt”.

Jeśli zaczynasz nową sekcję na tym samym poziomie co poprzednia, wróć do H2. Nie wybieraj H3 tylko dlatego, że jego wygląd bardziej pasuje do projektu. Od wyglądu jest stylowanie, a od hierarchii — poziom nagłówka. Inaczej strona może wyglądać schludnie, ale jej struktura będzie przypominać plan mieszkania narysowany na serwetce.

Przykład struktury strony firmowej

Załóżmy, że tworzysz stronę o usłudze. H1 może brzmieć „Tworzenie strony firmowej”. Pod nim umieszczasz H2 „Co powinna zawierać strona”, a dalej H3 „Oferta”, „Realizacje” i „Kontakt”. Następną główną częścią będzie już H2, na przykład „Jak wygląda współpraca”. Jeśli w tej sekcji potrzebujesz podziału, dopiero wtedy dodajesz H3. Każdy poziom wynika z poprzedniego, a nie z tego, że akurat ma mniejszą czcionkę.

Czy jeden H1 to obowiązek?

Dla typowej strony firmowej albo wpisu blogowego najczytelniejszym rozwiązaniem jest jeden główny H1 opisujący temat strony. Taki układ ułatwia kontrolę treści: wiadomo, co jest tematem całego dokumentu, a co jego rozwinięciem. Potem zwykle przechodzisz do H2 i ewentualnie H3.

Warto jednak oddzielić praktyczną rekomendację od bezwzględnego wymogu. Sama liczba elementów H1 nie powinna być przedstawiana jako absolutna zasada dostępności. Najważniejsze są logiczna hierarchia, poprawne oznaczenie sekcji i opisowe nazwy nagłówków. Kilka H1 nie oznacza automatycznie krytycznego błędu, ale w zwykłej stronie firmowej może niepotrzebnie utrudnić zrozumienie struktury.

Krótko mówiąc: wybierz jeden główny H1, jeśli pasuje to do układu strony, ale nie traktuj tej liczby jak świętej tablicy. Sprawdź cały dokument, nie tylko pojedynczy element.

Jak sprawdzić nagłówki w WordPressie?

W standardowym edytorze blokowym WordPressa możesz skontrolować strukturę bez grzebania w kodzie. Gdy dodajesz blok Heading, wybierasz jego poziom — od H1 do H6. Poziom można też później zmienić w ustawieniach tego bloku. To przydatne, gdy podczas pisania coś się rozjechało albo nagłówek został ustawiony tylko ze względu na wygląd.

Nie poprzestawaj jednak na przeklikiwaniu pojedynczych bloków. Spójrz na całą listę nagłówków. W panelu Document Overview otwórz zakładkę Outline. Zobaczysz tam użyte nagłówki i ich poziomy. Dzięki temu łatwiej wychwycisz brak głównego tematu, przypadkowy przeskok albo sekcję, która nie ma własnego opisu.

Kontrola bez grzebania w kodzie

1. Otwórz stronę lub wpis w standardowym edytorze blokowym.
2. Uruchom panel Document Overview i przejdź do zakładki Outline.
3. Przejrzyj kolejność nagłówków oraz sprawdź, czy każdy opisuje konkretną sekcję.
4. Zobacz, czy H3 rzeczywiście należy do wcześniejszego H2, a nie pojawia się przypadkiem.
5. Zapisz zmiany i obejrzyj opublikowaną stronę.

Ostatni krok jest ważny. Nagłówki mogą być generowane nie tylko przez treść wpisu. Swoje elementy mogą dodawać motyw, stopka, widgety, formularze albo wtyczki. Interfejs edytora może też wyglądać nieco inaczej zależnie od wersji WordPressa, motywu lub używanego kreatora. Instrukcja dotyczy standardowego edytora blokowego, więc po zapisaniu sprawdź również efekt na stronie.

Najczęstsze błędy, przez które nagłówki robią bałagan

Najczęstszy problem jest banalny: ktoś wybiera H2, bo wygląda odpowiednio duży, a nie dlatego, że zaczyna nową sekcję. Potem kolejny fragment dostaje H3, następny H4, a czytelnik dostaje strukturę, której nie da się sensownie opowiedzieć jednym zdaniem. Wizualnie może być w porządku, ale logicznie robi się kisiel.

Zwróć uwagę szczególnie na te sytuacje:

• H2 lub H3 służy wyłącznie do zmiany rozmiaru tekstu. Do wyglądu służy stylowanie, nie poziom nagłówka.
• Pojawia się przeskok z H2 do H4. Jeśli nie wynika z zamknięcia wcześniejszej podsekcji, zwykle warto go uporządkować.
• Nagłówki są zbyt ogólne. „Informacje”, „Więcej” czy „Usługi” nie zawsze mówią, czego dotyczy dana część.
• Długi fragment nie ma żadnego nagłówka. Trudniej go przeskanować i znaleźć konkretną informację.
• Zwykły dekoracyjny tekst jest oznaczony jako H2 albo H3. Nie każdy większy napis otwiera nową sekcję.
• Sprawdzasz tylko treść wpisu. Motyw, stopka, widgety, formularze i wtyczki też mogą dodawać nagłówki.

Nie każdy przeskok poziomu ma identyczne znaczenie w każdym kontekście. Zawsze patrz na całą strukturę sekcji. Najważniejsze jest to, czy nagłówki tworzą zrozumiałą mapę, a nie samo polowanie na pojedynczy „zakazany” numer.

Szybka checklista przed publikacją

Przed kliknięciem „Opublikuj” przejdź przez krótką kontrolę. Zajmie chwilę, a może oszczędzić późniejszego porządkowania treści na piechotę.

• Czy strona ma jasno opisany główny temat?
• Czy główne części treści są oznaczone jako H2?
• Czy H3 są rzeczywistymi podsekcjami właściwego H2?
• Czy każdy nagłówek konkretnie mówi, czego dotyczy sekcja?
• Czy nie ma przypadkowych przeskoków poziomów?
• Czy lista w zakładce Outline ma sens?
• Czy po zapisaniu sprawdziłeś opublikowaną stronę, razem z elementami motywu i wtyczek?

Ta checklista dotyczy hierarchii nagłówków, nie całej dostępności. Traktuj ją jako szybki przegląd, a nie kompletny audyt.

Kiedy lepiej oddać to komuś do ogarnięcia?

Samodzielna poprawa kilku bloków jest do zrobienia. Jeśli jednak do uporządkowania jest dużo stron i wpisów, nagłówki dorzuca motyw lub wtyczki, a struktura treści od dawna żyje własnym życiem, przyda się dodatkowa para oczu. Czasem problem nie dotyczy jednego H3, tylko całego układu strony. Wtedy porządkowanie nagłówków można połączyć z redakcją treści albo przebudową strony. Bez obietnic cudów — po prostu z sensem i po kolei.

Podsumowanie: nagłówki mają prowadzić, nie robić za dekorację

Dobra hierarchia nagłówków WordPress to czytelna mapa strony. H1 pokazuje główny temat, H2 dzieli go na najważniejsze części, a H3 porządkuje podsekcje. Jeden główny H1 jest praktycznym rozwiązaniem dla typowej strony, ale ważniejsza od samej liczby pozostaje logiczna struktura i opisowość nagłówków.

Sprawdź zakładkę Outline, przejdź przez checklistę i obejrzyj opublikowaną stronę. Jeśli nagłówki na Twojej stronie żyją własnym życiem albo chcesz uporządkować stronę, Napisz do Szwagra i opowiedz, czego potrzebujesz — strony, grafiki, filmu albo tekstów.