Optymalizacja zdjęć produktowych pod SEO – format, waga, nazwy plików i atrybut ALT

Nazwy plików zdjęć – jak je tworzyć

Według Google nazwa pliku daje bardzo lekką wskazówkę co do tematyki obrazu. Lekką, ale wartą wykorzystania, zwłaszcza że koszt jest niewielki. Dokumentacja zaleca krótkie, opisowe nazwy, np. zamiast IMG00023.JPG lepiej użyć nazwy opisującej, co przedstawia zdjęcie, i unikać ogólnych nazw w rodzaju image1.jpg. Przy tysiącach zdjęć Google sugeruje rozważenie automatyzacji nazewnictwa.

W nazwach plików używaj małych liter, łączników zamiast spacji i podkreśleń oraz liter bez polskich znaków diakrytycznych, chyba że platforma poprawnie je obsługuje. Jeśli sklep działa w kilku językach, Google zaleca tłumaczenie także nazw plików. W praktyce najłatwiej zbudować schemat: produkt, wariant, ujęcie, np. nazwa-modelu-kolor-przod.jpg.

[#tip] Jeśli platforma zmienia nazwy plików przy wgrywaniu na losowe ciągi znaków, nie przejmuj się tym przesadnie. Nazwa pliku to słaby sygnał, a znacznie więcej zyskasz na dobrym tekście alternatywnym i treści strony. Nie zmieniaj też masowo nazw już zaindeksowanych zdjęć tylko dla SEO, bo zmiana adresu obrazu oznacza, że Google musi go odkryć od nowa.

Atrybut ALT – jak opisywać zdjęcia produktów

Tekst alternatywny to według Google najważniejszy atrybut, jeśli chodzi o dodatkowe informacje o obrazie. Google używa go razem z algorytmami rozpoznawania obrazu i treścią strony, aby zrozumieć, co przedstawia zdjęcie. ALT służy też dostępności: czytają go czytniki ekranu, a przeglądarka wyświetla go, gdy obraz się nie wczyta. Jeśli zdjęcie jest linkiem, tekst alternatywny pełni rolę tekstu kotwicy.

Dokumentacja zaleca pisanie przydatnych, konkretnych opisów, które w naturalny sposób zawierają słowa kluczowe i pasują do treści strony. Ostrzega jednocześnie przed upychaniem fraz w atrybucie ALT, bo pogarsza to doświadczenie użytkownika i może zostać uznane za spam. Przykład z dokumentacji dobrze to oddaje: brak opisu jest zły, ciąg słów kluczowych też, krótki opis jest lepszy, a najlepszy jest opis konkretny, mówiący, co dokładnie dzieje się na zdjęciu.

Wykres – dobry i słaby tekst alternatywny zdjęcia produktu. [#chart:se29]

1. Zdjęcie główne – nazwa produktu z najważniejszym wyróżnikiem, np. model, kolor, materiał.

2. Kolejne ujęcia – opis tego, co pokazuje dane zdjęcie: tył, podeszwa, detal zamka, produkt w użyciu.

3. Warianty – przy zdjęciach poszczególnych kolorów uwzględnij kolor w opisie.

4. Zdjęcia aranżacyjne – opisz scenę i produkt, np. sofa w salonie w stylu skandynawskim.

5. Grafiki dekoracyjne – ozdobniki, tła i ikony bez znaczenia mogą mieć pusty atrybut ALT, aby czytniki ekranu je pomijały.

[#przyklad] Sklep z plecakami miał w galerii każdego produktu sześć zdjęć z identycznym tekstem alternatywnym równym nazwie produktu. Po zmianie opisy wyglądają tak: „Plecak miejski 20 l granatowy – widok z przodu”, „Plecak miejski 20 l granatowy – kieszeń na laptopa”, „Plecak miejski 20 l granatowy na ramieniu”. Opisy są krótkie, różne dla każdego ujęcia i mówią, co widać na zdjęciu. Są też pomocne dla osób korzystających z czytników ekranu.

Przy dużym katalogu teksty alternatywne można generować z szablonu na podstawie danych produktu: nazwy, koloru i typu ujęcia. To rozsądne rozwiązanie, pod warunkiem że szablon daje różne opisy dla różnych zdjęć. Pomocne mogą być też narzędzia AI, ale wymagają kontroli, o czym piszemy w artykule o opisach produktów pisanych przez AI.

Jak osadzić zdjęcia, żeby Google je znalazł

Google znajduje obrazy w atrybucie src elementu img, także wtedy, gdy jest on wewnątrz elementu picture. Dokumentacja mówi wprost, że Google nie indeksuje obrazów osadzonych w stylach CSS, np. jako tło elementu. W sklepie oznacza to, że zdjęcia produktów zawsze powinny być zwykłymi obrazami w kodzie, a nie tłem bloku, nawet jeśli tak jest wygodniej dla projektanta.

• Leniwe ładowanie z rozsądkiem – stosuj je dla zdjęć poniżej pierwszego ekranu i w dalszej części galerii. Zdjęcie główne powinno ładować się od razu.

• Ten sam adres dla tego samego zdjęcia – Google zaleca konsekwentne używanie jednego adresu obrazu, który pojawia się na wielu stronach, co pomaga przy budżecie indeksowania.

• Mapa witryny z obrazami – pomaga Google odkryć zdjęcia, których mógłby nie znaleźć, i może zawierać adresy z innych domen, np. z CDN.

• Zdjęcia blisko powiązanego tekstu – obraz otoczony opisem produktu, nagłówkiem i podpisem daje Google więcej kontekstu.

Jak wykorzystać zdjęcia do zdobywania ruchu z Grafiki Google i wyszukiwania wizualnego, opisujemy w osobnym artykule o Google Grafice i Google Lens. Optymalizacja opisana w tym poradniku jest dla tych działań punktem wyjścia.

Optymalizacja zdjęć przy dużym katalogu produktów

W sklepie z kilkudziesięcioma produktami wszystko da się zrobić ręcznie. Przy kilku tysiącach pozycji, często importowanych z plików hurtowni, potrzebny jest proces. Zdjęcia z hurtowni bywają ciężkie, mają przypadkowe nazwy i nie mają żadnych opisów, a trafiają do sklepu automatycznie, np. przez import produktów z plików XML i CSV.

1. Podziel katalog na grupy – najpierw produkty, które generują ruch i sprzedaż, potem reszta. Dane z raportu Skuteczność i GA4 szybko pokażą, od czego zacząć.

2. Automatyzuj to, co powtarzalne – kompresję, konwersję formatu i generowanie miniatur może wykonywać platforma lub narzędzie wsadowe.

3. Generuj ALT z szablonu – połączenie nazwy produktu, wariantu i typu ujęcia daje poprawne, zróżnicowane opisy dla tysięcy zdjęć.

4. Dodawaj własne zdjęcia do najważniejszych produktów – zdjęcia producenta ma wiele sklepów, a własne ujęcia, np. produkt w użyciu czy detal, wyróżniają ofertę.

5. Sprawdzaj nowe produkty – raz w miesiącu przejrzyj próbkę nowo dodanych kart, czy zdjęcia spełniają standard.

Taki podział pracy pozwala szybko poprawić strony, które naprawdę mają znaczenie dla sprzedaży, zamiast przez miesiące ręcznie poprawiać zdjęcia produktów, których nikt nie ogląda. Gdy standard jest spisany, każdy nowy produkt od razu trafia do sklepu w dobrej formie i problem nie narasta.

Najczęstsze błędy w optymalizacji zdjęć w sklepie

• Zdjęcia prosto z aparatu – pliki o wadze kilku megabajtów na każdej karcie produktu.

• Lazy loading zdjęcia głównego – opóźnia element, który klient chce zobaczyć najpierw.

• Brak wymiarów – strona przesuwa się podczas ładowania galerii.

• Ten sam ALT dla wszystkich zdjęć – albo, co gorsza, lista fraz kluczowych.

• Zdjęcia jako tło w CSS – Google ich nie indeksuje.

• Kopiowanie zdjęć od producenta bez zmian – te same pliki ma wiele sklepów, więc warto dodać własne ujęcia, które wyróżnią ofertę.

[#checklista] Standard wymiarów i proporcji spisany; zdjęcia skompresowane i w obsługiwanym formacie; wersje responsywne i miniatury; wymiary obrazów w kodzie; zdjęcie główne bez lazy loading; opisowe nazwy plików według schematu; unikalny ALT dla każdego ujęcia; obrazy osadzone jako img, nie tło CSS; mapa witryny uwzględnia zdjęcia; kontrola nowych produktów raz w miesiącu.

Optymalizacja zdjęć to jeden z najprostszych sposobów na poprawę szybkości ładowania sklepu. Warto też pamiętać, że zdjęcie i opis produktu powinny opowiadać tę samą historię: tekst wyjaśnia, a zdjęcia pokazują.

Najczęściej zadawane pytania

Jaki format zdjęć jest najlepszy dla sklepu internetowego?

Dla zdjęć produktów najczęściej sprawdzają się JPEG oraz nowoczesne formaty WebP i AVIF, które zwykle dają mniejsze pliki. PNG warto zostawić dla grafik z przezroczystością. Google obsługuje m.in. JPEG, PNG, WebP, AVIF, GIF, BMP i SVG.

Czy atrybut ALT wpływa na pozycje w Google?

Google traktuje tekst alternatywny jako najważniejszy dodatkowy opis obrazu i wykorzystuje go do zrozumienia, co przedstawia zdjęcie. Ma to znaczenie przede wszystkim dla widoczności zdjęć w Grafice Google i wynikach z obrazami. ALT nie zastąpi jednak treści strony.

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

Każde zdjęcie, które niesie informację, np. zdjęcie produktu, powinno mieć opis. Elementy czysto dekoracyjne mogą mieć pusty atrybut ALT, żeby czytniki ekranu je pomijały. Nie wpisuj w ALT nazwy pliku ani ogólnych słów typu „zdjęcie”.

Czy nazwa pliku zdjęcia ma znaczenie dla SEO?

Tak, ale niewielkie. Google określa ją jako bardzo lekką wskazówkę o tematyce obrazu. Warto stosować krótkie, opisowe nazwy przy nowych zdjęciach, ale nie trzeba masowo zmieniać nazw plików już zaindeksowanych.

Czy leniwe ładowanie zdjęć szkodzi SEO?

Nie, jeśli jest wdrożone poprawnie. Google zaleca, by treści ładowały się, gdy pojawiają się w widocznym obszarze, bez konieczności przewijania czy klikania. Nie należy stosować go dla zdjęć widocznych od razu po otwarciu strony.

Ile powinno ważyć zdjęcie produktu?

Nie ma jednej wartości dla wszystkich sklepów. Ustal własny standard na podstawie szablonu i testów w PageSpeed Insights, pamiętając, że zdjęcie główne często jest elementem LCP. Plik powinien być tak lekki, jak to możliwe bez widocznej utraty jakości.

Czy zdjęcia od producenta szkodzą pozycjom sklepu?

Nie ma kary za korzystanie ze zdjęć producenta, ale te same pliki ma zwykle wiele sklepów, więc trudno się nimi wyróżnić w Grafice Google. Przy najważniejszych produktach warto dodać własne ujęcia, a teksty uzupełnić o unikalne treści, o czym piszemy w artykule o opisach od producenta.

Podsumowanie

Optymalizacja zdjęć produktowych pod SEO łączy dwa cele: szybką stronę i zrozumiałe dla Google obrazy. Najważniejsze elementy to lekkie pliki w obsługiwanym formacie, wersje responsywne i wymiary w kodzie, zdjęcie główne bez leniwego ładowania, opisowe nazwy plików i unikalny, konkretny tekst alternatywny dla każdego ujęcia. Przy dużym katalogu warto ustalić standard i zautomatyzować to, co się da, a ręcznie dopracować najważniejsze produkty.

Jeśli chcesz uporządkować zdjęcia i karty produktów tak, żeby pomagały w pozycjonowaniu, zobacz, jak prowadzimy SEO dla sklepów internetowych.