Dodawanie zdjęć i galerii produktów w WooCommerce
Zdjęcia to pierwsze, co przyciąga wzrok klienta.
Nawet najlepszy opis nie zadziała, jeśli fotografie będą niewyraźne, niespójne lub źle przycięte.
Dobre zdjęcia:
- budują zaufanie,
- zwiększają konwersję (klienci częściej kupują),
- pomagają w pozycjonowaniu sklepu (SEO),
- podkreślają profesjonalizm marki.
Dlatego warto poświęcić chwilę, by dobrze je przygotować i poprawnie dodać do WooCommerce.
Jak dodać zdjęcie główne produktu (thumbnail, obrazek wyróżniający)
Zdjęcie główne to miniatura, która reprezentuje produkt wszędzie tam, gdzie pojawia się jego podgląd:
- na stronie sklepu,
- w wynikach wyszukiwania,
- w koszyku,
- w sekcji „Powiązane produkty”.
Gdzie dodać zdjęcie główne:
- Przejdź do panelu WordPress → Produkty → Wszystkie produkty.
- Otwórz produkt, który chcesz edytować.
- Po prawej stronie znajdź sekcję „Obrazek produktu”.
- Kliknij „Ustaw obrazek produktu”.
- Wybierz zdjęcie z biblioteki mediów lub wgraj nowe z komputera.
- Po dodaniu kliknij „Ustaw obrazek produktu”, a następnie „Zaktualizuj” lub „Opublikuj” produkt.
Gotowe! 🎉
To zdjęcie będzie teraz widoczne w sklepie jako główna miniatura produktu.
🧠 Wskazówka:
Warto, żeby zdjęcie główne było najbardziej reprezentatywne — pokazujące produkt w całości, z przodu, na neutralnym tle.
Jak dodać galerię produktu (więcej zdjęć)
Galeria pozwala dodać dodatkowe zdjęcia produktu – np. ujęcia z różnych stron, detale materiału, zdjęcia „w użyciu” lub zbliżenia.
Jak dodać zdjęcia do galerii:
- W edycji produktu znajdź po prawej stronie sekcję „Galeria produktu”.
- Kliknij „Dodaj do galerii produktu”.
- Wybierz kilka zdjęć z biblioteki mediów lub wgraj nowe.
- Kliknij „Dodaj do galerii”.
- Zapisz lub zaktualizuj produkt.
W sklepie zdjęcie główne będzie wyświetlane jako pierwsze,
a pozostałe pojawią się pod nim w formie miniatur lub w galerii lightbox (w zależności od motywu).
Jak zmieniać kolejność zdjęć w galerii
Kolejność zdjęć w galerii ma znaczenie — to, które klient zobaczy jako pierwsze po głównym zdjęciu, często wpływa na jego decyzję o zakupie.
Aby zmienić kolejność:
- W edycji produktu kliknij w sekcję „Galeria produktu”.
- Przeciągnij zdjęcia myszką i ustaw je w pożądanej kolejności (drag & drop).
- Kliknij „Zaktualizuj”, aby zapisać zmiany.
Wskazówka:
Zacznij od ujęć pokazujących produkt z różnych stron, a na końcu dodaj zdjęcia detali lub zastosowania (np. produkt w kontekście, na modelce, w wnętrzu).
Zalecane rozmiary i proporcje grafik
Rozmiary zdjęć w WooCommerce zależą od motywu, ale warto trzymać się kilku uniwersalnych zasad, które zapewnią dobrą jakość i spójność.
Rekomendowane parametry:
- Rozdzielczość: minimum 1200 × 1200 px
- Proporcje: najlepiej kwadratowe (1:1)
- Format: JPG (dla zdjęć produktowych), PNG (tylko jeśli tło jest przezroczyste)
- Waga pliku: maksymalnie 200–300 KB (po optymalizacji)
Jeśli zdjęcia są zbyt duże (np. 3–5 MB), strona będzie ładować się wolno, co może zniechęcać klientów i obniżać pozycję w Google.
Jak optymalizować obrazy, żeby nie spowalniały strony
Optymalizacja zdjęć polega na zmniejszeniu ich wagi, przy zachowaniu dobrej jakości.
Sposoby na optymalizację:
- Zastosuj kompresje zdjęć (np. TinyPNG, Squoosh, Compressor.io) – przed wgraniem do sklepu.
- Zachowuj spójne rozmiary – nie wgrywaj zdjęć 4000×4000 px, jeśli w sklepie i tak wyświetlają się w 1200 px.
- Unikaj dużych plików RAW lub TIFF – WooCommerce obsługuje JPG, PNG i WEBP.
- Rozważ wtyczkę optymalizującą obrazy automatycznie, np.:
Te wtyczki potrafią automatycznie zmniejszać wagę zdjęć przy wgrywaniu do WordPressa, bez utraty jakości.
Jak dodać alternatywny tekst (ALT) dla SEO
Tekst alternatywny (ALT) to krótki opis zdjęcia, który:
- jest wykorzystywany przez wyszukiwarki (SEO),
- ułatwia dostępność (czytniki ekranu dla osób niewidomych),
- wyświetla się, jeśli zdjęcie nie może się załadować.
Jak dodać ALT do zdjęcia:
- Otwórz bibliotekę mediów (Media → Biblioteka),
- Kliknij na zdjęcie, które chcesz opisać,
- Po prawej stronie znajdziesz pole „Tekst alternatywny”,
- Wpisz krótki, rzeczowy opis, np. „Bluza medyczna damska w kolorze różowym VEINS Comfort”.
- Kliknij „Zaktualizuj”.
Jeśli dodajesz zdjęcie bezpośrednio w produkcie, możesz również ustawić ALT w momencie przesyłania pliku.
Dobre praktyki SEO:
- Opisuj, co widać na zdjęciu (nie upychaj słów kluczowych na siłę).
- Nie powtarzaj tych samych tekstów ALT przy każdym zdjęciu.
- Jeśli to wariant produktu, warto dodać np. kolor lub rozmiar w treści ALT.
Jak zachować spójność wizualną sklepu
Spójne zdjęcia to jeden z najważniejszych elementów estetyki sklepu.
Nawet jeśli produkty są różne, ich prezentacja powinna wyglądać harmonijnie.
Zasady spójności:
- Tło – najlepiej jednolite i neutralne (biały, jasnoszary lub beżowy).
- Oświetlenie – wszystkie zdjęcia wykonane w podobnych warunkach (najlepiej naturalne światło).
- Kadrowanie – produkty zawsze na środku, z podobną ilością przestrzeni wokół.
- Styl zdjęć – jeśli korzystasz z modela lub aranżacji, zachowaj podobny klimat.
- Rozmiary plików – zdjęcia o tej samej rozdzielczości (np. 1200×1200 px) będą wyglądały równo w siatce sklepu.
- Nazewnictwo plików – stosuj logiczne nazwy, np.
bluza-rozowa-veins.jpgzamiastIMG_8765.jpg.
Dzięki temu Twój sklep będzie wyglądał profesjonalnie, a klienci łatwiej będą przeglądać produkty i zaufać Twojej marce.
Podsumowanie
Dodawanie zdjęć produktów w WooCommerce to nie tylko kwestia techniczna — to kluczowy element prezentacji marki.
Pamiętaj, żeby:
- dodać jedno zdjęcie główne i kilka ujęć w galerii,
- utrzymywać spójne wymiary i styl,
- dbać o lekkość plików,
- dodawać opisy ALT dla SEO i dostępności.
Dobrze przygotowane zdjęcia sprawią, że Twój sklep będzie wyglądał profesjonalnie, szybciej się ładował, a klienci chętniej klikną „Dodaj do koszyka”