Teksty ALT obrazów — po co są i jak je pisać

Tekst alternatywny (atrybut alt) to krótki opis obrazu zapisany w kodzie strony. Nie widać go na ekranie, ale ma dwa ważne zadania: czytnik ekranu odczytuje go osobom niewidomym i słabowidzącym, a wyszukiwarka używa go, żeby zrozumieć, co jest na zdjęciu. Dobrze napisany ALT poprawia dostępność strony i pomaga obrazom pojawiać się w Google Grafice.

Z tego poradnika dowiesz się, jak pisać teksty alternatywne dla różnych rodzajów obrazów, kiedy ALT powinien zostać pusty i dlaczego poprawienie biblioteki mediów w WordPressie nie zawsze wystarcza.

Do czego służy tekst alternatywny

• Dostępność. Osoba korzystająca z czytnika ekranu usłyszy opis obrazu zamiast nazwy pliku. Bez ALT czytnik przeczyta na przykład „IMG_2041 kropka jpg” albo pominie obraz, a razem z nim ważną informację.
• Wyszukiwarka grafik. Google Grafika to osobne źródło odwiedzin — szczególnie w branżach, w których klienci wybierają oczami: wnętrza, gastronomia, moda, usługi remontowe, nieruchomości.
• Kontekst strony. Opis obrazu uzupełnia treść podstrony i pomaga wyszukiwarce zrozumieć, czego dotyczy cała strona — tak samo jak nagłówki H1 i H2.
• Awaryjny tekst. Gdy obraz się nie wczyta (wolne łącze, zablokowane obrazki w poczcie), przeglądarka pokaże w jego miejscu tekst alternatywny.

Ważna informacja

Wytyczne dostępności WCAG (kryterium 1.1.1 „Treść nietekstowa”) wymagają, żeby każdy obraz niosący informację miał tekstową alternatywę. Od 28 czerwca 2025 r. wymagania dostępności z Europejskiego aktu o dostępności obejmują m.in. sklepy internetowe i część usług cyfrowych. Mikroprzedsiębiorstwa świadczące usługi są z nich zwolnione — jeśli nie masz pewności, czy dotyczą Twojej firmy, zapytaj prawnika.

Jak napisać dobry ALT

1. Opisz, co widać, i dlaczego to ważne w tym miejscu. Ten sam obraz na stronie oferty i we wpisie o trendach może wymagać innego opisu. Pytanie pomocnicze: co straciłby czytelnik, gdyby obrazu nie było?
2. Pisz krótko. Zwykle wystarczy jedno zdanie, do około 125 znaków. Dłuższe opisy czytniki ekranu odczytują w całości, co bywa męczące.
3. Nie zaczynaj od „obraz przedstawia” ani „zdjęcie”. Czytnik ekranu i tak informuje, że to obraz.
4. Używaj słów, których szukają klienci — naturalnie. Jeśli to zdjęcie kuchni na wymiar z Krakowa, napisz to. Nie dopisuj listy fraz.
5. Nie powtarzaj podpisu. Jeśli pod obrazem jest podpis, który mówi to samo, ALT może dodać szczegół albo pozostać krótki.

Przykład

Przed: IMG_2041.jpg

Po: Biała kuchnia na wymiar w stylu skandynawskim z dębowym blatem, realizacja w Krakowie

Uwaga

Upychanie słów kluczowych w ALT („meble kuchnia meble Kraków tanio meble na wymiar”) szkodzi czytelnikom korzystającym z czytników ekranu i nie poprawia pozycji. Google traktuje to jako spam.

ALT dla różnych rodzajów obrazów

Zdjęcia produktów i realizacji

Opisz to, co odróżnia produkt od innych: rodzaj, materiał, kolor, ważny szczegół. Przy realizacjach dodaj miejsce lub typ wnętrza, jeśli ma znaczenie dla klienta.

Przykład

Pompa ciepła powietrze–woda zamontowana na elewacji domu jednorodzinnego

Szara sofa narożna z funkcją spania, widok z przodu

Logo

Tekstem alternatywnym logo jest nazwa firmy. Jeśli logo jest linkiem do strony głównej, opis powinien mówić, dokąd prowadzi: „Kowalski Instalacje — strona główna”.

Obrazy z tekstem

Jeśli na grafice jest tekst (baner promocji, cytat, infografika), ALT powinien zawierać ten tekst albo jego sens. Dla czytnika ekranu grafika z napisem „-20% na montaż do końca listopada” bez ALT to pustka.

Wykresy i infografiki

Krótki ALT mówi, czego dotyczy wykres i co z niego wynika: „Wykres: liczba zapytań o pompy ciepła rosła od września do grudnia”. Szczegółowe dane umieść w treści strony albo w tabeli pod wykresem — tam skorzystają z nich wszyscy czytelnicy.

Obrazy, które są linkami

Gdy obraz jest jedynym elementem linku (np. miniatura wpisu), ALT pełni rolę tekstu linku. Opisz cel: „Poradnik: jak wybrać pompę ciepła”, a nie wygląd miniatury.

Kiedy ALT ma zostać pusty

Obrazy czysto dekoracyjne — ozdobniki, tła, separatory, ikony obok tekstu, który mówi to samo — powinny mieć pusty atrybut alt="". Dzięki temu czytnik ekranu je pomija, zamiast odczytywać zbędne informacje.

Warto zapamiętać

Opisuj obrazy, które niosą informację. Ozdobniki zostaw z pustym alt="" — to poprawna, świadoma decyzja, a nie brak opisu. Błędem jest dopiero całkowity brak atrybutu.

Pusty ALT i brak ALT to nie to samo. Bez atrybutu alt czytnik ekranu może odczytać nazwę pliku, a narzędzia do audytu zgłoszą błąd. Pusty alt="" mówi wprost: ten obraz jest tylko ozdobą.

Nazwa pliku i otoczenie obrazu

ALT nie działa sam — liczy się też rozmiar i format pliku, o czym piszemy w poradniku o obrazach WebP w WordPressie. Google, żeby zrozumieć obraz, patrzy też na:

• Nazwę pliku — kuchnia-na-wymiar-krakow.jpg mówi więcej niż IMG_2041.jpg. Zmieniaj nazwę przed wgraniem pliku do WordPressa.
• Tekst wokół obrazu — nagłówek sekcji, akapit, podpis.
• Stronę, na której obraz się znajduje — jej tytuł i temat.

Wskazówka

Zmiana nazwy pliku już wgranego do biblioteki mediów zmienia jego adres. Jeśli obraz jest używany w wielu miejscach albo był linkowany z zewnątrz, lepiej zostawić starą nazwę i skupić się na ALT.

Gdzie ustawić ALT w WordPressie

W bibliotece mediów

Wejdź w Media → Biblioteka, kliknij obraz i uzupełnij pole Tekst alternatywny. Opis zostanie użyty przy kolejnych wstawieniach tego obrazu do treści.

W edytorze blokowym

Zaznacz blok Obraz i w panelu bocznym (ustawienia bloku) uzupełnij pole Tekst alternatywny. Jeśli obraz jest tylko ozdobą, zostaw to pole puste — WordPress zapisze wtedy pusty alt="".

Uwaga

Tekst ustawiony w bibliotece mediów trafia do nowych wstawień obrazu. Obrazy wstawione wcześniej mają własny ALT zapisany w treści strony — poprawienie biblioteki go nie zmieni. Dlatego sprawdzaj gotowe podstrony, a nie tylko bibliotekę.

W page builderach i galeriach

Elementor, Divi i wtyczki galerii często mają własne pole ALT albo pobierają je z biblioteki mediów w różny sposób. Po poprawkach podejrzyj kod strony (w przeglądarce: prawy przycisk → Zbadaj) i sprawdź, czy obraz ma właściwy atrybut alt.

Od czego zacząć

1. Zacznij od stron, które sprzedają: oferta, usługi, realizacje i strona główna.
2. Przejrzyj obrazy w treści tych stron — nie tylko bibliotekę mediów.
3. Dla obrazów z informacją napisz opis według wskazówek wyżej; dekoracje oznacz jako puste.
4. Logo i ikony zostaw na koniec — zwykle wystarczy poprawić je raz w szablonie.

Jak to robi pracownik AI

Cotygodniowy skan Wypozycjonuj.pl wskazuje obrazy bez ALT na każdej podstronie — także te, których ALT jest zapisany w treści, a nie w bibliotece mediów. W planie Business pracownik AI pisze propozycje opisów na podstawie samego obrazu i kontekstu strony, na której się znajduje, a dla ozdobników proponuje pusty ALT do Twojego sprawdzenia. Po akceptacji wprowadza opisy w WordPressie i zachowuje poprzednią wersję, żeby każdą zmianę można było cofnąć. Sprawdź zakres pracy pracownika AI i porównanie planów.

Podsumowanie

Opisz, co widać i dlaczego to ważne, w jednym zdaniu do około 125 znaków. Logo to nazwa firmy, obraz-link opisuje cel linku, grafika z tekstem zawiera ten tekst. Ozdobniki dostają pusty alt="". Poprawiaj obrazy w treści stron, nie tylko w bibliotece mediów.