Nazwy plików i teksty alternatywne zdjęć - SEO grafik w sklepie internetowym

Tekst alternatywny dla różnych grafik w sklepie

Nie każda grafika w sklepie wymaga takiego samego opisu. Inaczej opisuje się główne zdjęcie produktu, inaczej infografikę z wymiarami, a jeszcze inaczej element dekoracyjny. Zestawienie najczęstszych typów obrazów:

[#chart:pgr53b]

Zdjęcia wariantów i galerie produktów

Przy wariantach kolorystycznych tekst alternatywny powinien wskazywać kolor lub wersję widoczną na zdjęciu. Klient korzystający z czytnika ekranu inaczej nie dowie się, który wariant ogląda. Jak uporządkować same zdjęcia wariantów, opisujemy w tekście o tym, jak pokazać kolory i rozmiary w jednej ofercie.

W galerii każde zdjęcie pokazuje coś innego, więc opis też powinien się różnić. Najczęstszy błąd to automatyczne wstawienie nazwy produktu do wszystkich zdjęć - osiem identycznych tekstów alternatywnych nie mówi nic o tym, że jedno zdjęcie pokazuje tył, drugie wnętrze, a trzecie produkt w dłoni.

Infografiki i grafiki z tekstem

Jeśli na grafice są wymiary, parametry albo instrukcja, tekst alternatywny powinien przekazać najważniejsze informacje. Gdy treści jest dużo, lepiej umieścić ją także w opisie produktu jako zwykły tekst - jest wtedy dostępna dla wszystkich i czytelna dla wyszukiwarki. W3C WAI zaleca, by przy złożonych obrazach, których nie da się opisać jednym zdaniem, stosować dłuższy opis poza atrybutem alt.

Grafiki dekoracyjne

Ozdobniki, tła, linie i ikony, które powtarzają tekst obok, nie wymagają opisu. W3C WAI zaleca dla nich pusty atrybut alt="", dzięki któremu czytniki ekranu je pomijają. Pominięcie atrybutu w ogóle jest gorsze - niektóre czytniki odczytują wtedy nazwę pliku.

Przykłady tekstów alternatywnych z różnych kategorii

Najłatwiej zrozumieć zasadę na przykładach. Poniżej propozycje opisów dla typowych zdjęć w sklepach z różnych branż - każdy opis mówi, co widać na konkretnym ujęciu, a nie tylko powtarza nazwę produktu:

• Odzież: „granatowa kurtka przejściowa z kapturem, widok z tyłu”.

• Meble: „szara sofa narożna w salonie, zestawiona z drewnianym stolikiem”.

• Kosmetyki: „krem do rąk w tubie 75 ml, konsystencja na palcu”.

• Elektronika: „ładowarka sieciowa z dwoma portami USB-C, zbliżenie na złącza”.

• Akcesoria dla zwierząt: „legowisko dla psa rozmiar L z labradorem w środku”.

Zwróć uwagę, że opisy nie zawierają ceny, haseł sprzedażowych ani słów „najlepszy” czy „tani”. Tekst alternatywny ma opisywać obraz, a nie zastępować opis produktu. Słowa kluczowe pojawiają się w nim naturalnie, bo nazwa rodzaju produktu i tak jest częścią opisu.

Czy teksty alternatywne może pisać sztuczna inteligencja

Narzędzia AI potrafią wygenerować opis zdjęcia i mogą przyspieszyć uzupełnianie tysięcy brakujących tekstów alternatywnych. Warto jednak traktować je jako szkic. Automatyczny opis często nie zna nazwy modelu, materiału czy wariantu, myli kolory przy nietypowym oświetleniu i nie wie, które ujęcie w galerii jest ważne dla klienta. Najlepiej sprawdza się podejście mieszane: wygenerowanie propozycji, a potem szybka weryfikacja przez osobę znającą produkty, zaczynając od kart z największą sprzedażą.

Pamiętaj też, że na marketplace'ach zwykle nie masz wpływu na kod strony oferty, więc pole na tekst alternatywny może być niedostępne. Tam o widoczności decydują przede wszystkim tytuł, parametry i opis oferty. Teksty alternatywne i nazwy plików to przede wszystkim praca we własnym sklepie, gdzie masz pełną kontrolę nad zdjęciami.

Tekst alternatywny a dostępność sklepu internetowego

Teksty alternatywne mają też wymiar prawny. Dyrektywa (UE) 2019/882, zwana Europejskim aktem o dostępności, obejmuje m.in. usługi handlu elektronicznego świadczone konsumentom, a państwa członkowskie stosują jej przepisy od 28 czerwca 2025 r. W Polsce wdraża ją ustawa z 26 kwietnia 2024 r. o zapewnianiu spełniania wymagań dostępności niektórych produktów i usług przez podmioty gospodarcze (Dz.U. 2024 poz. 731).

Wymagania z załącznika I dyrektywy mówią m.in. o uzupełnianiu treści nietekstowych alternatywnymi prezentacjami tych treści, a niewiążące przykłady z załącznika II wymieniają tekstowy opis obrazów. Dyrektywa zwalnia z wymogów dostępności mikroprzedsiębiorstwa świadczące usługi (art. 4 ust. 5) - to firmy zatrudniające mniej niż 10 osób, z rocznym obrotem lub sumą bilansową do 2 mln euro. To, czy i w jakim zakresie przepisy dotyczą Twojego sklepu, warto skonsultować z prawnikiem. Niezależnie od obowiązków dobre teksty alternatywne po prostu ułatwiają zakupy większej grupie klientów - także osobom, które przeglądają sklep przy słabym połączeniu i widzą opis zamiast niewczytanego zdjęcia. To niewielki koszt, a korzyść odczuwa każdy klient, który z jakiegoś powodu nie widzi grafiki.

[#uwaga] Nie traktuj tego tekstu jako porady prawnej. Zakres obowiązków wynikających z ustawy o dostępności produktów i usług zależy od wielkości firmy i rodzaju usługi. W razie wątpliwości skonsultuj się ze specjalistą.

Jak uporządkować nazwy plików i teksty alternatywne w sklepie

W sklepie z kilkuset lub kilku tysiącami produktów nie da się poprawić wszystkiego naraz. Najlepiej zacząć od produktów, które przynoszą największą sprzedaż lub ruch, i ustalić zasady dla nowych zdjęć, żeby problem nie narastał. Tak wygląda proces, który proponujemy klientom:

[#chart:pgr53c]

Przy porządkowaniu zdjęć łatwo przy okazji zmienić ich adresy. Jeśli zdjęcia są już widoczne w Grafice Google albo w Google Merchant Center, nowa nazwa pliku oznacza nowy adres, który musi zostać ponownie przetworzony. O wymaganiach dla zdjęć w kampaniach produktowych piszemy w tekście o zdjęciach w Google Merchant Center. Dlatego zmiany nazw najlepiej łączyć z wymianą zdjęć, a przy pozostałych plikach ograniczyć się do uzupełnienia tekstów alternatywnych.

Ustalone zasady zapisz w krótkim dokumencie dla zespołu: wzór nazwy pliku, wzór tekstu alternatywnego dla zdjęcia głównego, galerii i infografik, przykłady dobre i złe oraz informację, kto odpowiada za uzupełnienie opisów przy nowych produktach. Taki dokument przydaje się szczególnie wtedy, gdy produkty dodaje kilka osób albo gdy zdjęcia przygotowuje zewnętrzny fotograf lub agencja. Bez niego po kilku miesiącach w sklepie znowu pojawiają się pliki o nazwach z aparatu i puste pola alt, a porządkowanie trzeba zaczynać od nowa.

Inne zasady SEO grafik w sklepie

• Obraz w kodzie HTML. Google indeksuje obrazy z atrybutu src elementu img, także wewnątrz elementu picture; obrazów dodanych jako tło CSS nie indeksuje.

• Zdjęcie blisko tekstu. Google wykorzystuje treść wokół obrazu, więc zdjęcia umieszczaj przy opisie produktu, którego dotyczą.

• Mapa witryny obrazów. Pomaga Google znaleźć zdjęcia, których mógłby nie wykryć, na przykład ładowane skryptem; jeden adres w mapie może zawierać do 1000 obrazów (według dokumentacji Google - sprawdź aktualne wytyczne).

• Lekkie pliki. Szybkość ładowania zdjęć wpływa na doświadczenie klienta - szczegóły w tekście o optymalizacji zdjęć w sklepie internetowym.

Jak Vinson pomaga z SEO grafik w sklepie

Projektujemy grafiki dla e-commerce: miniatury i galerie ofert, banery, identyfikację sklepu i materiały reklamowe. Przekazujemy pliki z uporządkowanymi, opisowymi nazwami, w formatach dopasowanych do sklepu i marketplace'ów, a na prośbę klienta przygotowujemy propozycje opisów zdjęć do uzupełnienia w panelu sklepu. Więcej o współpracy przeczytasz na stronie projektowanie graficzne dla e-commerce.

Vinson to agencja e-commerce z Bochni, działająca od 2021 roku. Jesteśmy Allegro Ads Partner+, Google Partner, Meta Business Partner, certyfikowanym partnerem Base, partnerem Empik Place i autoryzowanym partnerem Shoper. Klienci oceniają nas na 4,9/5 ze 171 opinii, a współpracowaliśmy z ponad 500 firmami.

Najczęściej zadawane pytania

Co wpisać w tekst alternatywny zdjęcia produktu?

Krótki opis tego, co widać na konkretnym zdjęciu: rodzaj produktu, najważniejszą cechę i ujęcie, na przykład „zielony kubek ceramiczny 350 ml trzymany w dłoni”. Nie powtarzaj tego samego opisu przy wszystkich zdjęciach galerii i nie dopisuj słów „zdjęcie” czy „obrazek”. Unikaj upychania słów kluczowych.

Czy nazwa pliku zdjęcia ma znaczenie dla SEO?

Tak, choć mniejsze niż tekst alternatywny. Google zaleca krótkie, opisowe nazwy plików, takie jak my-new-black-kitten.jpg zamiast IMG00023.JPG, i odradza nazwy ogólne. W sklepie najlepiej sprawdzają się nazwy z rodzajem produktu, cechą i ujęciem, małymi literami i z myślnikami.

Czy każde zdjęcie w sklepie musi mieć tekst alternatywny?

Każde zdjęcie, które przekazuje informację, powinno mieć opis. Grafiki czysto dekoracyjne, takie jak tła i ozdobniki, powinny mieć pusty atrybut alt="", żeby czytniki ekranu je pominęły. Brak atrybutu alt w ogóle jest gorszym rozwiązaniem niż pusty atrybut.

Jak długi powinien być tekst alternatywny?

Możliwie krótki, zwykle jedno zdanie lub fraza, z najważniejszą informacją na początku. Jeśli obraz zawiera dużo treści, na przykład tabelę rozmiarów, przenieś ją również do opisu produktu jako tekst. W3C WAI zaleca dla złożonych obrazów osobny, dłuższy opis.

Czy sklep internetowy musi mieć teksty alternatywne zdjęć?

Europejski akt o dostępności obejmuje usługi handlu elektronicznego od 28 czerwca 2025 r., a w Polsce wdraża go ustawa o zapewnianiu spełniania wymagań dostępności niektórych produktów i usług. Mikroprzedsiębiorstwa świadczące usługi są zwolnione z wymogów dostępności. Zakres obowiązków konkretnego sklepu warto sprawdzić z prawnikiem.

Nazwy plików i teksty alternatywne zdjęć to drobna praca, która wzmacnia widoczność produktów i dostępność sklepu. Jeśli chcesz, żeby grafiki Twojego sklepu powstawały od razu z uporządkowanymi nazwami i w odpowiednich formatach, zajrzyj na stronę projektowania graficznego dla e-commerce.