Tekst alternatywny do zdjęć pod SEO: jak pisać go poprawnie

TL;DR: Tekst alternatywny (alt text) istnieje przede wszystkim z myślą o dostępności. Opisz, co przedstawia grafika — zwięźle, a słowo kluczowe dodawaj tylko wtedy, gdy naprawdę naturalnie pasuje do obrazu. Dla grafik dekoracyjnych stosuj pusty atrybut alt="". Jego wartość SEO polega na tym, że pomaga Google zrozumieć obraz, a nie na tworzeniu kolejnego miejsca do powtarzania docelowego zapytania.

„Alt tag do SEO” to trochę niefortunna nazwa. Tekst alternatywny jest technicznie atrybutem w tagu obrazu, a nie osobnym tagiem. Mimo że ludzie nadal mówią „alt tag”, Google rozumie to, o co chodzi — a korygowanie wszystkich nie jest produktywnym wykorzystaniem twojego wtorku (ja też używam skrótu w rozmowach).

Tekst alternatywny ma dwie role, ale nie są równe

Najważniejsza rola to dostępność. WebAIM wyjaśnia, że „czytniki ekranowe ogłaszają tekst alternatywny zamiast obrazów, pomagając użytkownikom z niepełnosprawnościami wzrokowymi lub niektórymi zaburzeniami poznawczymi zrozumieć treść i funkcję obrazów”. Jeśli ktoś nie widzi Twojego obrazu, tekst alternatywny dostarcza informacji lub funkcji, które w innym wypadku by umknęły.

To nie jest wyłącznie rekomendacja SEO. WCAG 1.1.1 Non-text Content wymaga, aby treści nietekstowe udostępniane użytkownikom miały tekstową alternatywę pełniącą równoważny cel. To kryterium sukcesu poziomu A — bazowy próg zgodności.

Druga rola to pomoc wyszukiwarkom w zrozumieniu obrazu. Google Search Central przedstawia relację bardzo jasno:

„Google używa tekstu alternatywnego wraz z algorytmami widzenia komputerowego i zawartością strony, aby zrozumieć temat obrazu.”

To zdanie wyznacza użyteczny limit twierdzeń SEO. Google nie mówi, że wstawienie docelowego słowa kluczowego do każdego obrazu automatycznie daje przewidywalny wzrost pozycji. Google mówi, że tekst alternatywny jest jednym ze źródeł zrozumienia — obok widzenia komputerowego i reszty strony.

Prawidłowy tekst alternatywny może wspierać odkrywanie obrazów i dawać Google lepszy kontekst. Nie chciałbym sprzedawać go jako samodzielnego „dźwigni” do rankingu stron. Ta różnica ma znaczenie, bo pisanie „dla Google” sprawia, że sensowny opis zamienia się w listę synonimów, których nikt nie chciałby słuchać na głos.

Pisz najpierw dla osoby, która nie może zobaczyć obrazu. Jeśli wynikowy opis naturalnie zawiera istotne hasło wyszukiwania — świetnie. Zwykle cele dostępności i SEO idą w parze. Kiedy przestają, a ktoś próbuje wymusić to dopasowanie na siłę — zaczyna się problem.

Praktyczna zasada: trafnie, równoważnie, zwięźle

WebAIM mówi, że tekst alternatywny powinien „być dokładny i równoważny w reprezentowaniu treści i funkcji” oraz „być zwięzły”. To lepszy standard pisania niż liczenie znaków.

Ta sama grafika zrobiona na trzy sposoby:

<!-- Dobrze: opisuje obraz -->
<img src="/puppy.jpg" alt="Szczeniak dalmatyńczyka bawiący się w aport w parku">

<!-- Źle: śmieci z nazwą pliku i upychanie słów kluczowych -->
<img src="/IMG_1234.jpg" alt="szczeniak piesek uroczy szczeniak na sprzedaż kup szczeniaka">

<!-- Dekoracyjne: celowo puste, żeby czytniki ekranowe je pomijały -->
<img src="/divider.svg" alt="">

Zadaj jedno pytanie: Co straciłaby osoba, gdyby ten obraz zniknął?

Jeśli odpowiedź dotyczy wyglądu produktu — opisz istotne szczegóły produktu. Jeśli chodzi o działanie, które wykonuje ikona — opisz to działanie. Jeśli to trend pokazany na wykresie — zidentyfikuj wykres, a pełne ustalenie lub dane umieść w tekście obok. Jeśli odpowiedź brzmi „nic” — obraz najpewniej jest dekoracyjny.

Google Search Central: wskazówki dotyczące obrazów podaje przydatny progres:

Ta końcowa wersja działa, bo każde słowo ma znaczenie. Zawiera rasę, temat i działanie — bez robienia z tego mini-eseju.

Opisz ten konkretny obraz

„Niebieskie buty do biegania obok torby sportowej” jest bardziej przydatne niż „buty”. „Panel SEO pokazujący spadek organicznych kliknięć” jest bardziej przydatny niż „wykres SEO”. Konkrety pomagają użytkownikowi czytnika ekranu zrozumieć, co dokładnie wnosi ten obraz, a robotowi dają mniej niejednoznaczne informacje.

Nie używaj tej samej frazy do każdej perspektywy produktu ani do każdego zrzutu ekranu. Jeśli trzy zdjęcia pokazują przód, podeszwę i bok buta, każde powinno opisywać swój własny widok. Powielanie może wydawać się wygodne, ale nie jest równoważne osobnemu opisowi każdego obrazu.

Ja też się w tym przejechałem na automatycznych treściach: jeden akceptowalny szablon skopiowany na partię — i potem nikt nie sprawdza, czy nadal opisuje obraz nr 47. Automatyzacja usuwa pisanie. Nie usuwa jednak potrzeby podejmowania właściwych decyzji (niewygodna różnica, ale realna).

Dodawaj słowo kluczowe tylko wtedy, gdy ma to sens

Jeśli zdjęcie naprawdę pokazuje brązową skórzaną torbę na laptop, brązowa skórzana torba na laptop z kieszenią z przodu będzie trafnym tekstem alternatywnym. Zbieżność słów kluczowych jest naturalna. Jeśli obraz pokazuje kuriera niosącego nieoznaczoną tekturową paczkę, dodawanie „skórzana torba na laptop”, bo strona celuje w to hasło, nie jest optymalizacją — to fałszywy opis.

Jeśli nazewnictwo nadal bywa niejasne, nasz przewodnik co to jest słowo kluczowe rozdziela zapytanie docelowe od języka, który naturalnie pojawia się w treści. Zrób tu to samo: czy użyłbyś tych słów, gdyby ukryć przed Tobą dane o liczbie wyszukiwań?

Ostrzeżenie Google jest mocniejsze niż skrócona wersja, którą często się cytuje:

„Unikaj wypełniania atrybutów alt słowami kluczowymi (znane też jako keyword stuffing), ponieważ skutkuje to negatywnym doświadczeniem użytkownika i może sprawić, że Twoja strona zostanie uznana za spam.”

Nie potrzebujesz pięciu synonimów dla jednego obiektu. Wystarczy jedna trafna fraza.

Pomijaj „image of” i „photo of”

WebAIM zaleca unikanie sformułowań typu „image of” i „graphic of”, bo czytniki ekranowe same ogłaszają zawartość jako grafikę. Napisz „Złoty retriever śpiący pod biurkiem”, a nie „Image of złoty retriever śpiący pod biurkiem”.

Są wyjątki, gdy samo medium ma znaczenie. Strona porównująca fotografię z obrazem olejnym może wymagać wskazania, który element jest który. Domyślnie jest prościej: opisuj treść, a nie fakt istnienia pliku.

Nie ma oficjalnego limitu 125 znaków

Zobaczysz, że 125 znaków powtarza się jakby Google albo WCAG wyryło to w standardzie. Żadna z tych organizacji nie definiuje w opublikowanych wskazówkach twardego limitu. To raczej zasada kciuka powiązana ze starszym zachowaniem czytników ekranowych — nie oficjalny wymóg.

Trzymaj się prawdziwego standardu WebAIM: zwięzłość bez rezygnacji z dokładności. Większość zwykłych obrazów potrzebuje krótkiej frazy. Złożony wykres może wymagać znacznie więcej informacji, ale zwykle ta wiedza powinna trafić do treści na stronie, a nie do ogromnego atrybutu alt.

W3C WAI alt decision tree rekomenduje umieszczenie informacji złożonej grafiki gdzie indziej na stronie. To samo pomaga też osobom widzącym, które potrzebują tych danych w formie do wyszukiwania i zaznaczania.

Grafiki dekoracyjne wymagają pustego alt, a nie opisowego „wypełniacza”

Jeśli obraz nie wnosi żadnego znaczenia, użyj pustego atrybutu alt: alt="".

Przykłady to wizualne separatory, ozdobne elementy tła oraz ikona umieszczona obok tekstu, który już komunikuje tę samą informację. WebAIM podaje: „Dekoracyjne obrazy powinny mieć alt=""”. WCAG mówi podobnie: czysta dekoracja musi być zaimplementowana tak, aby technologie asystujące mogły ją zignorować.

Pusty atrybut to nie to samo co brak atrybutu:

• alt="" oznacza, że obraz jest celowo dekoracyjny i powinien zostać pominięty.
• Brak atrybutu alt zostawia technologie asystujące bez tej instrukcji. W zależności od czytnika i konfiguracji może zostać ogłoszona nazwa pliku.

Może to zamienić niewinn y separator w „blue-line-final-v3-dot-png” wypowiadane między akapitami. Pusty atrybut jest rozwiązaniem, a nie kolejnym opisem (to jeden z niewielu obszarów optymalizacji, gdzie mniej treści jest lepiej).

Trudna część to klasyfikacja. Ikona koszyka obok widocznego tekstu „Dodaj do koszyka” jest zbędna i może być dekoracyjna. Ta sama ikona użyta samodzielnie jako klikalne sterowanie jest funkcjonalna, więc jej tekst alternatywny powinien komunikować działanie.

To dlatego skaner raportujący 300 pustych altów dał Ci kolejkę zadań, a nie diagnozę. Z tego, co widzimy na stronach korzystających z SEOJuice, istotna część przypadków z pustym lub brakującym alt wymaga decyzji rolnej, zanim wygeneruje się tekst. Jedne grafiki potrzebują opisów, inne powinny pozostać ciche. Bezkrytyczne wypełnianie każdego pola może pogorszyć dostępność, a jednocześnie wygenerować coś, co w raporcie wygląda na „w 100% zoptymalizowane”.

Kon tekst może zmienić właściwą odpowiedź

Ten sam plik obrazu może wymagać innego tekstu alternatywnego na różnych stronach. WebAIM podkreśla to w sekcji dosłownie zatytułowanej „Context is Everything”.

Weźmy logo firmy:

• W zlinkowanym nagłówku witryny jego rola może być nawigacyjna, więc „Acme home” komunikuje miejsce docelowe.
• W studium przypadku porównującym identyfikacje wizualne „logo Acme z niebieskim symbolem gór” może opisywać istotne informacje wizualne.
• Obok nazwy firmy w zwykłym tekście może nie wnosić nic i może być dekoracyjne.

Sam plik nie „wie”, jaką pełni rolę. Skrypt konwertujący nazwę pliku na tekst alt też nie wie, chyba że potrafi zinterpretować kontekst strony i funkcję elementu.

Problemy z tym ujawniają się szybko na serwisach mocno nastawionych na produkt. Lista może obejmować zdjęcia przodu, boku, wnętrza, detalu i ujęcia lifestyle. Pięć powtórzeń „brązowa skórzana torba na laptop” maskuje właśnie te różnice, które miały pokazać obrazy. Odkrywanie na marketplace to też nie tylko alt text; nasz przewodnik Etsy SEO opisuje szerszy system.

Tekst alternatywny to tylko część SEO dla obrazów

Idealny alt text nie uratuje grafiki, którą Google ma problem odkryć, wyrenderować ani powiązać z odpowiednią treścią. Wskazówki Google dotyczące obrazów obejmują także nazwy plików, umiejscowienie, jakość, sitemap, obsługiwane formaty, lazy loading oraz dane strukturalne.

Używaj opisowych nazw plików i właściwego umiejscowienia

Google zaleca nazwy plików, które są „krótkie, ale opisowe”, dając my-new-black-kitten.jpg jako lepszy przykład niż IMG00023.JPG. Traktuj to jako przydatną architekturę informacji, a nie dowód na duży albo precyzyjnie ważony czynnik rankingowy.

Google mówi też: „O ile to możliwe, upewnij się, że obrazy są umieszczane w pobliżu powiązanego tekstu oraz na stronach, które są istotne z punktu widzenia tematu obrazu”. Schemat produktu obok jego opisu daje czytelniejszy kontekst niż ten sam schemat porzucony w ogólnej galerii.

Nie zmieniaj nazw URL obrazów „po prostu tak” na już ustalonej stronie. Zmiana nazwy pliku zmienia URL, chyba że system mediów ukrywa tę szczegółowość — wtedy migracje mogą wymagać przekierowań i aktualizacji odwołań. Lepsza nazwa pliku nie jest warta tworzenia uszkodzonych obrazów ani wyrzucania zindeksowanego URL (widziałem, jak „porządkowanie” stawało się zaskakująco szybko projektem migracyjnym).

Spraw, aby obrazy ładowane z opóźnieniem były do odkrycia

Lazy loading jest zgodny z wyszukiwaniem, ale liczy się implementacja. Google twierdzi, że istotna treść powinna się załadować, gdy pojawi się w polu widzenia (viewport) i ostrzega przed wymaganiem kliknięć lub przewijania, bo „Google Search nie wchodzi w interakcje z Twoją stroną”.

Praktyczny test jest prosty: jeśli adres URL obrazu pojawia się w atrybucie src wyrenderowanego elementu obrazu, wszystko działa poprawnie. Sprawdź wyrenderowany HTML po zmianach JavaScript, motywu lub wtyczek — szczególnie na mobilnych stronach, gdzie jest dużo obrazów. Nasz przewodnik po mobile SEO omawia też stronę wydajności tej decyzji.

Nie zakładam już, że biblioteka lazy loading działa, tylko dlatego że w mojej przeglądarce strona wygląda poprawnie. Podczas migracji SEOJuice z seojuice.io na .com w styczniu 2026 przypomniano nam, że to, co widzi użytkownik, i to, co robot może niezawodnie pobrać, są powiązane, ale nie identyczne. Wygrywa wynik wyrenderowania.

Stosuj obsługiwane formaty i mechanizmy odkrywania

Google Search wspiera obrazy BMP, GIF, JPEG, PNG, WebP, SVG oraz AVIF wskazane przez elementy obrazu. Wybór formatu powinien równoważyć jakość, wsparcie przeglądarek, potrzeby w zakresie przezroczystości lub animacji oraz rozmiar pliku. Najnowszy format nie musi automatycznie być właściwym wyborem.

Google mówi też, że „Wysokiej jakości zdjęcia przyciągają użytkowników bardziej niż rozmyte, niejasne obrazy”. Kompresowanie grafiki aż do zniknięcia szczegółów produktu to nie jest zwycięstwo wydajnościowe. Jeśli obrazy trudno Google odkryć w zwykłym crawlowaniu, sitemap dla obrazów może dostarczyć URL-i, których w innym przypadku mógłby nie znaleźć.

Dane strukturalne to osobny temat niż alt text. Poprawne oznaczenia produktu lub przepisu mogą sprawić, że obrazy będą kwalifikować się do odpowiadających im prezentacji rich-result, ale atrybut dodany przez wtyczkę nie jest dowodem, że pełne oznaczenie jest poprawne. Zanim na tym polegasz, użyj naszego przewodnika: testowanie rich snippets.

Przydatny audyt alt text to proces klasyfikacji

1. Zlokalizuj obrazy z brakującymi atrybutami alt. Trzymaj przypadki braku atrybutu oddzielnie od tych, które są celowo puste.
2. Zklasyfikuj każdy obraz. Zdecyduj, czy jest informacyjny, funkcjonalny, przedstawia tekst, jest złożony czy dekoracyjny.
3. Określ jego rolę na tej stronie. Ten sam plik może pełnić inną funkcję gdzie indziej.
4. Napisz minimalny opis równoważny. Przekaż informacje lub działanie, których potrzebuje użytkownik niewidzący.
5. Usuń keyword stuffing i zbędne przedrostki. Usuń listy słów kluczowych, „image of” oraz sformułowania, które nie dodają znaczenia.
6. Przejrzyj nazwy plików i sąsiadujący tekst. Tam, gdzie to możliwe, używaj opisowych nazw plików i umieszczaj obrazy blisko powiązanego tekstu.
7. Sprawdź ręcznie wyrenderowane obrazy ładowane z opóźnieniem. Potwierdź, że ich URL-e pojawiają się w wyrenderowanych elementach obrazu.
8. Przejrzyj wykresy i diagramy ręcznie. Upewnij się, że również wniosek bazowy albo dane są dostępne w treści strony.

Priorytetem są obrazy o dużym znaczeniu na stronach o wysokiej wartości, a nie optymalizacja oparta o samą liczbę. Brak opisu dla głównego obrazu produktu ma większe znaczenie niż pusty atrybut w dekoracyjnym „ozdobniku” w stopce. Narzędzia audytowe zwykle spłaszczają wszystkie przypadki do jednego zestawienia „razem”; plan naprawy nie powinien.

Gdzie automatyzacja ma sens, a gdzie się kończy

Napisanie jednego opisu jest łatwe. Znalezienie tysięcy istniejących obrazów, dopasowanie do nich odpowiednich opisów i wychwycenie nowych uploadów to powtarzalna praca operacyjna.

SEOJuice to zespół dwuosobowy: Lida i ja. Nie możemy ręcznie audytować każdego elementu z obrazami w każdej witrynie klienta — i większość małych zespołów też nie. Właśnie dlatego automatyzujemy powtarzalny etap, zamiast udawać, że kolejna do pobrania „spreadsheets” rozwiąże wykonanie.

SEOJuice może na bieżąco pisać i stosować opisowe teksty alternatywne dla brakujących obrazów na stronie działającej po instalacji — za pomocą fragmentu JavaScript albo wtyczki WordPress/CMS. To narzędzie do wdrożenia, a nie magiczny przycisk rankingowy. Kontekst nadal ma znaczenie, dekoracyjne grafiki wciąż muszą pozostać puste, a złożone wykresy wciąż zasługują na ludzką weryfikację.

Jeśli brakujące teksty alt wciąż wracają w Twoich raportach, uruchom darmowy audyt SEO, aby znaleźć dotknięte strony. SEOJuice ma też darmowy plan bez karty płatniczej, więc możesz przetestować automatyczny etap na realnej witrynie, zanim zdecydujesz, czy oszczędza wystarczająco dużo pracy ręcznej.

Często zadawane pytania

Co to jest tekst alternatywny (alt text) i czy to samo co „alt tag”?

Tekst alternatywny to atrybut alt w elemencie obrazu. Czytniki ekranowe go ogłaszają, przeglądarki mogą go wyświetlić, gdy obraz nie wczyta się poprawnie, a wyszukiwarki używają go jako jednego ze źródeł do zrozumienia obrazu. „Alt tag” to popularny skrót, ale technicznie to atrybut, a nie osobny tag.

Czy tekst alternatywny pomaga SEO?

Tak — przede wszystkim pomaga Google zrozumieć temat i kontekst obrazu. Może to wspierać widoczność w Google Grafika i wzmacniać zależność między obrazem a jego stroną. Google nie opisuje tekstu alt jako samodzielnego mechanizmu do podbijania rankingu strony, a jego głównym celem pozostaje dostępność.

Jak pisać dobry alt text do obrazów?

Opisz treść albo funkcję, którą użytkownik straci, jeśli nie będzie w stanie zobaczyć obrazu. Bądź konkretny i zwięzły: słowo kluczowe dodawaj tylko wtedy, gdy dokładnie opisuje zdjęcie, i pomijaj zbędne przedrostki typu „image of”. Obrazy funkcjonalne powinny opisywać swoje działanie lub cel, a nie tylko wygląd.

Jaki alt text stosować dla obrazów dekoracyjnych?

Użyj alt="". To sygnalizuje czytnikom ekranowym, aby pominęły obraz. Nie pomijaj całkowicie atrybutu, bo technologie asystujące mogą obsługiwać brak atrybutu inaczej, a część z nich może ogłaszać nazwę pliku.

Czy alt text może zaszkodzić SEO?

Według Google tekst alt upychający słowa kluczowe może szkodzić doświadczeniu użytkownika i sprawić, że witryna zostanie uznana za spam. Nieprawidłowe opisy tworzą też mylący kontekst. Zbyt długie opisy dekoracyjnych obrazów to głównie porażka w obszarze dostępności: dodają szumu, ale nie dają użytkownikowi użytecznych informacji.

Jak długi powinien być alt text?

Trzymaj go zwięźle, bez rezygnacji z dokładności. Google i WCAG nie publikują oficjalnego limitu 125 znaków. Zwykłe obrazy zwykle potrzebują krótkiej frazy; szczegółowe informacje z wykresu albo grafu powinny trafić w inną część treści na stronie.

Co jeszcze ma znaczenie dla SEO obrazów?

Używanie krótkich, opisowych nazw plików, umieszczanie obrazów blisko powiązanej treści, wybór obsługiwanego i właściwego formatu, utrzymanie sensownej jakości wizualnej, udostępnienie URL-i obrazów ładowanych z opóźnieniem w wyrenderowanych elementach obrazu oraz rozważenie sitemap dla plików trudnych do odkrycia. Dane strukturalne mogą też sprawić, że obrazy będą kwalifikować się do konkretnych prezentacji rich-result.

Zwróć przetłumaczoną treść w tagach