Jak stworzyć obraz idealnej strony produktu dla Twojej firmy e-commerce?

Projekt strony Twojego produktu jest jedną z najważniejszych i najbardziej złożonych stron Twojego sklepu. Rozważ wszystkie sytuacje, w których potencjalny klient może trafić na stronę Twojego produktu:

• Bezpośrednio z wyszukiwarki
• Po przejrzeniu Twojego sklepu
• Po kliknięciu w ukierunkowaną reklamę

Jako jeden z ostatnich etapów sprzedaży, Twoja strona produktu musi być:

• Zoptymalizowany pod kątem łatwego odnalezienia,
• Wystarczająco pouczające, aby wzbudzić zaufanie u klienta i
• Dobrze zaprojektowany, aby zapewnić wspaniałe wrażenia z zakupów online

Istnieje wiele rzeczy, które możesz zrobić, aby zwiększyć szanse ludzi na znalezienie Twojej strony produktu i zwiększyć współczynnik konwersji, gdy już tam dotrą. Aby wszystko wyjaśnić, stworzyliśmy pięcioczęściowy przewodnik po tworzeniu idealnej strony produktu.

Część 1: Zrozumienie elementów doskonałego projektu strony produktu

Zanim zagłębimy się w szczegóły, jak zoptymalizować każdy aspekt strony produktu, spójrzmy na świetny przykład projektu strony produktu, aby zrozumieć, w jaki sposób każdy z komponentów pasuje i dlaczego są ważne.

Uniqlo Australia ma doskonały przykład strony produktu zaprojektowanej z myślą o użytkowniku. Oto zrzut ekranu jednej z typowych stron produktów z wyróżnionymi kluczowymi komponentami:

Od razu zauważysz, że ponad 90% strony jest przeznaczone na dostarczenie klientowi większej ilości informacji na temat produktu, który ogląda, i prawie nie marnuje się miejsca nad zakładką. Aby jeszcze bardziej podzielić każdą sekcję:

• Tytuł i przegląd produktu są łatwe do zlokalizowania. W ten sam sposób, w jaki budynki i znaki działają jako punkty odniesienia podczas odwiedzania nowego miasta, dobre tytuły pomagają klientom poruszać się po nowej witrynie.
• Galeria zdjęć prezentujących produkt pod różnymi kątami, z modelem i z bliska.
• Zdjęcie produktu jest z przodu i na środku. Wyraźne zdjęcie na białym tle prezentuje produkt w najlepszym świetle. Obrazy są tym, czego szuka klient, więc opłaca się je wyróżniać.
• Niepowtarzalny, szczegółowy opis produktu, który opisuje czym jest, ideą jego projektu i jak rozwiązuje problem kupującego.
• Szczere recenzje klientów, które pomagają budować zaufanie do Twojego produktu i marki.
• Klienci wiedzą, czego chcą, ale mogą nie wiedzieć, jak to znaleźć. Wyświetlanie ostatnio oglądanych lub powiązanych produktów pomaga im szybciej zawęzić opcje i daje możliwość zaprezentowania produktów, które Twoim zdaniem mogą być preferowane.
• Mnóstwo opcji i wariantów na jednej stronie oznacza, że ​​klient nie musi przeglądać wielu produktów.
• Zaraz po tym, jak klient zakończy wybieranie swoich opcji, czeka na niego przycisk „Dodaj do koszyka”.
• Nie jesteś gotowy do popełnienia zobowiązania? Linki do dodatkowych informacji, takich jak zasady dotyczące wysyłki i zwrotów, pomagają odpowiedzieć na wszelkie pytania.

Zawsze uważam, że warto przyjrzeć się, jak inne sklepy zaprojektowały swoje strony produktów. Nie musisz też koniecznie zaglądać do sklepów z tej samej branży. Zastanów się, jakie strategie stosują popularne witryny z innych branż, które uwielbiają klienci, ale nie są wykorzystywane przez konkurencję.

Na najbardziej udanych stronach produktów znajdziesz odmianę tych samych komponentów:

• Jasne i unikalne opisy
• Świetna fotografia produktowa
• Recenzje budujące zaufanie kupujących
• Opcje dostosowywania
• Wyczyść przycisk „Dodaj do koszyka”
• Dodatkowe informacje o wysyłce lub zakupie

Część 2: Odpowiedz na te pytania w kopii produktu

Świetny tekst ma kluczowe znaczenie dla Twojej strony produktu. Nie tylko dla Twoich klientów, ale także dla SEO. Korzystanie z informacji o producencie lub ogólnych informacji o produkcie to niezawodny sposób na upewnienie się, że Twój produkt nie jest konkurencyjny w rankingach wyszukiwania.

Aby stworzyć świetną kopię strony produktu, możesz odpowiedzieć na kilka pytań.

Co to jest?

Pierwszą rzeczą, którą musi zająć się kopia produktu, jest to, czym dokładnie jest produkt. Jeśli klient szuka konkretnego produktu, to jest to pierwsza rzecz, na którą chce otrzymać odpowiedź.

W przypadku nowych produktów chcą wiedzieć, co to właściwie jest i dlaczego powinni być zainteresowani.

Jak rozwiązuje problem?

Jaki problem rozwiązuje Twój produkt i jak go rozwiązuje? To jest podstawowe pytanie, na które musisz odpowiedzieć swoim klientom.

Być może jest to tak proste, jak funkcja użytkowa, taka jak sweter, który utrzymuje ciepło. W takim przypadku podaj, jakie materiały lub procesy produkcyjne pomogły w umożliwieniu rozwiązania Twojego produktu.

A może problem leży nieco dalej w hierarchii potrzeb, a produkt po prostu pomaga wyglądać bardziej stylowo. Jaka historia lub proces stojący za produktem sprawia, że ​​pożądane jest posiadanie go?

Cokolwiek to jest, identyfikując problem, który rozwiązuje Twój produkt, możesz zrozumieć pytania, które klient zadałby sobie podczas zakupu i dostosować kopię, aby na nie odpowiedzieć.

Dlaczego Twój produkt?

Ustaliłeś, że istnieje problem i jak Twój produkt może go rozwiązać. Dlaczego mieliby wybrać Twój produkt zamiast konkurencyjnego? Jakie dodatkowe kroki podjąłeś, aby Twój sweter był najcieplejszy? Jakich składników używasz, których nikt inny nie używa? Oto Twoja okazja, aby pokazać, dlaczego Twój produkt jest wyjątkowy.

Nawet jeśli sprzedajesz towary innego producenta, poświęcenie czasu na pokazanie, że rozumiesz powód, dla którego ten produkt jest lepszy, pokazuje, że poświęciłeś czas na przeprowadzenie badań.

Z czego to jest zrobione?

Ostatnim szczegółem do dodania jest to, co można uznać za metadane produktu. Dostarczanie informacji o materiałach lub składnikach, które wchodzą w skład Twoich produktów, pomaga zrekompensować niezdolność kupujących online do samodzielnego odczuwania produktów.

Proste informacje, takie jak składniki, oraz podstawowe instrukcje, takie jak dbanie o produkt lub jego przeznaczenie, mogą pomóc klientowi w wizualizacji produktu i zapewnić szerszy kontekst wyszukiwarkom.

Część 3: Twórz wspaniałe obrazy produktów

Twoje zdjęcia produktów są często tym, co klient widzi jako pierwszy na stronie i mogą natychmiast rzucić Twój produkt w negatywny lub pozytywny światło. Ale oprócz pierwszego wrażenia, zdjęcia produktów pomagają również przekazać znacznie więcej szczegółów niż sam tekst, co może pomóc w sprzedaży produktu. Dobrze wykonana fotografia produktowa może nawet zmniejszyć ilość zasobów przeznaczanych na obsługę klienta i zwroty.

Oto, co musisz zrobić, aby stworzyć wspaniałe zdjęcia produktów:

Zacznij od dobrej fotografii

Słabo doświetlone zdjęcia zrobione bez przyzwoitego sprzętu mogą być dla klientów czerwoną flagą. Brak czasu na robienie przyzwoitych zdjęć może w rzeczywistości kosztować więcej czasu, jeśli chodzi o edycję.

Ale… nie musisz wydawać dużo pieniędzy, aby uzyskać świetny, mały zestaw do robienia zdjęć. Poradnik A Better Lemonade Stand Guide to DIY Product Photography zawiera wykaz, w jaki sposób można rozpocząć robienie zdjęć produktów DIY bez względu na budżet.

Twoje podstawowe wymagania dotyczące konfiguracji DIY Product Photo powinny obejmować:

• Dobrej jakości aparat fotograficzny lub smartfon: Do fotografowania produktów niekoniecznie potrzebujesz aparatu DSLR. Twój smartfon wyprodukuje zdjęcia o wystarczająco wysokiej rozdzielczości i odpowiedniej liczbie ustawień, aby dostosować warunki oświetlenia i przysłony.
• Źródło spójnego światła: Twoje oświetlenie powinno pomagać w doświetleniu najważniejszych cech produktu i ukryć wszelkie cienie. Naturalne światło jest idealne na początek, ponieważ nie jest tak drogie ani wybredne jak oświetlenie sztuczne; jednak musisz również użyć światła wypełniającego lub lustra, aby równomiernie rozprowadzić źródło światła z obu stron.
• Białe tło : białe tło pomaga równomiernie odchylać światło, więc korekta kontrastu wymaga mniej pracy. Ułatwia to również późniejszą edycję zdjęcia za pomocą narzędzia Magiczna różdżka lub pióra. Na początek możesz użyć rolki papieru lub nawet wystarczająco białego arkusza.
• Stabilna powierzchnia: do równomiernego robienia zdjęć.
• Klipy: do utrzymywania tła lub oświetlenia na miejscu.
• Statyw: Do trzymania aparatu. Posiadanie statywu nie jest koniecznością, ale pomoże Ci szybko wykonać spójne zdjęcia dla wielu różnych produktów. Jeśli zajmujesz się fotografią jednoosobową, może to również ułatwić pracę i zaoszczędzić czas podczas postprodukcji.

Użyj wielu obrazów

Nie wystarczy użyć jednego ujęcia produktu. Klienci chcą zobaczyć produkt z różnych perspektyw i perspektyw. Twoje zdjęcie produktowe może prezentować najważniejsze aspekty Twojego produktu znacznie lepiej niż jakikolwiek opis, dlatego ważne jest, aby dodać tyle zdjęć, ile potrzeba, aby odpowiedzieć na pytania klienta.

Różne zdjęcia mogą mieć również różny stopień ważności na różnych etapach procesu zakupu.

Kiedy nowi klienci po raz pierwszy odkryją Twój produkt, mogą chcieć zobaczyć zdjęcia innych osób korzystających z produktu. Jest to szczególnie ważne w przypadku produktów – takich jak Tile – gdzie sam produkt nie wystarcza do zilustrowania tego, co robi, nie mówiąc już o jego zaletach. Dlatego firma wykorzystuje fotografię produktową, aby zilustrować, jak i dlaczego z niej skorzystasz:

Ale kiedy zagłębisz się w rzeczywistą stronę produktu, znajdziesz bardziej szczegółowe zdjęcia, które koncentrują się na samym produkcie. Gdy użytkownicy znajdą się na stronie produktu, odkryli, w jaki sposób Twój produkt rozwiązuje ich problem i są bardziej zainteresowani dowiedzeniem się, jak dobrze to robi.

Edytuj swoje zdjęcia

Gdy masz już swoje zdjęcia, musisz zrobić kilka rzeczy, aby przygotować je do sprzedaży detalicznej. Najbardziej oczywistym zadaniem jest usunięcie ich tła. Posiadanie białego ekranu sprawia, że ​​robienie tego za pomocą narzędzia Adobe Creative Cloud Magic Wand lub Pen jest mniej czasochłonne.

Następnie możesz chcieć dostosować kontrast lub ustawienia oświetlenia, aby poprawić jakość obrazu lub zrekompensować wszelkie zmiany w naturalnym oświetleniu. Upewnij się jednak, że warunki obrazu są spójne; nie zaleca się dodawania jakiegokolwiek filtra.

Jeśli nie masz dostępu do oprogramowania do edycji zdjęć, możesz skorzystać z narzędzi online, takich jak Pixlr, który zawiera wszystkie narzędzia potrzebne do podstawowej edycji zdjęć. Usługi takie jak Pixc mogą również obsługiwać Twoje potrzeby związane z edycją obrazu, pobierając nieedytowane obrazy i zwracając profesjonalnie edytowane zdjęcia produktów.

Zoptymalizuj swoje obrazy

Ostatnim krokiem jest upewnienie się, że Twoje zdjęcia są zoptymalizowane zarówno pod kątem szybkości, jak i SEO.

Upewnij się, że rozmiary obrazów są rozsądne. Shopify zaleca przechowywanie zdjęć produktów poniżej 70 KB. Można to osiągnąć, wiedząc, w jakim formacie pliku zapisywać obrazy. Podstawowa zasada:

• GIFS to obrazy o niskiej jakości, które są dobre dla ikon i miniatur. Obsługują również animację, ale nie nadają się do dużych obrazów ze względu na rozmiar pliku i słabą jakość.
• SVG jest formatem wektorowym, co oznacza, że ​​używa XML do opisu zawartości obrazu w formacie tekstowym. Załaduje ikony i podstawowe obrazy niemal natychmiast i przy bardzo małym rozmiarze pliku, ale zwykłe obrazy będą zbyt skomplikowane, aby można je było używać w tym formacie.
• Obrazy PNG to szybsze pliki, które obsługują mniejszą kompresję, co oznacza, że ​​zachowują oryginalną jakość obrazu. Obsługują również skalę szarości i przezroczystość, ale rozmiar pliku jest generalnie zbyt duży dla celów e-commerce.
• JPG odnosi się do metody kompresji, która umożliwia zmianę stopnia kompresji. Zazwyczaj obrazy JPG mogą zmniejszyć rozmiar pliku nawet o 10x bez zauważalnych strat w jakości. Dzięki temu idealnie nadają się do tworzenia wysokiej jakości zdjęć produktów o małym rozmiarze pliku.

Upewnij się również, że nazywasz swoje obrazy odpowiednimi nazwami plików oraz używasz tytułów i tagów alt, które dokładnie opisują obraz i treść. Tagi Alt mogą być używane do dołączania ważnych słów kluczowych, ale ich głównym celem jest ułatwienie dostępu.

Część 4: Zachowaj spójność fotografii produktu

Świetne sklepy e-commerce używają zdjęć produktów, które równie dobrze sprawdzają się na stronie pojedynczego produktu lub w kolekcji podobnych produktów. Posiadanie spójnych obrazów ułatwia wyszukiwanie i porównywanie produktów, a także może zapewnić spójność i profesjonalizm wokół Twojej marki.

Oto najlepsze sposoby na zachowanie spójności fotografii produktowej:

Fotografuj swoje produkty na białym tle

Jednym z najłatwiejszych sposobów na konsekwentne tworzenie doskonałych zdjęć produktów jest wykorzystanie białego tła. W naszym poprzednim poście fotograficznym opisaliśmy, jak stworzyć własną konfigurację fotograficzną i robić profesjonalne zdjęcia produktów.

Posiadanie zdjęć na białym tle umożliwia:

• Stwórz spójność we wszystkich swoich produktach
• Popraw niektóre aspekty swojego produktu
• Łatwo edytuj swoje zdjęcia w przyszłości i
• Sprzedawaj swoje produkty na platformach handlowych, takich jak Zakupy Google i Amazon, które wymagają białego tła.

Użyj tych samych wymiarów lub proporcji

Nic nie wyróżnia się bardziej na stronie kolekcji niż obrazy w różnych rozmiarach. O ile nie określiłeś konkretnie minimalnej wysokości i szerokości za pomocą CSS, twoje strony kolekcji będą pomieszane. Użytkownicy będą musieli poświęcić swój cenny czas na zakupy, rozszyfrowując, gdzie kliknąć.

Rozważ nawet prostą stronę kolekcji produktów. O ile łatwiejsze jest przeglądanie i porównywanie produktów kwadratowych po prawej stronie w porównaniu z produktami w wielu rozmiarach po lewej stronie?

Co wygląda lepiej?

Chociaż dostępne są aplikacje i wtyczki, które dostosowują Twoje obrazy, najlepszym rozwiązaniem jest upewnienie się, że zdjęcia produktów są zawsze zapisywane w określonych wymiarach.

Tworzenie obrazów o wymiarach od 1000 do 1600 pikseli na najdłuższym boku jest w porządku, ale powinieneś również starać się, aby wszystkie obrazy były kwadratowe. Kwadratowe obrazy będą dobrze wyglądać, niezależnie od tego, czy są poziome, czy pionowe, i zapewnią spójność obrazów w całym sklepie.

Wykorzystaj szablony produktów

Aby uzyskać profesjonalnie wyglądający sklep e-commerce, musisz zapewnić spójność obrazów produktów. Oznacza to posiadanie zdjęć, które nie tylko mają takie same wymiary, ale także mają podobny styl i spójne pozycjonowanie na obrazie.

Jeśli spojrzysz na każdy odnoszący sukcesy sklep e-commerce, zobaczysz, że jego obrazy wyróżniają się same, ale również dobrze pasują do kolekcji, ponieważ wszystkie znajdują się w tej samej odległości od aparatu.

Zapewnienie spójnego rozmieszczenia produktów na wszystkich Twoich zdjęciach może być trudne. Tutaj mogą pomóc szablony produktów.

Szablony produktów zapewniają, że Twoje produkty są konsekwentnie umieszczane w tym samym obszarze zdjęcia i są prawidłowo skalowane. Mogą być szczególnie ważne, jeśli umieszczasz dowolny tekst na zdjęciach produktów.

Aby utworzyć podstawowy plik szablonu produktu za pomocą programu Photoshop:

• Utwórz nowy plik Photoshopa o pożądanej szerokości i wysokości. Upewnij się, że tryb kolorów jest ustawiony na Kolor RGB — 8-bitowy, rozdzielczość wynosi co najmniej 72 piksele/cal, a zawartość tła jest biała lub przezroczysta.

• Następnie w menu „Widok” w menu głównym wybierz „Nowy przewodnik”.

• Utwórz pionową prowadnicę 10% i powtórz kroki, aby uzyskać:
  • 10% prowadnica pionowa i pozioma
  • 90% prowadnica pionowa i pozioma
  • 50% prowadnica pionowa i pozioma

• Powinieneś skończyć z tym:

• Teraz możesz umieścić swój obraz na szablonie. Przewodniki dadzą ci odniesienie, aby wiedzieć, że twój obraz jest wyśrodkowany zarówno w poziomie, jak iw pionie. Pomoże to również zapewnić, że wszystkie produkty będą rozmieszczone w jednakowej skali.

Teraz po prostu zapisz plik jako zwykły dokument Photoshopa (.PSD), a Twoje przewodniki będą tam na Ciebie czekać. Przygotowany przez Ciebie przewodnik pozwoli Ci szybko przesłać dowolne edytowane zdjęcia produktów i sprawić, że będą one zawsze dobrze wyglądać w Twojej witrynie.

Część 5: Przenieś swoje zdjęcia produktów na wyższy poziom!

Jeśli masz świetne zdjęcia produktów i doskonałe opisy produktów, masz zadatki na stronę produktu o wysokiej konwersji. Ale wciąż jest kilka ostatnich rzeczy, które możesz zrobić, aby ulepszyć zdjęcia produktów, aby upewnić się, że masz najlepszą możliwą stronę.

Przyspiesz swoje obrazy

Obrazy mogą mieć ogromny wpływ na czas ładowania strony. Jeśli strony Twoich produktów ładują się wolno, odwiedzający będą sfrustrowani, czekając, aż się załadują i odwiedzą mniej z nich. W rzeczywistości 40% odwiedzających opuści Twoją witrynę, jeśli załadowanie zajmie więcej niż 3 sekundy. Dlatego strony produktów powinny być szybkie do załadowania i łatwe do przeglądania. Oto kilka sposobów optymalizacji obrazów, aby to osiągnąć.

Po pierwsze, użyj CSS jako tła strony zamiast obrazu. Podobnie CSS powinien być używany do tworzenia ramek wokół obrazów i elementów przycisków.

Biblioteki zewnętrzne, które ładują wtyczki lub galerie obrazów, mogą również spowolnić ogólny czas ładowania strony i należy ich unikać w przypadku krytycznych elementów strony.

Możesz także uruchomić swoją stronę przez Google PageSpeed ​​Insights, aby znaleźć sposoby na przyspieszenie zarówno witryny mobilnej, jak i komputerowej. Google PageSpeed ​​powie Ci, które obrazy można skompresować, jak zoptymalizować obrazy i ile miejsca możesz dzięki temu zaoszczędzić.

Wbudowane narzędzia programistyczne w przeglądarce mogą również określić, w jaki sposób Twoja strona ładuje pliki i które pliki trwają zbyt długo.

Aby to zrobić w Google Chrome:

• Kliknij prawym przyciskiem myszy stronę, którą chcesz przeanalizować
• Wybierz sieć"
• Odśwież stronę

Możesz sortować według pliku „Typ”, aby zobaczyć, które obrazy ładują się najdłużej, według „Rozmiaru”, aby zobaczyć największe pliki, według „Czasu”, aby zobaczyć, jak długo lub według „Stanu”, aby sprawdzić, czy nie można załadowany.

Upewnij się również, że Twoje obrazy są zoptymalizowane pod kątem szybkości i SEO, korzystając ze wskazówek w części 3.

Zoptymalizuj swoją stronę pod kątem urządzeń mobilnych

Bardzo ważne jest, aby poświęcić trochę czasu na przyjrzenie się, jak strony produktów wyświetlają się na różnych urządzeniach mobilnych. Narzędzia takie jak Hotjar umożliwiają tworzenie map popularności tego, jak użytkownicy wchodzą w interakcję z Twoimi stronami. A jeśli masz zainstalowaną usługę Google Analytics, możesz porównać współczynniki konwersji na urządzeniach mobilnych i komputerach stacjonarnych, aby określić, czy Twoje zakupy na urządzeniach mobilnych są w porządku.

Google Analytics może dostarczyć Ci skarbnicy przydatnych danych e-commerce dotyczących współczynników konwersji i ścieżek zakupowych, ale najprostszym sposobem sprawdzenia, jak Twoja witryna wygląda na wielu urządzeniach, jest wypróbowanie tego samodzielnie. Korzystając z paska narzędzi urządzenia Chrome — lub trybu projektowania responsywnego, jeśli używasz przeglądarki Firefox lub Safari — możesz zobaczyć, jak strona produktu wygląda na dowolnym urządzeniu.

Kilka uwag dotyczących stron produktów mobilnych:

• Spraw, aby Twoje obrazy były z przodu i na środku. Dodatkowe informacje powinny być dostępne dla użytkowników, kiedy chcą, ale nie powinny przeszkadzać w obrazie.
• Przyspiesz swoją witrynę, upewniając się, że Twoje obrazy zostały zmniejszone i nie ładujesz zbyt wielu wtyczek innych firm. Czasy ładowania są szczególnie ważne dla klientów ładujących przez sieć komórkową.
• Rozważ użycie stałego paska menu, aby klient miał zawsze dostęp do paska wyszukiwania, menu głównego i koszyka.

Klienci będą spędzać mniej czasu na przeglądaniu i czytaniu treści na urządzeniach mobilnych, więc obrazy będą odgrywać szczególnie ważną rolę dla Twoich mobilnych klientów. Upewnij się, że Twoje obrazy są dobrze widoczne i szybko się ładują, aby zapewnić jak najlepsze wrażenia z zakupów mobilnych.

Pamiętaj o SEO

Strony produktów często wydają się być niewykorzystanym zasobem pod względem SEO. Twoje strony produktów dają Ci szansę na zaprezentowanie niektórych z Twoich najbardziej wartościowych i unikalnych treści, które mogą pomóc Twojemu sklepowi osiągnąć wyższą pozycję w wynikach wyszukiwania. Najczęściej strona produktu jest dokładnie tym, co chce zobaczyć Twój klient.

Aby wzmocnić SEO strony produktu:

• Stwórz unikalny opis produktu, który jasno określa, czym jest Twój produkt i pasuje do haseł wyszukiwanych przez Twoich klientów.
• Zoptymalizuj metadane obrazu, dodając tagi ALT opisujące obraz, odpowiednie tagi tytułu i odpowiednie nazwy plików.
• Rozważ dodanie filmów do strony produktu. To, czy dodawanie filmów do Twojej strony pomaga w SEO, jest przedmiotem dyskusji, ale mogą one pomóc nadać Twoim produktom większy kontekst, co może poprawić konwersje.

Zoptymalizuj obrazy dla powiększenia

Czy zauważyłeś, że większość witryn e-commerce umożliwia najechanie kursorem na obraz, aby „powiększyć” produkt? Stało się to cechą, która jest niemal drugą naturą. Spodziewamy się, że po kliknięciu lub najechaniu na nią pojawi się większa wersja produktu.

Posiadanie tej funkcji służy ważnemu celowi. Pozwala klientom szczegółowo sprawdzić jakość produktu. Pomaga również wzbudzić zaufanie klienta do zakupu, gdy nie może fizycznie poczuć lub zobaczyć produktu. Czasami jakość szwów lub odcień koloru może sprawić, że klient wybierze Twój produkt, a nie konkurenta.

Jak więc upewnić się, że masz działającą funkcję powiększania? Sekretem jest wiedza, jak używać odpowiednich rozmiarów obrazu.

Większość witryn e-commerce ma różne „szablony”. Te szablony zmienią rozmiar obrazu, aby pasował do tego rozmiaru szablonu. Na przykład możesz mieć:

• Szablon miniatury o wymiarach 50px x 50px
• Szablon obrazu kolekcji o wymiarach 100px x 100px
• Powiązany szablon obrazu o wymiarach 150 x 150 pikseli
• Główny szablon zdjęcia o wymiarach 500px x 500px

Funkcja powiększania zazwyczaj działa poprzez wyświetlanie obrazu w pełnym, oryginalnym rozmiarze. Więc jeśli masz obraz, który zapisałeś w rozmiarze 1000px x 1000px, po najechaniu na główny szablon zdjęcia (który ma wymiary 500px x 500px), zostanie wyświetlony w dwukrotnie większym rozmiarze.

Oznacza to, że aby mieć działającą funkcję powiększania, musisz upewnić się, że wymiary obrazu są większe niż główny szablon zdjęcia.

Jeśli mają ten sam rozmiar, użytkownik będzie patrzył na ten sam obraz po najechaniu kursorem. Ale jeśli są zbyt duże, rozmiar obrazu może mieć negatywny wpływ na czas ładowania i być zbyt duży, aby był praktyczny.

Wymiary obrazu od 1000 do 1600 pikseli są zazwyczaj dobrym kompromisem między rozmiarem pliku a posiadaniem obrazu, który może zapewnić wystarczającą ilość szczegółów w zbliżeniu.

Wniosek

W tych pięciu rozdziałach byliśmy w stanie ogólnie omówić najważniejsze obszary, które należy wziąć pod uwagę podczas tworzenia stron produktów. Jeśli zastosujesz się do tych wskazówek, uzyskasz stronę produktu, która zapewni Twoim klientom doskonałe wrażenia z zakupów i zapewni wysoki współczynnik konwersji. Teraz, gdy masz już przewodnik, do Ciebie należy stworzenie zwycięskiej strony produktu, która zapewni sprzedaż w Twoim sklepie e-commerce.