Atrybut alt (alt text)
Atrybut alt (alternative text, alt text) to tekst HTML przypisany do obrazu przez atrybut alt=’…’ w tagu img. Pełni dwie role: dostępność (screen readery odczytują alt text osobom niewidomym) i SEO (pomaga Googlebotowi zrozumieć treść obrazu, wspiera rankingowanie w Google Images i wzmacnia sygnały tematyczne strony).
Czym jest atrybut alt i dlaczego jest ważny?
Alt text to opis obrazu zawarty w kodzie HTML strony. Googlebot nie 'widzi’ obrazów tak jak człowiek – rozumie je przez alt text, nazwę pliku i kontekst otaczającego tekstu. Dobrze napisany alt text pomaga Google zakwalifikować obraz do wyników Google Images (dodatkowy kanał ruchu organicznego), wzmacnia sygnały tematyczne całej strony i jest wymagany przez standardy dostępności WCAG. Brak alt textu lub puste alt texty to jeden z najczęstszych błędów technicznych SEO wykrywanych podczas audytów.
Jak pisać skuteczne alt texty?
Dobry alt text opisuje co przedstawia obraz w sposób zwięzły i naturalny, zawierając frazę kluczową gdy jest to uzasadnione kontekstem. Keyword stuffing w alt tekstach jest penalizowany przez Google tak samo jak w treści strony.
- 1Opisuj co faktycznie przedstawia obraz – wyobraź sobie że opisujesz obraz przez telefon osobie która go nie widzi. 'Czerwone buty do biegania Nike Air Zoom’ zamiast 'buty’
- 2Włączaj frazę kluczową strony gdy naturalnie pasuje do opisu obrazu – nie dopisuj jej na siłę. 'Audyt SEO strony w narzędziu Screaming Frog’ na screenshocie z Screaming Frog to naturalne użycie
- 3Utrzymuj alt text w granicach 100-125 znaków – dłuższe są obcinane przez screen readery. Dla złożonych obrazów (wykresy, infografiki) użyj dodatkowego opisu w tekście strony lub tagu longdesc
- 4Nadawaj opisowe nazwy plikom obrazów – 'audyt-seo-screaming-frog.jpg’ zamiast 'IMG_20241201.jpg’. Nazwa pliku to dodatkowy sygnał dla Google Images obok alt textu
- 5Ustaw alt=” (pusty alt) dla obrazów dekoracyjnych – ikony w breadcrumbach, wzory tła, strzałki nawigacji. To informuje screen readery i Googlebot żeby pominęły te obrazy
Najczęstsze błędy
Poniżej najczęstsze błędy związane z tematem atrybut alt (alt text), które warto znać i unikać.
- Brak alt textów dla wszystkich obrazów na stronie – Obrazy bez atrybutu alt to błąd HTML wykrywany przez wszystkie narzędzia audytowe. Google może wtedy używać tekstu z okolic obrazu jako opisu – zazwyczaj z gorszym efektem niż precyzyjny alt text.
- Keyword stuffing w alt textach – alt=’buty do biegania buty sportowe tanie buty sklep obuwniczy’ to klasyczny keyword stuffing wykrywany przez algorytm. Alt text powinien naturalnie opisywać obraz – zawierać jedną frazę kluczową jeśli pasuje, nie litanię słów kluczowych.
- Używanie nazwy pliku jako alt textu – Niektóre CMS-y automatycznie wstawiają nazwę pliku jako alt text gdy nie jest uzupełniony. Alt=’zdjecie-produktu-123.jpg’ jest bezużyteczny. Zawsze manualnie uzupełniaj alt texty lub użyj automatycznych reguł generowania opisowych nazw.
- Ignorowanie alt textów dla obrazów w e-commerce – Sklepy z tysiącami zdjęć produktów często mają masowo puste lub identyczne alt texty (’zdjęcie produktu’). Google Images może być realnym kanałem ruchu dla produktów – unikalne, opisowe alt texty dla zdjęć produktów to wartościowa inwestycja.
Często zadawane pytania
Poniżej odpowiedzi na najczęściej zadawane pytania dotyczące tematu Atrybut alt (alt text).
Jak sprawdzić alt texty na swojej stronie?
Czy alt text wpływa bezpośrednio na pozycje w Google?
Jak pisać alt text dla złożonych obrazów jak wykresy i infografiki?
Czy tytuł obrazu (title attribute) ma znaczenie SEO?
Powiązane hasła w słowniku SEO
Atrybut alt (alt text) jest powiązane z wieloma innymi pojęciami SEO. Poznaj je wszystkie.
Powiązane artykuły na blogu
Jeśli chcesz dowiedzieć się więcej, zajrzyj do poniższych artykułów.