Optymalizacja obrazów produktów e-commerce w celu uzyskania lepszych współczynników konwersji

Opublikowany: 2023-02-23

Podsumowanie: Brak sensorycznego doświadczenia produktowego zawsze był wadą sklepów internetowych. W handlu elektronicznym, gdzie klienci nie mogą trzymać ani dotykać przedmiotów, zdjęcia i wizualizacje produktów mogą przyczynić się do sprzedaży lub jej przerwania . Dlatego obrazy produktów muszą dostarczać kupującym wystarczającej ilości informacji, aby przekonać ich do konwersji.

Svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3

Autor: Martin Grief

8 minut czytania

Ten post jest częścią serii e-commerce

W tym artykule omówimy sposoby optymalizacji obrazów produktów e-commerce:

Wprowadzenie: dlaczego obrazy produktów w handlu elektronicznym mają znaczenie
1. Podkreśl, co czyni produkt wyjątkowym
2. Pokaż produkt z wielu perspektyw iw różnych kontekstach
3. Wyświetlaj produkt w różnych kolorach i wariantach
4. Natychmiast wyjaśnij, który produkt przedstawia obraz
5. Dołącz materiały wizualne przesłane przez użytkowników na stronie szczegółów produktu
6. Dodaj filmy do strony ze szczegółowymi informacjami o produkcie w handlu elektronicznym
7. Rozważ inwestycję w rzeczywistość rozszerzoną (AR)
Wniosek: pozwól, aby obrazy produktów e-commerce malowały obraz dla kupujących

Wprowadzenie: dlaczego obrazy produktów w handlu elektronicznym mają znaczenie

Brak szczegółów sensorycznych i doświadczalnych jest zmorą dla handlu elektronicznego. W sklepie stacjonarnym kupujący mogą na przykład przymierzyć okulary, poczuć teksturę sukienki i ocenić rozmiar kanapy.

Są to rzeczy, których klienci nie otrzymują online i które stanowią potencjalne bariery konwersji . To powody, dla których kupujący nie będą kupować w Twoim sklepie internetowym. Twoje media wizualne muszą więc znakomicie łagodzić brak wrażeń zmysłowych, które klienci otrzymują w lokalizacjach z cegły i zaprawy murarskiej.

Dobrze zaprezentowane obrazy e-commerce nie tylko sprawiają, że Twój produkt wydaje się bardziej atrakcyjny i pożądany, potencjalnie zwiększając sprzedaż. Pomagają również klientom w podejmowaniu świadomych decyzji zakupowych . To może …

  • niższe stopy zwrotu online,
  • zminimalizować obciążenie związane z zarządzaniem zapasami i
  • zwiększyć zaufanie i satysfakcję klientów.

Ponadto obrazy produktów e-commerce są kluczowe w optymalizacji wyszukiwarek (SEO). Pomagają poprawić widoczność produktu w wynikach wyszukiwania, co może zwiększyć prawdopodobieństwo, że klient odkryje i kupi Twój produkt.

Oto wskazówki, które pozwolą upewnić się, że obrazy i wizualizacje produktów e-commerce dokładnie przedstawiają produkty i odpowiednio określają oczekiwania klientów .

1. Podkreśl, co czyni produkt wyjątkowym

Jeśli sprzedajesz podobne przedmioty, upewnij się, że łatwo jest zidentyfikować, czym różni się jeden przedmiot. Podkreśl , co wyróżnia produkt za pomocą zdjęć produktów.

Na przykład JetPens, internetowy sklep z artykułami papierniczymi, ma zdjęcia produktów przedstawiające pióra wieczne. Sprzedają pióra o różnych rozmiarach stalówki (np. cienka, średnia, szeroka itp.). Jednak to, co sprawia, że ​​każde pióro jest inne, jest trudne do wykrycia na podstawie szerokokątnych zdjęć.

Dlatego dla każdego rozmiaru stalówki JetPens ma teleobiektyw lub powiększony obraz produktu, który pokazuje stalówkę z bliska. Dzięki temu klient może zobaczyć dowolny grawer na stalówce i jak wygląda końcówka stalówki:

E-commerce product images best practice example. Product detail page with a close-up shot of a fountain pen nib.

Strona szczegółów produktu JetPens pozwala klientom wybrać preferowany rozmiar stalówki, kolor stalówki i kolor korpusu. Strona zawiera różne zdjęcia produktów, w tym ujęcia szerokokątne i zbliżenia pióra wiecznego, zarówno z skuwką, jak i bez skuwki. Wyświetlane obrazy produktów również zmieniają się w zależności od rozmiaru i koloru stalówki oraz koloru korpusu wybranego przez użytkownika.

Obrazy produktów e-commerce, które nie od razu pokazują, co sprawia, że ​​produkt różni się od innych, gdy sprzedajesz podobne produkty, powodują tarcie w doświadczeniu użytkownika (UX). Konieczność ustalenia, co czyni produkt wyjątkowym, męczy mózg użytkownika. Może to zniechęcić kupujących do przeforsowania zakupu.

9 rzeczy, które marketerzy online powinni wiedzieć o mózgu
Czytaj więcej

2. Pokaż produkt z wielu perspektyw iw różnych kontekstach

Klient może wahać się przed dodaniem produktu do koszyka, ponieważ nie jest w stanie zobaczyć go pod różnymi kątami. Klienci powinni mieć możliwość zobaczenia, jak wygląda produkt z boku lub z tyłu oraz z bliska, aby mogli lepiej ocenić produkt.

Przykład wykorzystania zdjęć produktów e-commerce do pokazania produktu pod różnymi kątami

Witryną, która doskonale wykorzystuje obrazy, aby dać kupującym jasny i szczegółowy widok produktów, jest KateSpade.com. Ich strona szczegółów produktu (PDP) zawiera kilka zdjęć, które pokazują widok produktu z przodu, z boku iz góry:

Collage of different e-commerce product images included in a product detail page for a pink bag

Strona ze szczegółami produktu Kate Spade pokazuje widok torby z przodu, z góry iz boku. Zawiera nawet zbliżenie tabliczki z logo torby.

Witryna wykorzystuje również modal wizualizacji na PDP, który pokazuje produkt w kontekście . Na przykład pozwala kupującym skonfigurować wzrost i rozmiar ciała modelki, aby lepiej wyobrazić sobie, jak będzie wyglądać na nich torebka. Użytkownicy mogą również lepiej docenić rozmiar torby, ponieważ widżet pozwala umieścić produkt obok innych przedmiotów, takich jak telefon czy butelka wody:

Tangiblee visualization modal on PDP. It shows an illustration of a woman standing, holding a pink bag. Controls allow users to change the model size

Moduł wizualizacji KateSpade.com pozwala użytkownikom zmieniać wzrost i rozmiar ciała modelki.

Visualization modal on PDP, showing a pink bag beside a phone illustration. The dimensions of the bag and the phone are indicated

Modal pozwala również użytkownikom umieścić torbę obok przedmiotów codziennego użytku, takich jak iPhone i butelka wody, aby lepiej ocenić, co mieści się w produkcie.

Zminimalizuj niepewność kupującego tak bardzo, jak to możliwe. Używaj wysokiej jakości zdjęć produktów, aby dać kupującym szczegółowy widok produktu. Obejmuje to pokazanie przedmiotu z różnych perspektyw i umieszczenie go obok przedmiotów codziennego użytku w celu uzyskania kontekstu i skali, jeśli to konieczne.

3. Wyświetlaj produkt w różnych kolorach i wariantach

Jeśli produkt jest dostępny w wielu kolorach, dołącz zdjęcia przedstawiające produkt w każdym z dostępnych kolorów. W ten sposób kupujący mogą łatwo zwizualizować swoje opcje i podjąć świadomą decyzję o zakupie.

Przykład pokazywania dostępnych kolorów w obrazach produktów e-commerce

JetPens.com ułatwia kupującym odkrywanie odmian określonego pióra wiecznego. Ich PDP pokazuje wszystkie kolory korpusu, w których pióro jest dostępne, oraz rozmiar i kolor stalówki, z którymi można je łączyć.

Gdy użytkownik kliknie określony kolor korpusu, zobaczy kilka obrazów pióra wiecznego w tym kolorze. Każdy kolor ma swój własny zestaw zdjęć produktu – zdjęcia wiecznego pióra z nasadką i bez nasadki, zbliżenie końcówki nasadki, zdjęcie używanego pióra itp.

E-commerce product images best practice example - Collage of PDPs for two variants of a Sailor fountain pen

U góry: Strona ze szczegółami produktu czarnego pióra wiecznego Sailor Pro Gear Slim z cienką stalówką 14K. U dołu: PDP dla delikatnie zielonego wariantu tego samego pióra wiecznego, ale ze średnio cienką stalówką 14K.

Pokazywanie różnych opcji kolorystycznych może również zwiększyć szansę na sprzedaż w Twojej witrynie. Klienci z większym prawdopodobieństwem znajdą kolor, który im się podoba i preferują, co prowadzi do wyższego współczynnika konwersji. Uważaj jednak na sposób przedstawiania wyborów. Zbyt wiele opcji może przytłoczyć użytkowników i negatywnie wpłynąć na konwersje.

4. Natychmiast wyjaśnij, który produkt przedstawia obraz

Doświadczenie kupującego w Twojej witrynie e-commerce powinno być jak najłatwiejsze. W przeciwnym razie mogą odłożyć decyzję na inny dzień.

Klienci nie powinni poświęcać wiele wysiłku, aby dowiedzieć się, co znajduje się w Twojej witrynie. Na przykład powinno być natychmiast widoczne, co przedstawia zdjęcie produktu. Kupujący nie powinni tracić czasu na szukanie, gdzie na zdjęciu znajduje się produkt, który sprzedajesz.

Weźmy na przykład ten produkt Banana Republic PDP. Ma tylko jedno zdjęcie produktu. To zdjęcie modelki ma na sobie kilka rzeczy, więc nie jest jasne, który to „mały top z wywiniętymi mankietami”. Produkt jest również mało widoczny, ponieważ jest noszony pod marynarką i schowany w spodniach. Kupujący nie widzi większości góry, w tym części „roll-cuff”, która ma być wyróżnikiem produktu:

Product detail page with the e-commerce product image on the left side and the product details and CTA button on the right

Strona ze szczegółami produktu Banana Republic dla „Petite Roll-Cuff Top” z tylko jednym zdjęciem.

Ułatw klientom e-commerce podejmowanie decyzji, zmniejszając liczbę użytkowników . Jeśli nie jest od razu jasne, gdzie na obrazie znajduje się Twój produkt, zwiększasz obciążenie poznawcze i wizualne odwiedzających. To źle wpływa na konwersje.


Zidentyfikuj bariery konwersji w swojej witrynie e-commerce.

Skorzystaj z pomocy eksperta i odkryj nowe możliwości uzyskiwania przychodów.

Dowiedz się o audytach i przeglądach CRO

5. Dołącz materiały wizualne przesłane przez użytkowników na stronie szczegółów produktu

Społeczny dowód słuszności zawsze był jednym z najczęściej używanych skrótów podczas zakupów online. W dzisiejszych czasach społeczny dowód słuszności nie ogranicza się do recenzji tekstowych przesłanych przez innych klientów. Klienci online polegają teraz na wizualizacjach generowanych przez użytkowników, aby zdecydować, czy kupić produkt, czy nie.

Coroczny indeks doświadczenia kupujących Bazaarvoice 2022 ujawnił, że 71% amerykańskich konsumentów twierdzi, że zdjęcia przesłane przez użytkowników na stronie produktu zwiększają prawdopodobieństwo zakupu produktu.

Przykład wykorzystania materiałów wizualnych przesłanych przez użytkowników jako dowodu społecznego

Jedną z firm, która próbuje wykorzystać moc wizualizacji przesyłanych przez użytkowników, jest Dr. Martens. PDP witryny zawiera internetową galerię prawdziwych klientów noszących ten produkt. Zdjęcia mają charakter perswazyjny , ponieważ przedstawiają produkt w różnych realistycznych sytuacjach, noszonych przez prawdziwych ludzi. Pomagają potencjalnym nabywcom wyobrazić sobie, jak na przykład para sandałów wyglądałaby na ich stopach i jak wyglądałaby w połączeniu z różnymi strojami.

Below the fold of the PDP for a pair of sandals. The area includes anchor links to the different sections of the page

Oprócz sekcji „Recenzje”, PDP DrMartens.com ma obszar „Noszone przez Ciebie”, w którym wyświetlane są zdjęcia przesłane przez użytkowników. Sekcja jest połączona z Instagramem, gdzie kupujący mogą przesyłać zdjęcia i oznaczać Dr. Martens, jeśli chcą znaleźć się w galerii.

Możesz spróbować zebrać wizualizacje klientów, „grafikując swój program treści generowanych przez użytkowników (UGC) . Z raportu Bazaarvoice dotyczącego preferencji kupujących z 2022 r. wynika, że ​​77% konsumentów na całym świecie stwierdziło, że prześle UGC w zamian za nagrodę.

Anthropologie.com na przykład zachęca kupujących do przesyłania recenzji ze zdjęciami w ramach comiesięcznej loterii:

A webpage discussing the mechanics of a promo. It tells users to sign in and submit a product review with a photo to qualify

Anthropologie przekonuje kupujących do pozostawienia recenzji zakupionych mebli za pośrednictwem loterii „tylko w Anthro”. Strona „Recenzje” witryny zawiera listę mechanizmów promocji i stwierdza, że ​​klienci muszą „przesłać recenzję mebli ze zdjęciem przedmiotu”, aby wygrać najlepiej sprzedający się produkt.

Dowiedz się więcej o znaczeniu materiałów wizualnych przesłanych przez klientów i ogólnym wykorzystaniu społecznego dowodu słuszności. Przeczytaj „8 najlepszych praktyk opinii klientów w celu optymalizacji współczynników konwersji”.

6. Dodaj filmy do strony ze szczegółowymi informacjami o produkcie w handlu elektronicznym

Zakupy na żywo zyskują na popularności. Firmy, które organizują wirtualne zakupy w czasie rzeczywistym, zgłosiły nawet „10-krotny wzrost współczynnika konwersji w porównaniu z tradycyjnymi witrynami internetowymi”.

Jednym z powodów zamiłowania kupujących online do zakupów na żywo jest możliwość zobaczenia produktów w kontekście i pod różnymi kątami.

Transmisje na żywo pomagają klientom lepiej zrozumieć informacje o produkcie, takie jak rozmiar lub materiał. Są to szczegóły, których inaczej nie uzyskają ze statycznych obrazów lub opisów tekstowych.

Nawet jeśli nie zajmujesz się zakupami na żywo, nadal możesz zintegrować niektóre aspekty, które ludzie kochają w transmisji na żywo, w swojej witrynie e-commerce.

Na przykład możesz dodać filmy do strony szczegółów produktu, które pokazują przedmiot noszony przez modelkę, jeśli sprzedajesz ubrania. W ten sposób kupujący mogą lepiej ocenić materiał i dopasowanie.

PDP with images and video on the left and CTA and product details on the right. The video is playing and shows a woman in a floral dress

Film na PDP Asos.com pozwala kupującym ocenić materiał sukienki i lepiej dopasować. Modelka ubrana i chodząca w sukience robi lepsze wrażenie wizualne niż opis tekstowy „tkanina w stylu satyny: błyszcząca, drapowana i jedwabiście gładka, 100% poliester”.

Możesz też przyjąć strategię prosto z podręcznika zakupów na żywo: dołącz film przedstawiający przedstawicieli handlowych prezentujących funkcje produktu i sposób jego wykorzystania.

Na przykład Nordstrom ma PDP dla artykułów modowych z krótkimi filmami, na których przedstawiciele handlowi rozmawiają o produkcie. Opisują materiał i dopasowanie oraz podkreślają pewne szczegóły dotyczące przedmiotu.

Collage of PDP screenshots. First image shows photos and video on the page. Second photo shows the video playing in a popup modal

Stylista Nordstrom opowiada o parze dżinsów z wysokim stanem w filmie PDP. Omawia teksturę dżinsów i demonstruje rozciągliwość materiału. Podpowiada również, z jakim topem i obuwiem można zestawić spodnie.

Wydarzenia związane z zakupami na żywo w czasie rzeczywistym mogą nie być dla wszystkich. Jednak witryny e-commerce dobrze zrobią, jeśli zbadają bardziej angażujące metody, które dostarczają kupującym bogatszych szczegółów na temat produktu, takie jak dodawanie filmów do PDP.

8 opinii klientów Najlepsze praktyki optymalizacji współczynników konwersji


Wykorzystaj siłę społecznego dowodu słuszności dzięki opiniom klientów.

Czytaj więcej

7. Rozważ inwestycję w rzeczywistość rozszerzoną (AR)

Rzeczywistość rozszerzona (AR) zyskuje na popularności w e-commerce.

Niektóre sklepy internetowe rekompensują brak sensorycznej informacji o produkcie poprzez AR. Ta technologia umożliwia kupującym wirtualną interakcję, testowanie i wypróbowywanie produktów za pośrednictwem urządzenia elektronicznego poprzez nakładanie cyfrowych informacji na rzeczywisty świat. Dzięki AR kupujący mogą na przykład zobaczyć, jak kanapa pasowałaby do ich domu.

A smartphone held by its user. The screen captures the living room in the background with the addition of a lounge chair.

Aplikacja IKEA AR umożliwia kupującym umieszczanie wirtualnych modeli 3D w rzeczywistej skali w ich własnej przestrzeni. Aplikacja pozwala klientom zobaczyć, jak produkt pasowałby do ich domu. Źródło obrazu: IKEA

Dostarczanie kupującym większej ilości kontekstowych i wizualnych informacji za pośrednictwem AR może zwiększyć ich pewność , że to, co kupują, spełni ich oczekiwania. To z kolei zmniejszy wskaźniki zwrotów, zwiększy zadowolenie klientów i zwiększy lojalność wobec marki.

Należy zauważyć, że według indeksu Bazaarvoice Shopper Experience Index z 2022 r. (z danymi zebranymi od grudnia 2021 r. do stycznia 2022 r.) tylko 12% kupujących na całym świecie uwzględniło rzeczywistość rozszerzoną w swoich „pięciu niezbędnych czynnikach”, gdy robią zakupy z przekonaniem.

Rzeczywistość rozszerzona może więc nie być niezbędna w zestawie narzędzi do optymalizacji współczynnika konwersji e-commerce… jeszcze, w zależności od rodzaju sprzedawanych produktów. W przypadku niektórych branż pandemia sprawiła, że ​​rzeczywistość rozszerzona stała się stawką.

Rozszerzona rzeczywistość w branży kosmetycznej

Na przykład marka kosmetyczna L'Oreal korzystała z technologii AR, aby umożliwić klientom wypróbowanie ich produktów jeszcze przed wybuchem pandemii COVID-19. I nawet przed pandemią korzystanie z technologii zaowocowało 3-krotnym wzrostem sprzedaży firmy kosmetycznej.

Pandemia sprawiła, że ​​wirtualne przymierzanie stało się niezbędne dla marek makijażu, nawet w przypadku doświadczeń w sklepach. Ponieważ kupujący nie są już w stanie fizycznie przymierzyć próbek makijażu ze względów higienicznych i bezpieczeństwa, polegają na rzeczywistości rozszerzonej, aby sprawdzić, na przykład, czy produkt kosmetyczny pasuje do ich odcienia skóry.

NYX Professional Makeup, spółka zależna L'Oreal, ma kilka racji w korzystaniu z AR, aby pomóc kupującym wybrać produkty, które najlepiej do nich pasują. Po pierwsze, na stronie kategorii od razu widać, które produkty kupujący może wirtualnie przymierzyć:

A cosmetics webpage with three lip products. Each has a name, star ratings, price, available colors, and CTA button below it

Objaśnienie „Wypróbuj” w lewym górnym rogu obrazu produktu na stronie kategorii NYX działa jak wizualny wskaźnik , że klient może wyświetlić podgląd produktu za pośrednictwem AR.

Lipstick product mages on the left and product details on the right including star ratings, colors available, and CTA button

Na stronie ze szczegółowymi informacjami o produkcie firmy NYX pod obrazem produktu znajduje się duchowy przycisk „Wypróbuj”.

An image of a girl on the left with buttons below it. The product name, available colors, and CTA button are on the right.

Wirtualna próba marki kosmetycznej pozwala klientom wypróbować produkt za pomocą kamery na żywo, przesłać zdjęcie lub wybrać modelkę.

Czy rozszerzona rzeczywistość jest ważna dla e-commerce?

Według danych z 2020 r. firmy Vertebrae, specjalizującej się w handlu AR i handlu 3D, współczynniki konwersji rosną o 90% wśród konsumentów, którzy angażują się w AR w porównaniu z tymi, którzy tego nie robią.

Shopify zauważył również we wrześniu 2021 r., że chociaż nie było jeszcze wielu wiarygodnych badań dotyczących wpływu AR na współczynniki konwersji, ich wewnętrzne dane pokazały duży potencjał AR .

Jeśli więc ma to sens dla Twojej firmy i masz odpowiednie zasoby, rozważ umożliwienie klientom podglądu i interakcji z Twoimi produktami za pośrednictwem rzeczywistości rozszerzonej. Przewiduje się przecież, że do 2025 roku prawie 75% ludzi na całym świecie i prawie wszyscy użytkownicy smartfonów będą częstymi użytkownikami AR.

Możesz zanurzyć się w rzeczywistości rozszerzonej podczas zakupów, korzystając z aplikacji takich jak SnapAR i Meta Spark. Ostrzegamy jednak, że nawet te aplikacje wymagają umiejętności technicznych. Będziesz potrzebować kogoś, kto ma doświadczenie w tworzeniu dzieł sztuki lub modeli 3D do wykorzystania w środowisku AR.

Wniosek: pozwól, aby obrazy produktów e-commerce malowały obraz dla kupujących

Jeśli chcesz, aby odwiedzający dokonywali zakupów w Twojej witrynie e-commerce, podaj im informacje niezbędne do podejmowania decyzji . Jednym ze sposobów osiągnięcia tego celu są wysokiej jakości obrazy i wizualizacje, które dokładnie przedstawiają Twoje produkty.

Jeśli ty …

  • uwypuklić cechy wyróżniające produkt,
  • pokazać przedmiot z różnych punktów widzenia i używany w różnych sytuacjach,
  • zaprezentować produkt w różnych kolorach i wariantach,
  • aby od razu było widać, który produkt przedstawia zdjęcie,
  • zawierać wizualizacje przesłane przez użytkowników,
  • dodawać filmy na swoim PDP i
  • wykorzystaj rozszerzoną rzeczywistość (jeśli ma to sens dla Twojej firmy)

… zwiększysz szanse na konwersję kupującego w Twojej witrynie, zmniejszysz prawdopodobieństwo zwrotu produktu i ogólnie stworzysz pozytywne wrażenia klienta .

Porozmawiaj z ekspertem ds. konwersji

Daj nam 30 minut, a pokażemy Ci, jak możemy pomóc Ci osiągnąć lepsze wyniki

Zaplanuj moją rozmowę teraz
Zaplanuj moją rozmowę teraz