Jak dodawać alty do zdjęć w Shoper — dostępność i SEO obrazów

Alt w Shoper to nie meta tag – to sygnał rankingowy i element dostępności. Google indeksuje obrazy, a czytniki ekranu odczytują tekst alternatywny. Jeśli w Shoperze masz setki zdjęć bez altów lub z powielonymi frazami, tracisz ruch z Grafiki Google i wykluczasz użytkowników niewidomych. Poniżej konkretne zasady dla sklepu na Shoper – bez teorii, tylko wdrożenie.

Rola altów w dostępności i SEO obrazów

Atrybut alt pełni dwie funkcje:

• Dostępność (WCAG): Czytnik ekranu (np. NVDA, VoiceOver) odczytuje tekst alternatywny, gdy obraz się nie załaduje lub użytkownik nie widzi. Brak altu = brak informacji o produkcie dla osoby niewidomej.
• SEO: Google używa altu do zrozumienia treści obrazu. Dobrze opisane zdjęcie może pojawić się w Grafice Google, co generuje dodatkowy ruch. Ponadto alt jest czynnikiem rankingowym w wyszukiwarce głównej – szczególnie dla zapytań wizualnych (np. „czerwona sukienka z koronką”).

W Shoperze alt działa domyślnie tylko dla zdjęć produktów (jeśli nie zmienisz ustawień). Dla banerów, grafik w opisach i zdjęć kategorii musisz go dodać ręcznie.

Unikalność altów dla produktów i banerów

Produkty – każdy wariant osobno

Nie używaj tego samego altu dla wszystkich zdjęć tego samego produktu. Google traktuje to jako duplikację i obniża wartość sygnału. Przykład:

• Źle: alt="Czerwona sukienka" dla zdjęcia głównego, zbliżenia dekoltu i zdjęcia z tyłu.
• Dobrze:
  • Zdjęcie główne: alt="Czerwona sukienka midi z dekoltem w serek – widok z przodu"
  • Zbliżenie dekoltu: alt="Czerwona sukienka midi – detal koronkowego dekoltu"
  • Zdjęcie z tyłu: alt="Czerwona sukienka midi – widok z tyłu, zapięcie na kryty zamek"

Zasada: Każde zdjęcie produktu opisuje inny aspekt – kolor, krój, materiał, funkcję. Unikaj fraz ogólnych jak „zdjęcie produktu”.

Banery i grafiki wizualne

Banery na stronie głównej, kategoriach czy w stopce często mają alt ustawiony przez szablon Shoper (np. alt="baner"). To błąd. Dla banera promującego „Wyprzedaż zimową” użyj:

alt="Wyprzedaż zimowa – rabaty do 50% na kurtki i buty"

Jeśli baner jest czysto dekoracyjny (np. tło bez treści), ustaw alt="" (pusty atrybut) – czytnik go pominie, a Google nie straci czasu na indeksowanie pustej grafiki.

Najczęstsze błędy: stuffing, duplikacja, brak kontekstu

1. Keyword stuffing

Wciskanie słów kluczowych bez sensu. Przykład:

alt="sukienka czerwona sukienka wieczorowa sukienka na wesele sukienka damska"

Google uznaje to za spam. Maksymalnie 5-7 słów, naturalnie opisujących obraz. Lepiej: alt="Czerwona sukienka wieczorowa z tiulu – idealna na wesele".

2. Duplikacja altów w całym sklepie

Jeśli każdy produkt ma alt alt="produkt" lub alt="zdjęcie", Google nie odróżni jednego zdjęcia od drugiego. Każdy alt musi być unikalny w skali całego sklepu. Dla 500 produktów to 500 różnych opisów.

3. Brak kontekstu

Alt nie może być oderwany od treści strony. Jeśli zdjęcie przedstawia „buty sportowe”, a strona mówi o „bieganiu”, alt powinien to łączyć:

alt="Buty do biegania Nike Air Zoom – amortyzacja na asfalt"

4. Pomijanie altów w opisach i kategoriach

Shoper domyślnie nie dodaje altów do zdjęć w edytorze treści (opisy produktów, kategorie). Musisz je wstawić ręcznie – w kodzie HTML: <img src="..." alt="Opis grafiki">.

Proces utrzymania altów w Shoperze

Krok 1: Audyt istniejących zdjęć

Użyj narzędzia Screaming Frog SEO Spider (wersja darmowa do 500 URL-i).

• Wpisz domenę sklepu.
• Przejdź do zakładki Images – zobaczysz listę wszystkich obrazów z atrybutem alt.
• Filtruj: puste alt, duplikaty, alt zawierające „baner”, „produkt”, „zdjęcie”.

Krok 2: Ustawienia domyślne w Shoper

W panelu Shoper sprawdź sekcję SEO/obrazów i ustaw generowanie altu na podstawie nazwy produktu – to podstawa, ale wymaga korekty (nazwa produktu często jest zbyt ogólna). Dla zdjęć wariantów (kolory, rozmiary) dodaj do nazwy informację o wariancie, np. „Sukienka czerwona M”.

Krok 3: Ręczne uzupełnianie dla kluczowych stron

• Strona główna: każdy baner i ikona – alt opisujący treść.
• Kategorie: zdjęcie kategorii (np. „Kurtki zimowe męskie”) – alt: alt="Kurtki zimowe męskie – kolekcja 2025".
• Bestsellery: najpierw uzupełnij alt dla 20-30 najpopularniejszych produktów – one generują najwięcej ruchu.

Krok 4: Automatyzacja przez API

Shoper nie ma wbudowanego masowego edytora altów. Dla większego katalogu napisz skrypt, który przez API Shoper pobiera listę produktów i aktualizuje alt dla każdego zdjęcia. Przy kilku tysiącach zdjęć to jednak osobny projekt — wtedy lepsza jest automatyzacja altów w e-commerce z generowaniem pod nadzorem, niż ręczne wpisywanie po jednym.

Krok 5: Monitorowanie i cykl miesięczny

Co miesiąc:

1. Eksportuj listę zdjęć ze Screaming Frog.
2. Sprawdź, czy nowe produkty mają alt.
3. Usuń duplikaty (np. gdy zmieniasz nazwę produktu, alt nie aktualizuje się automatycznie).
4. Dla banerów sezonowych – zmień alt po zakończeniu promocji.

Podsumowanie dla praktyka

• Alt to nie opcja – to wymóg dostępności i sygnał SEO.
• Unikalność na poziomie każdego zdjęcia – nie tylko produktu, ale każdego wariantu i banera.
• Audyt co miesiąc – Shoper nie ostrzega przed duplikacją.
• Automatyzacja przez API – jeśli masz >200 produktów, ręczne wpisywanie to strata czasu.

Alty to jeden z elementów, który audyt wyłapuje od ręki — jeśli porządkujesz cały sklep, zacznij od shoper SEO techniczne i potraktuj obrazy jako część większej układanki, nie osobny problem.

Zacznij od 10 najlepiej sprzedających się produktów – popraw alt, odczekaj 2 tygodnie i sprawdź wzrost ruchu z Grafiki Google w Search Console. To najszybszy test, czy Twoje alt działają.