Sprawdzanie nagłówków

Sprawdź układ nagłówków od H1 do H6 na stronie. Narzędzie wykrywa brakujący lub powtórzony H1, pominięte poziomy oraz puste, ukryte i bardzo długie nagłówki. Podpowiada też, jak naprawić każdy problem.

Bezpłatnie, bez konta. Dziesięć sprawdzeń na godzinę łącznie w narzędziach do wyodrębniania linków, sprawdzania nagłówków i sprawdzania tekstów alternatywnych obrazów.

Wysyłamy adres do naszego API, aby przeprowadzić tę kontrolę. Wyniki mogą być przechowywane w pamięci podręcznej przez pięć minut.

Nagłówki nadają stronie strukturę. Osoby korzystające z czytników ekranu przemieszczają się między nimi, a wyszukiwarki odczytują je, by zrozumieć układ strony. Narzędzie pokazuje wszystkie znaczniki od H1 do H6 w kodzie HTML jako listę z wcięciami. Wskazuje brakujący lub powtórzony H1, pominięte poziomy, puste i ukryte nagłówki oraz nagłówki dłuższe niż 70 znaków.

Jak korzystać z tego narzędzia

Jedna strona, najpierw robots.txt
Nasz serwer najpierw odczytuje plik robots.txt witryny jako AiGrowScan, a potem pobiera stronę z zachowaniem ograniczeń stosowanych przez narzędzie do sprawdzania SEO: publiczne adresy na standardowych portach, kontrola każdego przekierowania i maksymalnie 1,5 MB kodu HTML. Nie uruchamia JavaScriptu, więc nie odczytuje treści dodanych przez skrypty po załadowaniu strony.
Struktura nagłówków
Wszystkie elementy od h1 do h6 w kodzie HTML, w kolejności występowania i z wcięciami odpowiadającymi poziomom. Jeśli nagłówek nie zawiera tekstu, ale ma obraz, narzędzie używa tekstu alternatywnego obrazu, tak jak czytnik ekranu. Nagłówki w ukrytych częściach strony są wyświetlane i oznaczane.
Wykrywane problemy
Brak H1. Kilka nagłówków H1, co HTML dopuszcza, choć jeden ułatwia przeglądanie strony. Pominięty poziom, na przykład H4 bezpośrednio po H2. Pusty nagłówek bez tekstu i bez tekstu alternatywnego obrazu. Nagłówek ukryty za pomocą atrybutu hidden, stylu wpisanego w elemencie, aria-hidden lub klasy przeznaczonej tylko dla czytników ekranu. Nagłówek dłuższy niż 70 znaków: to nasza zasada redakcyjna, ponieważ żaden standard nie określa limitu długości.
Czego narzędzie nie widzi
Narzędzie nie odczytuje nagłówków dodanych przez JavaScript ani arkuszy stylów. Dlatego nagłówek ukryty klasą CSS inną niż popularne klasy dla czytników ekranu zostanie pokazany jako widoczny.

Pytania o to narzędzie

Google informuje, że kilka nagłówków H1 na stronie nie stanowi problemu dla jego systemów. Jeden H1, który nazywa stronę, nadal daje jednak najczytelniejszą strukturę odbiorcom, także osobom korzystającym z czytników ekranu. Dlatego narzędzie oznacza kilka H1 jako kwestię wartą sprawdzenia.

Wyszukiwarki nie informują o karze za pomijanie poziomów. Utrudnia to jednak poruszanie się po strukturze strony za pomocą czytnika ekranu. WCAG wymaga też, by struktura widoczna na stronie była odzwierciedlona w kodzie. Zmień poziom znacznika, a pożądany rozmiar ustaw w CSS.

Ten nagłówek lub otaczający go element ma atrybut hidden, styl display:none albo visibility:hidden wpisany bezpośrednio w kodzie, aria-hidden="true" lub klasę taką jak sr-only. Tekst przeznaczony tylko dla czytników ekranu sprawdza się w linkach do pomijania nawigacji i etykietach. Warto jednak sprawdzić, dlaczego główny nagłówek jest niewidoczny.

Mogą się różnić. Znacznik title pojawia się w wynikach wyszukiwania i na kartach przeglądarki, a H1 na stronie. Oba powinny opisywać ten sam temat. Znacznik title sprawdzisz narzędziem do analizy tytułu i opisu meta.

Sprawdź, czy AI wymienia twoją firmę w odpowiedziach

Strony, które roboty mogą odczytać i po których mogą się poruszać, to podstawa. Bezpłatny skan widoczności AI pokazuje, jak asystenci odpowiadają na pytania o twoją firmę i nad czym warto teraz popracować.