SEOMaster
Tekst alternatywny (alt)
Opis obrazu dla robotów i czytników ekranu.
Tekst alternatywny (alt) w 30 sekund
- 01 · Zrozum: Tekst alternatywny (atrybut alt) to opis obrazu wpisany w kod.
- 02 · Sprawdź: Sprawdź atrybuty alt przy obrazach w kodzie.
- 03 · Unikaj: Brak alt przy obrazach niosących treść
Co to jest Tekst alternatywny (alt)?
Tekst alternatywny (atrybut alt) to opis obrazu wpisany w kod. Czytniki ekranu odczytują go osobom niewidomym, a wyszukiwarki używają do zrozumienia, co przedstawia grafika.
Dobry alt rzeczowo opisuje treść obrazu w kontekście strony. Obrazy czysto dekoracyjne powinny mieć alt pusty (alt=""), żeby czytnik je pominął.
Dlaczego to ważne dla SEO
Alt to jednocześnie dostępność (wymóg WCAG) i SEO obrazów (szansa na ruch z grafiki). Brak altów wyklucza część użytkowników i traci kontekst dla Google.
Jak to sprawdzić
Sprawdź atrybuty alt przy obrazach w kodzie. SEOMaster wykrywa obrazy bez tekstu alternatywnego. Czytnik ekranu szybko pokaże, które grafiki są „nieme”.
Częste błędy
- Brak alt przy obrazach niosących treść
- Alt typu „obraz123.jpg” lub upchany frazami
- Dekoracyjne grafiki z opisowym alt zamiast pustego
Przykład
<img src="serwis.jpg" alt="Mechanik naprawia rower w warsztacie">
Najczęstsze pytania
Co wpisać w alt obrazka dekoracyjnego?
Pusty atrybut alt, czyli alt bez wartości. Dzięki temu czytnik ekranu pomija obrazek zamiast czytać nazwę pliku, co byłoby dla użytkownika szumem.
Czy alt pomaga w SEO?
Tak, w dwóch miejscach: to główny sygnał dla wyszukiwania grafiką i tekst zastępczy, gdy obrazek się nie wczyta. Nie jest natomiast miejscem na listę słów kluczowych.
Czym alt różni się od title obrazka?
Alt to opis dla tych, którzy obrazka nie zobaczą. Title pokazuje dymek po najechaniu myszą i na telefonie nie działa wcale, więc nie zastępuje alt.
Poradniki na ten temat
- Czego najczęściej brakuje na stronach? Dane z 400 audytów — Podstawy są zwykle obecne: 97,8% badanych stron działa po HTTPS, a 97,4% ma tytuł. Największe braki zaczynają się warstwę głębiej — w politykach bezpieczeństwa, cache, dostępności obrazów i weryfikowalnych danych firmy.
- WCAG 2.2 — praktyczna checklista dostępności strony — Dostępność sprawdza się warstwami: automat znajduje powtarzalne błędy, klawiatura ujawnia problemy obsługi, a czytnik ekranu pokazuje, czy interfejs ma sens bez obrazu. Ta checklista prowadzi przez wszystkie trzy.