Brak H1
Silktide sprawdza, czy każda strona ma nagłówek główny, znany jako H1, oraz czy zawiera on tekst możliwy do odczytania. H1 określa, czego dotyczy strona, dla odwiedzających, i wyszukiwarek.
W nagłówek główny jest oznaczony za pomocą
znacznika <h1>. Duży stylizowany tekst nie jest zamiennikiem — to sam znacznik
nadaje mu znaczenie:
<h1>Skontaktuj się z nami</h1>
Dlaczego to ważne
H1 to pierwsza rzecz, według której orientuje się wielu odwiedzających. Osoby korzystające z często przechodzą bezpośrednio do H1, aby potwierdzić, że są na właściwej stronie, i pominąć nawigację, aby przejść do głównej treści. Bez niego muszą wysłuchać górnej części strony, aby ustalić, gdzie się znajdują. Wyszukiwarki również przywiązują szczególną wagę do H1 podczas oceny, czego dotyczy strona, dlatego brakujący lub pusty H1 szkodzi zarówno dostępności, jak i pozycji w rankingu.
Jak to naprawić
- Dodaj pojedynczy element
<h1>w pobliżu początku głównej treści, opisujący stronę w kilku słowach. Większość szablonów stron automatycznie renderuje tytuł strony jako H1 — jeśli Twój tego nie robi, dostosuj szablon. - Upewnij się, że H1 zawiera rzeczywisty tekst. H1 zawierający tylko obraz jest uznawany za pusty, chyba że obraz ma :
<!-- Problem: brak tekstu możliwego do odczytania -->
<h1><img src="company-logo.png"></h1>
<!-- Naprawiono: tekst alternatywny staje się tekstem nagłówka -->
<h1><img src="company-logo.png" alt="O firmie Company Inc."></h1>
Najlepszy jest zwykły tekst — jest czytelny dla wszystkich technologii i łatwy w utrzymaniu.
Jak Silktide to testuje
- Pomijaj strony zwracające błąd „404 Not Found”, ponieważ brak H1 nie ma tam znaczenia.
- Wyszukaj elementy
<h1>na każdej pozostałej stronie. - Jeśli strona ich nie ma, zgłoś stronę jako pozbawioną H1.
- Jeśli strona ma elementy H1, zgłoś każdy z nich, którego treść — w tym tekst alternatywny obrazów znajdujących się w środku — nie zawiera liter ani cyfr.
Rozwiązywanie problemów
Moja strona ma duży tytuł u góry
Tytuł, który jest jedynie ostylowany tak, aby wyglądał jak nagłówek, nie jest uwzględniany — tekst
musi znajdować się wewnątrz znacznika <h1>. Zobacz
Potencjalne nagłówki, aby dowiedzieć się, jak Silktide wykrywa
te przypadki.