Tekst alternatywny obrazów, czyli popularny alt, wygląda jak małe pole w WordPressie. Małe pole, a potrafi narobić sporo zamieszania. Wpisywać nazwę pliku? Frazy kluczowe? A może kilka zdań opisu? Spokojnie — alt nie jest miejscem na upychanie wszystkiego, co przyjdzie do głowy.

Jego zadanie jest prostsze: przekazać informację albo funkcję obrazu osobie, która nie może go zobaczyć. Dlatego dobry opis zależy od tego, po co obraz znalazł się na stronie. Inaczej opiszesz zdjęcie produktu, inaczej ikonę prowadzącą do koszyka, a inaczej ozdobne tło. Poniżej przechodzimy przez te sytuacje bez czarnej magii i bez marketingowego dymu.

Alt tekst bez czarnej magii: do czego naprawdę służy

Tekst alternatywny to tekstowy zamiennik informacji przekazywanej przez obraz. Jeśli zdjęcie pokazuje coś ważnego dla zrozumienia strony, alt powinien powiedzieć, co to jest — krótko, konkretnie i w kontekście. Nie chodzi o literacki opis ani o konkurs na najbardziej kwieciste zdanie.

Najpierw zadaj sobie jedno pytanie: gdyby obraz zniknął, czego użytkownik nie wiedziałby już o tej stronie? Właśnie tę informację warto przekazać w alt. Jeśli zdjęcie przedstawia produkt, opis może pomóc rozpoznać jego rodzaj, kolor czy widoczny wariant. Jeśli grafika jest elementem nawigacji, ważniejsze od jej wyglądu będzie to, dokąd prowadzi.

Nie przepisuj nazwy pliku typu DSC_1234.jpg. Dla człowieka to zagadka, nie opis. Nie wciskaj też frazy „strona internetowa tanio szybko najlepsza”, jeśli obraz nie przekazuje takiej treści. Alt nie jest workiem na słowa kluczowe i sam w sobie nie gwarantuje lepszej pozycji, sprzedaży ani konwersji. Ma pomagać zrozumieć stronę.

Kiedy opis, a kiedy pusto: szybka decyzja dla każdego obrazka

Najłatwiej zacząć od rozpoznania roli obrazu. Ten sam plik może być użyty w kilku miejscach, a wtedy jego znaczenie może się zmienić. Zamiast automatycznie wpisywać coś do każdego pola, przejdź przez prosty podział.

Obraz informacyjny, dekoracyjny czy funkcjonalny?

• Obraz informacyjny przekazuje treść ważną dla strony. Alt powinien opisać najważniejszą informację widoczną na obrazie.
• Obraz dekoracyjny jest tylko ozdobą i nie wnosi nic potrzebnego do zrozumienia treści. W takim przypadku właściwy jest pusty alt: alt="".
• Obraz funkcjonalny działa jak link albo przycisk. Alt powinien opisywać cel lub działanie, a nie sam wygląd ikony. „Przejdź do koszyka” mówi więcej niż „ikona koszyka”.

Pusty alt nie oznacza „nie chciało mi się”. To celowa informacja, że technologia asystująca może pominąć dekorację. Nie stosuj go jednak przy zdjęciu produktu, grafice z ważnym tekstem, obrazie potrzebnym do zrozumienia treści ani elemencie, który prowadzi gdzieś po kliknięciu.

Co z obrazem, którego informacja jest już jasno podana obok? Wtedy trzeba ocenić, czy sam obraz nadal wnosi coś nowego. Jeśli tylko powtarza treść i pełni rolę ozdobnika, pusty alt może być sensowny. Jeśli dodaje istotny szczegół, opis nadal jest potrzebny.

Jak pisać alt dla zdjęć produktów

W sklepie internetowym zdjęcie nie istnieje w próżni. Obok zwykle są nazwa produktu, cena, parametry, dostępność i opis oferty. Alt nie ma tego wszystkiego kopiować. Powinien uzupełniać treść, a nie udawać cały opis produktu w jednym polu.

Co naprawdę widać i co ma znaczenie?

Dobry punkt wyjścia brzmi: co widać na tym zdjęciu i co może mieć znaczenie właśnie tutaj? Jeśli użytkownik wybiera między wariantami, widoczny kolor lub sposób użycia może być ważny. Jeśli zdjęcie pokazuje konkretny element produktu, warto go nazwać, o ile rzeczywiście znajduje się na obrazie.

Opis powinien być konkretny, ale nie musi opowiadać całej historii. Nie wpisuj cech, których na zdjęciu nie widać, ani haseł sprzedażowych w rodzaju „najlepszy wybór dla wymagających”. To nie opis obrazu, tylko reklamowy okrzyk. Nazwa produktu, cena, parametry i dostępność powinny pozostać zwykłą treścią oferty.

Nie ma jednej uniwersalnej formuły ani sztywnego limitu długości, który pasowałby do każdego zdjęcia. Innego opisu może wymagać główne zdjęcie produktu, innego zdjęcie detalu, a jeszcze innego fotografia pokazująca sposób użycia. Liczy się rola obrazu i informacja potrzebna w danym miejscu strony.

Grafiki informacyjne, infografiki i wykresy

Grafika z tekstem, schematem albo danymi to nie zwykły ozdobnik. Jeśli zawiera informację, alt powinien ją przekazać z uwzględnieniem kontekstu. Przy grafice z napisem nie wystarczy ogólne „baner informacyjny”, gdy sam napis jest tym, co użytkownik powinien poznać.

Kiedy alt nie wystarczy?

Przy wykresie, diagramie, mapie, infografice albo schemacie procesu kilka słów może być zdecydowanie za mało. Taki obraz może pokazywać zależności, wartości, etapy lub wnioski, których nie da się uczciwie zamknąć w ogólnym opisie. Wtedy potrzebny jest pełny tekstowy odpowiednik danych lub informacji z grafiki.

To nie znaczy, że alt ma zawsze zamienić się w ścianę tekstu. Najważniejsze jest zapewnienie informacji także w tekście strony albo w innym dostępnym tekście. Jeśli grafika ma dużo danych, opis „wykres wyników firmy” niewiele daje. Użytkownik nadal nie wie, co z tego wykresu wynika.

Nie zostawiaj pustego altu tylko dlatego, że infografika wygląda atrakcyjnie. Ozdobny może być element, który niczego nie komunikuje. Grafika informacyjna ma inną rolę — jej treść trzeba udostępnić również osobie, która jej nie widzi.

Alt a podpis pod zdjęciem — nie, to nie jest to samo

Alt i podpis pod zdjęciem często lądują obok siebie, ale pełnią różne funkcje. Alt jest tekstowym zamiennikiem informacji przekazywanej przez obraz. Ma pomóc wtedy, gdy obraz nie jest dostępny albo nie może zostać odczytany wzrokowo.

Podpis jest widocznym elementem strony. Może wyjaśniać zdjęcie, podawać autora, datę, miejsce albo dodawać komentarz. Nie trzeba automatycznie kopiować go do pola alt. Jeśli podpis mówi „Zdjęcie z realizacji — siedziba firmy”, alt może przekazywać inną, istotną informację o tym, co widać na fotografii.

Najgorszy scenariusz? Ten sam tekst powtórzony bez zmian w alt i podpisie. Zamiast pomagać, robi się z tego informacyjna pętla. Jeśli oba elementy są potrzebne, niech się uzupełniają, a nie dublują.

Najczęstsze wpadki firm

W tekstach alternatywnych firmy zwykle wpadają w kilka powtarzalnych pułapek. Nie jest to statystyczny ranking, tylko praktyczna lista rzeczy, które warto sprawdzić na własnej stronie.

Alt, który przeszkadza zamiast pomagać

• Nazwa pliku zamiast opisu: image.png, DSC_1234.jpg albo przypadkowy ciąg znaków niczego sensownego nie przekazuje.
• Upychanie fraz: słowa kluczowe mają sens tylko wtedy, gdy opisują rzeczywistą treść albo funkcję obrazu.
• Opis dekoracji: ozdobne tło nie potrzebuje rozbudowanej historii. Może zostać pominięte przez pusty alt.
• Opis ikony zamiast działania: przy linku lub przycisku liczy się cel, na przykład przejście do koszyka, a nie informacja, że ikona jest niebieska.
• Pusty alt przy ważnym obrazie: jeśli zdjęcie, grafika lub tekst na obrazie są potrzebne do zrozumienia treści, nie chowaj ich przed użytkownikiem.
• Zbyt ogólny opis złożonej grafiki: przy wykresie lub diagramie kilka ogólnych słów nie zastępuje danych ani wniosków.

Warto też uważać na automatyzm. To, że zdjęcie raz dostało opis, nie oznacza, że ten sam tekst pasuje wszędzie. Alt powinien wynikać z konkretnego użycia, a nie z nazwy pliku czy wygody osoby dodającej obraz.

Gdzie ustawić alt w WordPressie i co sprawdzić po publikacji

W WordPressie tekst alternatywny można uzupełnić w szczegółach obrazu w bibliotece mediów. To wygodne miejsce na przygotowanie wartości, ale nie traktuj go jak pieczątki zatwierdzającej każdy przyszły kontekst użycia.

Biblioteka mediów kontra konkretny blok

Ten sam obraz może pojawić się na stronie usług, we wpisie i w sklepie. W konkretnym bloku można zmienić tekst alternatywny dla danego miejsca użycia. To ważne, bo obraz w jednym kontekście może informować o produkcie, a w innym pełnić funkcję dekoracyjną albo prowadzić do galerii.

Po publikacji przejdź stronę jak zwykły użytkownik i sprawdź każdy ważniejszy obraz. Zadaj sobie kilka pytań:

• Czy opis przekazuje informację istotną w tym miejscu?
• Czy nie jest tylko nazwą pliku albo zlepkiem fraz?
• Czy nie powtarza bez sensu podpisu znajdującego się pod zdjęciem?
• Czy obraz użyty jako link lub przycisk opisuje działanie?
• Czy ważna grafika, wykres albo diagram ma pełniejszy tekstowy odpowiednik?

Ustawienie altów nie jest pełnym audytem dostępności strony. To jeden z elementów, który trzeba dopasować do treści, nawigacji i sposobu użycia obrazów. W WordPressie warto więc sprawdzać nie tylko bibliotekę mediów, ale również konkretne strony i bloki po publikacji.

Podsumowując: najpierw rozpoznaj rolę obrazu, a dopiero potem zdecyduj, co wpisać. Obraz informacyjny potrzebuje opisu, dekoracyjny może mieć pusty alt, a link lub przycisk powinien mówić o działaniu. Zdjęcie produktu ma uzupełniać ofertę, nie zastępować jej nazwę, cenę i parametry. Przy wykresach i infografikach krótki ogólnik często nie wystarczy, więc zadbaj o tekstowy odpowiednik informacji. Alt nie jest miejscem na spam SEO ani nazwę pliku. Jest małym, ale ważnym kawałkiem porządnie zrobionej strony.

Masz stronę, sklep albo materiały graficzne, które proszą się o ogarnięcie? Napisz do INB Marketing i zobaczymy, co da się z tym sensownie zrobić.