Jak pisać teksty alternatywne, które działają — dla czytników ekranu i dla SEO

Krótka odpowiedź. Dobry tekst alternatywny opisuje w kilku słowach, co znajduje się na obrazie i po co on tam jest. Dzięki temu Twoje zdjęcia produktów są czytelne dla osób korzystających z czytnika ekranu — a Google i AI łatwiej rozumieją Twoje obrazy. Jedno krótkie zdanie, podwójna korzyść. Obrazy dekoracyjne dostają pusty alt (alt=""); obrazy informacyjne — krótki, konkretny opis.

Czym właściwie jest tekst alternatywny?

Tekst alternatywny (atrybut alt) to tekstowy opis obrazu w Twoim kodzie HTML. Czytnik ekranu odczytuje go na głos, gdy niewidomy lub słabowidzący odwiedzający trafia na obraz. Jeśli tekstu alternatywnego nie ma, ta osoba słyszy tylko „obraz" — albo gorzej: nieczytelną nazwę pliku w stylu IMG_48392_final.jpg. Przy zdjęciu produktu taki klient natychmiast rezygnuje, często dokładnie w momencie składania zamówienia.

Jak napisać dobry tekst alternatywny?

Trzy proste zasady i jesteś w domu:

1. Opisuj produkt, nie nastrój. Zacznij od rzeczowego opisu i pomiń „zdjęcie…" czy „obraz przedstawiający…" — czytnik ekranu i tak zapowiada, że to obraz.
2. Odróżniaj informacyjne od dekoracyjnych. Zdjęcie produktu, wykres czy baner dostaje krótki opis. Ozdobna linia czy kształt w tle dostaje pusty alt (alt=""), żeby czytnik ekranu go pominął — spokojniej dla użytkownika.
3. Nie upychaj słów kluczowych. Pisz dla człowieka; wyszukiwarki w 2026 roku rozpoznają naszpikowane frazami teksty alternatywne jako spam i karzą za nie. Naturalny język wygrywa — i u odwiedzającego, i u algorytmu.

Od słabego do mocnego, na przykładzie jednej skórzanej torebki damskiej:

• Źle: alt="ładna torebka" — subiektywnie i mgliście.
• Średnio: alt="obraz przedstawiający torebkę" — zbędne „obraz przedstawiający", zero szczegółów.
• Dobrze: alt="Brązowa skórzana torebka damska z regulowanym paskiem na ramię" — konkretnie i użytecznie.

Przykład z praktyki: worek karmy dla psa

Gdzie ustawiasz teksty alternatywne w sklepie?

W większości platform nie musisz grzebać w kodzie; jest do tego wbudowane pole:

• Shopify: produkt → multimedia → „edytuj tekst alternatywny".
• WooCommerce / WordPress: Media → kliknij obraz → pole „Tekst alternatywny".

Wskazówka priorytetowa: nie zaczynaj od tysięcy stron produktowych. Najpierw weź banery na stronie głównej, ikony nawigacji i 10 najlepiej sprzedających się produktów — tam wpływ na konwersję jest największy. To zresztą jeden z 10 najczęstszych błędów dostępności, więc jest duża szansa, że masz tu coś do ugrania.

Czy Twoje produkty pojawią się wtedy także w wynikach AI?

Tak — i to jest bonus. Ponieważ Google i silniki AI (takie jak ChatGPT i Perplexity) nie potrafią „zobaczyć" obrazów, opierają się całkowicie na tekście wokół nich. Gdy konsument pyta silnik AI „jaka jest najlepsza sucha karma z kurczakiem dla mojego psa?", ten szuka źródeł, które rzeczowo opisują produkt. Dobre teksty alternatywne zwiększają więc Twoje szanse na pojawienie się w wynikach wyszukiwania obrazów i w odpowiedziach AI. To ta sama zasada, co w dostępność = SEO: jedna poprawka, podwójna korzyść.

Zobacz, gdzie brakuje tekstów alternatywnych

Chcesz wiedzieć, które obrazy na Twojej stronie wciąż nie mają tekstu alternatywnego? Zeskanuj bezpłatnie jedną stronę. Dla każdego wykrycia zobaczysz, których obrazów brakuje i jak to naprawić — w mniej niż 60 sekund, bez konta.