Alt text do zdjęć często kojarzy się z „SEO”, więc zespoły wrzucają do atrybutu przypadkowe frazy albo opis typu „zdjęcie produktu z tłem”. A potem okazuje się, że użytkownik korzystający z czytnika ekranu nie dowiaduje się niczego, a obraz nie wnosi sensu w danym miejscu strony.
Właściwie napisany alt to w praktyce element komunikacji: ma powiedzieć, co jest na grafice i dlaczego ta grafika jest istotna. Google podkreśla też, że alt jest ważnym atrybutem metadanych obrazu, ale ma być użyteczny i informacyjny, a nie „upchany” słowami kluczowymi. W efekcie dbasz jednocześnie o dostępność WWW i sens tego, co pokazujesz.
W tym poradniku dostaniesz proste drzewko decyzji (kiedy użyć alt=””, a kiedy opisać znaczenie), checklisty copywritera oraz listę najczęstszych błędów. Dzięki temu alt text przestaje być domysłem, a staje się spójnym elementem treści na stronie.
Dlaczego alt text to nie „dodatek SEO”, tylko komunikat i dostępność
Alt jako informacja dla użytkownika (nie tylko dla robotów)
Tekst alternatywny to nie ozdoba, tylko informacja uruchamiana w określonych sytuacjach: gdy obraz się nie wyświetla albo gdy użytkownik korzysta z technologii asystujących. Wtedy alt text staje się tym, co „niesie” obraz w warstwie tekstowej.
W podejściu praktycznym warto zadać jedno pytanie: gdyby użytkownik nie widział tej grafiki, co musiałby zrozumieć, żeby nadal poruszać się po stronie bez straty sensu? Jeśli odpowiedź istnieje, alt powinien ją wprost przekazać. Jeśli grafika jest tylko dekoracją, a nie wnosi informacji, wtedy w wielu przypadkach sensowniejsze bywa użycie alt=””.
Google zwraca uwagę, że alt text jest kluczowym atrybutem metadanych obrazu oraz że wspiera zrozumienie w kontekście treści strony. W praktyce oznacza to, że alt nie powinien być oderwany od tego, co dzieje się obok na stronie. To właśnie kontekst sprawia, że alt przestaje być opisem „dla opisu”, a staje się częścią historii.
Drzewko decyzji: jaki to typ obrazu i co wtedy wpisać do alt
Szybkie rozróżnienie: informacja vs dekoracja vs funkcja
Zanim wpiszesz cokolwiek do pola alt w CMS, przypisz obraz do roli, jaką pełni na stronie. W3C podkreśla, że dobór tekstu alternatywnego powinien zależeć od celu/rol i kontekstu. Najprościej zrobić to w trzech krokach.
1) Informacja. Jeśli obraz pokazuje coś, co ma znaczenie dla zrozumienia treści (np. element oferty, fragment procesu, przykładowy widok), alt powinien przekazać istotną informację w skrócie. Nie chodzi o szczegółowe „opowiadanie całej fotografii”, tylko o to, co użytkownik ma wyciągnąć.
2) Dekoracja. Jeżeli obraz jest czysto dekoracyjny i jego jedynym celem jest ozdobienie strony, W3C wskazuje, że w takim przypadku właściwym wyborem bywa alt=””. To pozwala technologiom asystującym pominąć zbędny element, zamiast zalewać użytkownika komunikatem bez wartości.
3) Funkcja. Gdy obraz pełni rolę funkcjonalną, np. jest użyty jako element interakcji (w kontekście linku/przycisku), alt powinien opisywać funkcję, a nie sam wygląd. Obraz „jest tu po to, żeby coś zrobić”, więc alt ma odpowiedzieć: co użytkownik może zrobić dzięki temu elementowi.
To drzewko działa szczególnie dobrze zespołom, które mają mieszane galerie: od zdjęć produktowych po grafiki wspierające nawigację. Klucz jest jeden: przypisz alt do roli obrazu, a nie do tego, „jak wygląda”.
Checklisty copywritera: jak pisać alt text (i kiedy robić to inaczej)
Wzorce zdań (bez szablonowej sztuczności)
Alt text to mała porcja treści, więc warto pisać jak copywriter, tylko w miniaturowej skali: krótko, sensownie i wprost. Google wskazuje, że alt ma być użyteczny i informacyjny w kontekście zawartości strony oraz że należy unikać wypełniania alt słowami kluczowymi kosztem czytelności.
Przed wpisaniem alternatywy skorzystaj z checklisty „sens na pierwszym miejscu”:
- Zacznij od celu: co użytkownik ma zrozumieć, gdy zobaczy obraz w tym miejscu strony?
- Utrzymaj dopasowanie do roli obrazu (informacyjny/dekoracyjny/funkcjonalny).
- Trzymaj się najważniejszej informacji, zamiast dorzucać poboczne elementy.
- Nie twórz listy fraz; alt ma być komunikatem, a nie „zbiorem haseł”.
Jeśli potrzebujesz prostych ram składni, możesz myśleć tak: dla obrazu informacyjnego najpierw powiedz, co przedstawia, potem doprecyzuj to, co ma znaczenie; dla obrazu funkcjonalnego najpierw opisz funkcję, a dopiero potem ewentualnie dopnij kontekst.
W praktyce oznacza to, że alt text ma brzmieć jak zdanie, które realnie pomaga użytkownikowi. Jeśli po przeczytaniu alt nie wiadomo, co „dał” obraz, to znaczy, że alt nie dowozi sensu w obrębie strony.
Najczęstsze błędy: keyword stuffing i złe przypisanie roli obrazowi
„Test sensu” przed publikacją
Najczęstsze problemy z alt text nie wynikają z braku wiedzy, tylko z pośpiechu i myślenia „pod wyszukiwarkę”. Google ostrzega przed wypełnianiem alt słowami kluczowymi, wskazując, że to pogarsza doświadczenie użytkownika i może wyglądać jak spam.
Drugi częsty błąd to błędne przypisanie roli obrazu. Gdy obraz ma funkcję, a alt udaje, że to dekoracja, albo gdy obraz jest dekoracyjny, a alt próbuje go „przepakować informacyjnie”, użytkownik dostaje komunikat nieadekwatny do sytuacji.
Żeby szybko to wyłapać, zrób test sensu w 15 sekund:
- Czy po przeczytaniu alt użytkownik rozumie, co obraz wnosi w tym miejscu strony?
- Czy alt nie jest listą słów kluczowych zamiast opisem treści lub funkcji?
- Jeśli to dekoracja, czy rozważono alt=”” zgodnie z rolą?
- Jeśli to element interaktywny, czy alt opisuje funkcję, a nie sam wygląd?
Jeśli na którymkolwiek pytaniu pojawia się „nie”, to nie ma co zostawiać tego „na później”. Zły alt najczęściej psuje dostępność, a dopiero w drugiej kolejności miesza w odbiorze treści.
Jak wspierać SEO obrazów bez kombinowania: alt + kontekst + nazwy plików
Kontekst, który ma znaczenie (w obrębie strony)
„SEO obrazy” nie powinno oznaczać kombinowania. W podejściu z researchu sens jest prosty: Google wskazuje, że alt text wspiera zrozumienie obrazu w kontekście zawartości strony i że ma być informacyjny, a nie natrętnie keywordowy.
To prowadzi do praktycznego układu: alt + kontekst na stronie. Zanim dopracujesz atrybut, upewnij się, że obraz pasuje do tego, co jest obok tekstu. Jeśli grafika jest przykładami do konkretnego fragmentu oferty lub sekcji wyjaśniającej, alt powinien to podkreślać w ramach roli obrazu.
W researchu pojawia się też wątek nazw plików obrazu jako wskazówek dotyczących tematu. Uwaga praktyczna jest taka: opieraj się na sensie alt, a nazwy plików traktuj jako pomocnicze uzupełnienie. Nie próbuj zastępować braku dopracowanego alt samą nazwą pliku.
Innymi słowy: nie „robisz SEO”, tylko doprowadzasz komunikację do ładu. Właśnie to sprawia, że poprawny alt text i porządek treści naturalnie wspierają to, jak obrazy są rozumiane w ramach serwisu.
Szybka procedura wdrożenia w serwisie (strona firmowa/sklep)
Mini-checklist dla zespołu na 5 minut
Jeśli w Twoim serwisie jest dużo zdjęć, najlepiej wdrażać alt text systemowo, a nie „bo akurat ktoś miał czas”. W praktyce ogranicz chaos: zaczynaj od obrazów, które niosą informację albo pełnią funkcję, a dopiero potem wróć do pozostałych dekoracji.
- Sprawdź obrazy, które tłumaczą treść (informacja): czy alt mówi o istocie, w skrócie?
- Sprawdź obrazy dekoracyjne: czy rozważono alt=”” zgodnie z rolą?
- Sprawdź elementy funkcjonalne: czy alt opisuje funkcję, a nie wygląd?
- Przeczytaj alt „na głos” i sprawdź, czy nie wygląda jak lista fraz (keyword stuffing).
Unikaj tworzenia treści pozornie „pod SEO”, ale nieopisujących faktycznej roli obrazu (ryzyko pogorszenia UX dla użytkowników z technologiami asystującymi). Po takiej mini-kontroli zespół łatwiej utrzyma spójność: alt i kontekst na stronie mają się uzupełniać, a nie kłócić.
Skontaktuj się z Aleteksty.pl, aby omówić artykuły, teksty na stronę, opisy produktów lub regularną obsługę treści.
