Optymalizacja zdjęć w sklepie internetowym – jak to zrobić?

Optymalizacja zdjęć w sklepie internetowym to przygotowanie grafik tak, by szybko się ładowały, były zrozumiałe dla Google i dostępne dla wszystkich klientów: właściwy format i rozmiar pliku, opisowa nazwa, uzupełniony atrybut alt i odpowiedni kontekst na stronie. Dobrze zoptymalizowane zdjęcia przyciągają ruch z Google Grafika, Google Lens i zakładki Zakupy, poprawiają Core Web Vitals i zwiększają konwersję. Poniżej znajdziesz zaktualizowaną na 2026 rok instrukcję krok po kroku.

Dlaczego optymalizacja zdjęć jest tak ważna w sklepie internetowym?

W sklepie internetowym zdjęcie zastępuje klientowi obejrzenie produktu w ręku, a jednocześnie jest jednym z najcięższych elementów strony – dlatego od jego optymalizacji zależą zarówno sprzedaż, jak i szybkość oraz widoczność sklepu. Źle przygotowane grafiki potrafią spowolnić stronę bardziej niż cała reszta kodu.

Zdjęcia wpływają na sklep na kilka sposobów:

• Ruch z wyszukiwania wizualnego – klienci szukają produktów w Google Grafika i coraz częściej w Google Lens, robiąc zdjęcie rzeczy, którą chcą kupić. Google informowało w 2024 roku, że Lens obsługuje blisko 20 mld wyszukiwań wizualnych miesięcznie, a znaczna ich część ma charakter zakupowy.
• Zakładka Zakupy i reklamy produktowe – zdjęcia z feedu w Google Merchant Center to pierwsze, co klient widzi w wynikach produktowych.
• Szybkość strony – główne zdjęcie produktu często jest największym elementem w widoku, czyli decyduje o wskaźniku LCP w Core Web Vitals.
• Konwersja – wyraźne zdjęcia z różnych ujęć ograniczają wątpliwości i zwroty.
• Dostępność – opis alternatywny pozwala osobom niewidomym korzystać ze sklepu za pomocą czytnika ekranu.

Optymalizację najlepiej wprowadzić od razu przy dodawaniu produktów. Poprawianie tysięcy plików, które już są na serwerze, jest możliwe, ale dużo bardziej czasochłonne.

Jak sprawdzić, czy klienci trafiają do sklepu z Google Grafika?

Ruch z wyszukiwarki grafiki sprawdzisz w Google Search Console: w raporcie „Skuteczność” zmień typ wyszukiwania z „Internet” na „Grafika”. Zobaczysz wtedy frazy, kliknięcia, wyświetlenia i średnią pozycję obrazów z Twojego sklepu.

Zwróć uwagę na frazy z dużą liczbą wyświetleń i niską pozycją – to kandydaci do optymalizacji. Porównaj też, które kategorie produktów mają ruch z grafiki, a które nie mają go wcale, mimo że w Twojej branży klienci szukają wizualnie (moda, meble, dekoracje, ogród).

Jak optymalizować zdjęcia w sklepie krok po kroku?

Optymalizacja zdjęć obejmuje dziesięć kroków: nazwę pliku, opis alternatywny, unikalność, format, kompresję, rozmiary, sposób ładowania, kontekst, mapę witryny i dane strukturalne. Poniżej każdy z nich w kolejności, w jakiej warto go wdrażać.

1. Nazwij plik opisowo

Nazwa pliku powinna mówić, co jest na zdjęciu. Zamiast „IMG_20240512_1234.jpg” użyj np. „pralka-bosch-serie-6-9kg-front.webp”. Stosuj małe litery, słowa rozdzielaj łącznikami, a nie podkreślnikami, i nie upychaj fraz. Google w dokumentacji dotyczącej grafiki potwierdza, że nazwa pliku jest jedną z wskazówek o zawartości obrazu.

2. Uzupełnij atrybut alt

Atrybut alt to tekstowy opis zawartości obrazka, odczytywany przez czytniki ekranu i wykorzystywany przez wyszukiwarki. Pisz go naturalnym językiem, opisując to, co faktycznie widać: „Pralka Bosch Serie 6 o wsadzie 9 kg, widok z przodu z otwartymi drzwiami”. Jeśli obrazek jest linkiem, alt pełni rolę anchor textu. Grafiki czysto dekoracyjne mogą mieć pusty alt (alt=””), żeby czytnik ekranu je pominął.

W WordPressie i większości platform sklepowych alt uzupełnisz w ustawieniach pliku w bibliotece mediów.

3. Nie przeceniaj atrybutu title

Atrybut title wyświetla dymek po najechaniu kursorem, ale nie jest widoczny na urządzeniach dotykowych i nie zastępuje alt. Możesz go stosować, jeśli dodaje informację dla użytkownika; z punktu widzenia SEO ważniejsze są alt, nazwa pliku i treść wokół zdjęcia.

4. Postaw na własne, unikatowe zdjęcia

Zdjęcia od producenta ma zwykle wiele sklepów, więc trudno nimi wyróżnić się w Google Grafika czy Lens. Sama zmiana rozdzielczości lub kadrowanie nie czyni zdjęcia unikatowym. Najlepiej wykonać własne ujęcia: produkt w użyciu, detale, skala w porównaniu z dłonią lub meblem, zawartość opakowania.

5. Wybierz właściwy format i kompresję

Dla zdjęć produktowych najlepiej sprawdzają się formaty WebP i AVIF, które przy podobnej jakości ważą zwykle mniej niż JPEG. PageSpeed Insights wskaże obrazy do kompresji i zmiany formatu. Nie ma oficjalnego limitu wagi pliku – celem jest najmniejszy plik bez widocznej utraty jakości. W WordPressie pomogą wtyczki do kompresji, np. Smush lub EWWW Image Optimizer, a wiele platform SaaS konwertuje formaty automatycznie.

6. Dopasuj rozmiary do urządzeń

Nie wysyłaj na telefon zdjęcia o szerokości 4000 pikseli, które wyświetla się w polu 400 pikseli. Przygotuj kilka wersji rozmiaru i użyj atrybutów srcset i sizes, żeby przeglądarka sama wybrała odpowiednią. Zawsze podawaj szerokość i wysokość obrazka (atrybuty width i height), by uniknąć „skakania” układu, czyli złego wyniku CLS.

7. Ustaw właściwy sposób ładowania

Leniwe ładowanie (loading=”lazy”) stosuj dla zdjęć poniżej pierwszego ekranu, np. miniatur w galerii czy produktów polecanych. Główne zdjęcie produktu i baner na górze kategorii ładuj normalnie, a nawet z priorytetem (fetchpriority=”high”), bo to one najczęściej decydują o LCP. Więcej o tych wskaźnikach przeczytasz w artykule Core Web Vitals – czym są i jak je mierzyć.

8. Hostuj zdjęcia u siebie lub w CDN

Nie osadzaj zdjęć z cudzych serwerów (hotlinking) – to nieetyczne, a do tego tracisz kontrolę nad szybkością i dostępnością pliku. Zdjęcia trzymaj na własnym serwerze lub w sieci CDN, z którą współpracuje Twoja platforma.

9. Zadbaj o kontekst zdjęcia

Google rozumie zdjęcie także dzięki tekstowi wokół niego: nagłówkowi, opisowi produktu, podpisowi pod obrazkiem. Umieszczaj zdjęcia blisko treści, której dotyczą, i dodawaj podpisy tam, gdzie wnoszą informację.

10. Dodaj zdjęcia do mapy witryny i danych strukturalnych

Adresy zdjęć możesz dodać do mapy witryny (osobnej lub w ramach mapy stron) i zgłosić ją w Google Search Console – pomaga to Google odkryć obrazy, zwłaszcza ładowane skryptami. W danych strukturalnych Product podaj właściwość image z adresami zdjęć produktu – więcej o znacznikach w artykule o danych strukturalnych Schema.org. O mapach witryny więcej w tekście jak utworzyć i wykorzystać mapę strony.

Jaki format zdjęć wybrać do sklepu?

Do zdjęć produktów wybieraj WebP lub AVIF, do ikon i logotypów SVG, a PNG tylko tam, gdzie potrzebna jest przezroczystość i nie da się użyć nowszego formatu. JPEG nadal działa wszędzie, ale zwykle waży więcej.

Jakie wymagania mają zdjęcia w Google Merchant Center?

Zdjęcia w Google Merchant Center muszą dokładnie przedstawiać sprzedawany produkt i spełniać minimalne wymiary: według pomocy Google co najmniej 100 × 100 pikseli dla produktów innych niż odzież i 250 × 250 pikseli dla odzieży, przy limicie 64 megapikseli i 16 MB na plik. W praktyce warto przesyłać znacznie większe zdjęcia, bo lepiej wyglądają w wynikach.

• główne zdjęcie powinno pokazywać sam produkt, najlepiej na jednolitym tle,
• nie dodawaj na zdjęciu tekstów promocyjnych, cen, przycisków ani znaków wodnych – promocje przekazuje się w atrybutach feedu,
• dodatkowe ujęcia (inne strony, detale, produkt w użyciu) przesyłaj w atrybucie additional_image_link,
• pilnuj, by zdjęcie odpowiadało wariantowi (kolor, rozmiar) z oferty.

Wymagania bywają aktualizowane, dlatego przed większymi zmianami sprawdź specyfikację atrybutu image_link w pomocy Google.

Jakich błędów unikać przy zdjęciach w sklepie?

Najczęstsze błędy to zbyt ciężkie pliki, brak opisów alternatywnych, leniwe ładowanie głównego zdjęcia i kopiowanie zdjęć od producenta bez żadnej wartości dodanej. Każdy z nich da się wychwycić podczas prostego audytu.

• pliki w pełnej rozdzielczości z aparatu wgrywane bez skalowania,
• alt powtarzający samą frazę kluczową lub nazwę sklepu na wszystkich zdjęciach,
• tekst ważny dla klienta (np. tabela rozmiarów) umieszczony tylko na grafice, bez wersji tekstowej,
• brak atrybutów width i height, przez co strona „skacze” podczas ładowania,
• galerie ładowane wyłącznie skryptem, przez co Google nie widzi zdjęć.

Pełną listę elementów karty produktu do sprawdzenia znajdziesz w checkliście audytu SEO i UX sklepu, a zasady opisywania linków obrazkowych – w artykule o przyjaznych adresach URL i anchor textach. Pamiętaj, że obrazy i opisy produktów trafiają dziś też do odpowiedzi AI Overviews i zakupowych wyników AI – szerzej piszemy o tym w poradniku o widoczności w AI. Jeśli szukasz szybkich efektów w ruchu z Google, zajrzyj też do tekstu jak szybko zwiększyć liczbę odwiedzin dzięki SEO.

Jeśli chcesz kompleksowo poprawić widoczność sklepu w Google, sprawdź nasze pozycjonowanie sklepu internetowego.

Najczęstsze pytania

Ile powinno ważyć zdjęcie produktu w sklepie?

Nie ma oficjalnego limitu – zdjęcie powinno ważyć tyle, ile to konieczne przy zachowaniu dobrej jakości w rozmiarze, w jakim jest wyświetlane. W praktyce zdjęcia produktowe w WebP lub AVIF po skalowaniu zwykle mieszczą się w kilkudziesięciu do kilkuset kilobajtów, a PageSpeed Insights wskaże pliki, które są zbyt duże.

Czy alt musi zawierać słowo kluczowe?

Alt ma przede wszystkim opisywać, co jest na zdjęciu. Jeśli na zdjęciu jest produkt, jego nazwa naturalnie pojawi się w opisie, ale sztuczne upychanie fraz w alt nie pomaga i utrudnia korzystanie ze sklepu osobom z czytnikami ekranu.

Czy Google czyta tekst na zdjęciach?

Google potrafi rozpoznawać tekst i obiekty na obrazach, ale nie należy na tym polegać. Ważne informacje, takie jak cena, wymiary czy tabela rozmiarów, umieszczaj w treści strony, a nie wyłącznie na grafice.

Czy zdjęcia generowane przez AI można używać w sklepie?

Grafiki AI mogą sprawdzić się jako ilustracje czy tła, ale zdjęcie produktu musi wiernie pokazywać to, co klient otrzyma. Wprowadzające w błąd wizualizacje grożą zwrotami, reklamacjami i odrzuceniem ofert w Google Merchant Center.

Jak zoptymalizować tysiące zdjęć, które już są w sklepie?

Zacznij od automatycznej konwersji formatów i kompresji – wiele platform i wtyczek robi to masowo. Następnie uzupełniaj alt i nazwy plików w kolejności od kategorii i produktów, które generują najwięcej ruchu i sprzedaży.