Tekst alternatywny (alt) - jak go pisać, przykłady i dodawanie w WordPressie
Tekst alternatywny (atrybut alt) to krótki opis obrazu zapisany w kodzie strony. Czytają go osoby niewidome korzystające z czytników ekranu, pokazuje się w miejscu zdjęcia, gdy to się nie załaduje, i korzysta z niego Google, żeby zrozumieć, co przedstawia grafika. Dobry alt opisuje w jednym zdaniu to, co na obrazie ważne w danym kontekście, bez upychania słów kluczowych.
Poniżej pokazujemy przykłady dobrych i złych opisów, wyjaśniamy, jak dodać tekst alternatywny w WordPressie, kiedy zostawić go pustym i jak sprawdzić, których obrazów na stronie brakuje.
Co to jest tekst alternatywny
W kodzie HTML tekst alternatywny jest atrybutem znacznika obrazu:
<img src="kuchnia-biala-z-wyspa.jpg" alt="Biała kuchnia na wymiar z wyspą i blatem z dębu">Na stronie go nie widać, dopóki obraz działa. Pojawia się w trzech sytuacjach: gdy czytnik ekranu odczytuje stronę na głos, gdy obraz się nie wczyta i gdy stronę czyta program, a nie człowiek, np. robot Google albo agent AI.
Atrybut alt bywa nazywany opisem alternatywnym, tekstem ALT albo po prostu altem. To ta sama rzecz. Nie myl go z podpisem pod zdjęciem, który widzi każdy, ani z atrybutem title, który pokazuje dymek po najechaniu myszą i nie ma znaczenia dla SEO.
Czy tekst alternatywny wpływa na SEO
Tak, przede wszystkim na widoczność w Grafice Google. Google pisze w dokumentacji, że alt to najważniejszy atrybut, który dostarcza informacji o obrazie. Algorytmy rozpoznają zawartość zdjęć coraz lepiej, ale nadal łączą to z tekstem alternatywnym, nazwą pliku i treścią wokół obrazu.
Dla sklepów i firm usługowych to realny ruch. Ktoś, kto szuka „kuchnia biała z wyspą”, często przegląda wyniki w Grafice, a dobrze opisane zdjęcia realizacji przyprowadzają go na stronę z ofertą.
Alt ma też znaczenie dla systemów AI. Agenci przeglądający strony w imieniu użytkowników czytają tzw. drzewo dostępności, w którym obraz bez altu jest po prostu pustym elementem. Zdjęcie z opisem jest dla nich informacją, zdjęcie bez opisu nie.
Jak napisać dobry tekst alternatywny - przykłady
Google pokazuje w dokumentacji przykład ze szczeniakiem. Przenieśliśmy go na polski:
| Ocena | Kod | Dlaczego |
|---|---|---|
| Źle | <img src="szczeniak.jpg"> | Brak altu, Google i czytnik ekranu nie wiedzą, co jest na zdjęciu |
| Źle | alt="szczeniak pies psy szczeniaki pieski dalmatyńczyk szczenię" | Upychanie słów kluczowych, Google może to uznać za spam |
| Lepiej | alt="szczeniak" | Poprawnie, ale ogólnikowo |
| Najlepiej | alt="Szczeniak dalmatyńczyka aportujący piłkę" | Konkretnie opisuje, co widać |
Zasady, które z tego wynikają:
- opisz to, co na obrazie ważne dla treści strony, a nie każdy szczegół,
- pisz zdaniem lub równoważnikiem zdania, jak do kogoś, kto nie widzi zdjęcia,
- fraza kluczowa tylko wtedy, gdy naturalnie opisuje obraz,
- nie zaczynaj od „obraz przedstawiający” ani „zdjęcie”, bo czytnik i tak informuje, że to grafika,
- przy grafice z napisem przepisz napis do altu,
- przy obrazie, który jest linkiem, opisz, dokąd prowadzi, np. „Logo EMM8 - strona główna”.
Ile znaków powinien mieć tekst alternatywny
Google nie podaje limitu. W praktyce wystarcza jedno zdanie, zwykle do około 125 znaków. Taka długość jest wygodna dla osób korzystających z czytników ekranu, które słuchają opisu w całości, zanim przejdą dalej.
Jeśli obraz wymaga dłuższego wyjaśnienia, np. wykres z danymi albo infografika, w alcie wpisz krótką informację, co pokazuje, a szczegóły opisz w tekście pod obrazem. Dane z wykresu w treści strony przydają się zresztą wszystkim, nie tylko osobom niewidomym.
Kiedy zostawić pusty alt
Nie każde zdjęcie potrzebuje opisu. Grafiki czysto dekoracyjne, np. tło sekcji, ozdobne linie czy ikonka obok nagłówka, który mówi to samo, powinny mieć pusty atrybut: alt="". Czytnik ekranu wtedy je pomija i nie męczy użytkownika informacjami bez znaczenia.
Pusty alt to co innego niż brak altu. Gdy atrybutu w ogóle nie ma, część czytników odczytuje nazwę pliku, np. „IMG zero zero dwadzieścia trzy jpg”. Dlatego w kodzie atrybut alt powinien być zawsze, nawet pusty.
Jak dodać tekst alternatywny w WordPressie
W bibliotece mediów
Wejdź w Media, kliknij obraz i wpisz opis w polu „Tekst alternatywny”. Ten opis WordPress wstawi automatycznie, gdy dodasz obraz do wpisu po raz pierwszy.
W edytorze wpisu
Kliknij blok Obrazek i w panelu po prawej stronie, w ustawieniach bloku, wypełnij pole „Tekst alternatywny”. Uwaga: zmiana opisu w bibliotece mediów nie poprawia obrazów już wstawionych do wpisów. Opis zapisuje się w treści wpisu w chwili wstawienia, więc stare obrazy trzeba poprawić w każdym bloku osobno.
W sklepie WooCommerce
Zdjęcia produktów i galerie korzystają z tekstu alternatywnego zapisanego w bibliotece mediów. Opisz każde zdjęcie produktu inaczej, np. „Buty damskie skórzane, widok z boku” i „Buty damskie skórzane, podeszwa”, a nie pięć razy samą nazwą produktu.
Przy okazji warto zadbać o nazwy plików i wagę zdjęć. Google podaje, że nazwa „czarny-kot.jpg” jest lepsza niż „IMG00023.JPG”, a lżejsze pliki przyspieszają stronę. Jak zmniejszyć obrazy bez utraty jakości, piszemy w poradniku jak przyspieszyć stronę WordPress.
Tekst alternatywny a dostępność i przepisy
Opis alternatywny dla obrazów to jeden z podstawowych wymogów standardu WCAG, czyli kryterium 1.1.1 „Treść nietekstowa”. Bez niego osoba niewidoma nie wie, co jest na zdjęciu, a często także, dokąd prowadzi przycisk w formie grafiki. Więcej o samym standardzie piszemy w artykule o WCAG.
Od 28 czerwca 2025 roku w Polsce obowiązuje ustawa o zapewnianiu spełniania wymagań dostępności przez niektóre produkty i usługi, która obejmuje m.in. sklepy internetowe. Mikroprzedsiębiorcy, czyli firmy zatrudniające mniej niż 10 osób i mające do 2 mln euro obrotu lub sumy bilansowej, są zwolnieni z obowiązków dotyczących usług. Opisy obrazów warto jednak dodawać niezależnie od przepisów, bo pomagają w SEO i nic nie kosztują.
Jak sprawdzić, których obrazów brakuje tekstu alternatywnego
- Lighthouse w Chrome (narzędzia deweloperskie, karta Lighthouse, kategoria Ułatwienia dostępu) pokazuje obrazy bez atrybutu alt na danej podstronie.
- Bezpłatne narzędzie WAVE zaznacza na stronie każdy obraz bez opisu.
- Screaming Frog sprawdza całą witrynę naraz i wyświetla listę obrazów z brakującym altem, w wersji bezpłatnej do 500 adresów.
Po takiej kontroli zacznij od stron, które mają ruch: strony głównej, stron usługowych i najpopularniejszych produktów. Opisanie kilkudziesięciu najważniejszych zdjęć zajmuje zwykle godzinę i daje więcej niż poprawianie archiwalnych wpisów.
Tekst alternatywny - najczęstsze pytania
Jak dodać tekst alternatywny do zdjęcia?
W WordPressie kliknij obraz w edytorze i wpisz opis w polu „Tekst alternatywny” w panelu bocznym. W innych systemach, np. w Shoperze, pole na opis jest zwykle przy edycji zdjęcia produktu lub w ustawieniach obrazu.
Czy każde zdjęcie musi mieć tekst alternatywny?
Każde zdjęcie, które coś przekazuje: produkt, realizację, osobę, wykres. Grafiki dekoracyjne powinny mieć pusty alt.
Czy można użyć tego samego altu dla kilku zdjęć?
Lepiej nie. Jeśli zdjęcia się różnią, opis też powinien się różnić. Ten sam alt na wszystkich zdjęciach w galerii nie mówi nic o tym, czym się od siebie różnią.
Czy alt może zawierać frazę kluczową?
Może, jeśli naturalnie opisuje obraz. Zdjęcie białej kuchni z wyspą na stronie o kuchniach na wymiar może mieć te słowa w opisie. Dopisywanie fraz, których na zdjęciu nie widać, szkodzi bardziej, niż pomaga.
Brakujące opisy obrazów, nazwy plików i pozostałe elementy dostępności sprawdzamy w ramach audytu SEO. Jeśli chcesz, żeby nowe treści od razu były dodawane poprawnie, zobacz, na czym polega pozycjonowanie stron w EMM8.
Skontaktuj się z nami
Sprawdzimy obrazy i dostępność Twojej strony
Prześlij adres strony. Wskażemy zdjęcia bez opisów, zbyt ciężkie pliki i elementy, które utrudniają korzystanie ze strony osobom z czytnikami ekranu.
Tel: 603 338 970
E-mail: kontakt@emm8.pl
Dlaczego warto zacząć z EMM8
- Łączymy pozycjonowanie, widoczność w AI i reklamę w jedną strategię, dzięki czemu cały budżet pracuje na ten sam cel: nowych Klientów.
- Od 2012 roku pomagamy firmom z różnych branż rosnąć w internecie, więc nie uczymy się na Państwa budżecie.
- Projekt prowadzi jedna osoba, która zna Państwa firmę, wyniki i cele, bez przekazywania sprawy między działami.
Zapytanie ofertowe
Wystarczy kilka zdań o firmie i potrzebach. Szczegóły doprecyzujemy na dalszym etapie.
