Atrybut alt (tekst alternatywny lub alt text) to atrybut HTML tagu , który opisuje zawartość obrazu w postaci tekstu. Pełni podwójną rolę: dostępność (czytniki ekranu dla osób niedowidzących odczytują go na głos) i SEO (wyszukiwarki nie “widzą” obrazów — czytają ich alt text, aby zrozumieć, co przedstawiają). W sklepach e-commerce z setkami lub tysiącami zdjęć produktów optymalizacja alt textów jest ważną i często zaniedbaną dźwigńią SEO.
Dlaczego alt text jest ważny dla SEO
Google nie potrafi analizować obrazu wizualnie tak jak człowiek. Opiera się na sygnałach tekstowych — alt text, nazwa pliku, otaczający tekst, podpis — aby zrozumieć, co przedstawia obraz. Opisowy alt text zawierający odpowiednie słowa kluczowe pomaga Google: 1) poprawnie zaindeksować obraz w Google Images, które stanowią istotne źródło ruchu w e-commerce; 2) wzmocnić tematyczną relewantność strony dla docelowych zapytań; 3) poprawić pozycje w wynikach wyszukiwania grafiki, które generują bezpośrednie odwiedziny.
Google Images odpowiada średnio za 22% całkowitego wolumenu wyszukiwań w sieci (źródło: SparkToro). Dla wizualnych zapytań e-commerce — „buty do biegania damskie niebieskie”, „sukienka boho lato” — Google Images jest często pierwszym krokiem ścieżki zakupowej. Odpowiednio opisany obraz może kierować bezpośrednio na odpowiednią kartę produktu.
Jak pisać skuteczny alt text
Skuteczny alt text dokładnie opisuje, co przedstawia obraz, naturalnie integruje odpowiednie słowa kluczowe bez nadmiernej optymalizacji (keyword stuffing) i pozostaje zwęzły — najlepiej od 5 do 15 słów, czyli od 50 do 125 znaków. Google skraca alt texty zbyt długie w wynikach wyszukiwania grafiki.
- Złe: alt="" (puste) lub alt="zdjęcie" lub alt="IMG_4521.jpg" — brak jakiejkolwiek wartości SEO lub dla dostępności.
- Złe: alt="buty bieganie buty sport buty damskie bieganie damskie" — keyword stuffing karane przez Google.
- Dobre: alt="Damskie buty do biegania Nike Air Zoom Pegasus w kolorze granatowym" — opisowe, naturalne słowa kluczowe.
- Dobre: alt="Zbliżenie na niezmokalną podeszwę Gore-Tex Nike Pegasus Trail 4" — opis widoku szczegółowego.
- Dla obrazów dekoracyjnych (separatory, czysto wizualne ikony): alt="" (puste) jest poprawne i lepsze od wymuszonego opisu.
Alt text ≠ atrybut title
Zarządzanie alt textami na dużą skalę w e-commerce
Sklep z 1000 produktami i 5 zdjęciami na produkt oznacza 5000 obrazów do zoptymalizowania. Wyzwaniem e-commerce jest uprzemysłowienie tej optymalizacji bez utraty jakości. Większość platform, w tym PrestaShop, pozwala zdefiniować automatyczny szablon alt textów oparty na atrybutach produktu (nazwa, kolor, marka, referencja). To podejście jest lepsze niż puste alt, ale gorsze od indywidualnie napisanego tekstu dla produktów strategicznych.
Realistyczna strategia polega na ręcznym dostosowaniu alt textów dla bestsellerowych produktów (najlepsze 20% według sprzedaży, produkty wyróżnione, produkty często niedostępne z powodu dużego popytu) i używaniu automatycznego szablonu dla pozostałych. Idealny szablon dla zdjęć produktów w PrestaShop to: „[Nazwa produktu] [Kolor/Wariant] — [Marka] | [Nazwa sklepu]“.
Nazwa pliku obrazu: dodatkowy sygnał SEO
Nazwa pliku obrazu to sygnał SEO uzupełniający alt text. Zmiana nazwy IMG_4521.jpg na buty-do-biegania-damskie-nike-pegasus-niebieskie.jpg pomaga Google zrozumieć temat obrazu jeszcze przed przeczytaniem jego alt textu. W praktyce PrestaShop generuje nazwy plików na podstawie nazwy produktu podczas wgrywania — dzięki zadbaniu o dobre nazewnictwo produktów pliki zdjęć automatycznie otrzymują odpowiednie nazwy.
Dostępność
Czytniki ekranu używają alt textu, aby opisać obrazy użytkownikom niedowidzącym. W wielu krajach jest to wymog prawny.
Google Images
Alt text to główny sygnał służący do indeksowania obrazów w Google Images i generowania wizualnego ruchu e-commerce.
Relewantność tematyczna
Dobrze napisany alt text wzmacnia spójność semantyczną strony i poprawia jej ogólne pozycjonowanie.
Alt text i CDN: jak Lexiik chroni Twoje atrybuty
Gdy Lexiik przepisuje adresy URL obrazu w celu dostarczenia ich z CDN Cloudflare, atrybuty alt i title Twoich tagów nie są modyfikowane. Override PrestaShop Lexiika działa wyłącznie na poziomie generowania źródłowego URL obrazu, a nie na poziomie kompletnego elementu HTML. Twoje zoptymalizowane alt texty pozostają nienaruszone i nadal są odczytywane przez Google podczas indeksowania.
Ponadto Lexiik pośrednio poprawia wykrywalność Twoich obrazów w Google Images: dostarczając obrazy z CDN ze stabilnymi URL-ami i optymalnymi nagłówkami cache, Google może indeksować i aktualizować zawartość obrazów sprawniej, z mniejszą liczbą błędów timeout lub błędów podczas indeksowania.