Przejrzane przez Większość sklepów WooCommerce spędza godziny na optymalizacji swoich stron produktów. Znacznie mniej czasu poświęca na swoje strony sklepowe. Ale to właśnie na stronie sklepu przebywa większość Twoich odwiedzających. To również miejsce, z którego większość z nich odchodzi.
Dane pokazują spójną historię. Baymard Institute podaje średnią stopę porzucenia koszyka w e-commerce na poziomie 70,22%. Z tego 43% amerykańskich kupujących twierdzi, że porzuciło koszyk po prostu dlatego, że tylko przeglądali. Większość odwiedzających nie jest w trybie zakupu.
Większość przewodników po najlepszych praktykach dotyczących stron sklepów e-commerce zakłada, że kupujący są gotowi do zakupu. Jednak badania wskazują, że tak nie jest. Ten przewodnik zbiera badania UX z Baymard, Nielsen Norman Group i Google, aby dowiedzieć się, co faktycznie działa. Następnie przyjrzymy się, gdzie w tym wszystkim listy życzeń pasują do obrazu.
Spis treści
- Strony sklepów to powierzchnie odkrywania, a nie powierzchnie sprzedaży
- Informacja o zapachu: pierwsze trzy sekundy
- Zaawansowane filtry: silnik odkrywania
- Organizowanie i ładowanie produktów: problem „nieskończonego przewijania”
- Strony kategorii to Twój najlepszy magnes na Google
- Problem porównywania cen (i dlaczego listy życzeń należą do stron sklepowych)
- Najlepsze praktyki dotyczące stron sklepów e-commerce: FAQ
- Podsumowanie
Strony sklepów to powierzchnie odkrywania, a nie powierzchnie sprzedaży
Pierwszym błędem, jaki popełnia większość sklepów, jest traktowanie strony sklepu jak mniejszej strony produktu. To założenie zmienia sposób podejmowania każdej innej decyzji. Logika strony produktu priorytetyzuje decyzję o zakupie. Natomiast logika strony sklepu powinna priorytetyzować odkrywanie.
Jak wspomniano wcześniej, dane Baymard pokazują, że 43% amerykańskich kupujących porzuca koszyk, ponieważ tylko przeglądali. Sama ta liczba przemawia za innym modelem mentalnym zbudowanym wokół podstawowych najlepszych praktyk dotyczących stron sklepów e-commerce.
Innymi słowy, strona sklepu nie jest miejscem, w którym dokonuje się sprzedaży. Wręcz przeciwnie, jest to miejsce, w którym zdobywa się kolejne odwiedziny. Wszystko, co następuje w tym przewodniku, opiera się na tej zmianie.
🔍️ Co zaobserwowaliśmy: Sklepy, które traktują stronę sklepu jak mini-stronę produktu, kończą z upychaniem presji sprzedażowej na powierzchni służącej do odkrywania. Przyciski „Dodaj do koszyka” na każdej karcie, timery pilności i okienka odpychają kupujących w trybie przeglądania. Najbardziej udane strony sklepów robią mniej, a nie więcej.
Informacja o zapachu: pierwsze trzy sekundy
Nielsen Norman Group ukuł termin „sygnał informacyjny”, aby opisać, jak użytkownicy decydują, gdzie kliknąć. Pomyśl o tym jak o śladzie wskazówek: kupujący szybko skanują stronę, aby sprawdzić, czy są na właściwej ścieżce do znalezienia tego, czego chcą.
- Silny sygnał zachęca do kliknięcia: Jeśli wskazówki są oczywiste, kupujący zostają i przeglądają głębiej.
- Słaby sygnał powoduje powrót: Jeśli wskazówki są mylące lub ich brakuje, natychmiast odchodzą.
Strony sklepowe zazwyczaj zdają lub oblewają ten test w ciągu pierwszych trzech sekund. Aby stworzyć silny zapach informacji, musisz dostarczyć trzy główne wskazówki:
1. Jasne etykiety
Mówiąc prościej, używaj etykiet kategorii, których ludzie faktycznie szukają.
Sprytne nazwy szkodzą zapachowi informacji. Na przykład „Kolekcje” lub „Wyselekcjonowana Edycja” nic nie mówią kupującym. Z drugiej strony, „Męskie buty do biegania” mówią im wszystko.
Nazywaj strony swojej witryny dokładnie tak, jak klienci nazywają produkty. Jeśli klient wpisze konkretne wyrażenie w Google, aby znaleźć przedmiot, użyj tego dokładnego wyrażenia dla linków w menu i adresów internetowych (URL) Twojej witryny.
2. Pomocny kontekst
Pokaż kupującym, gdzie się znajdują, używając otaczającego tekstu lub obrazów, które kierują ich we właściwym kierunku.
Jednym z najlepszych sposobów na zrobienie tego jest użycie „okruszków chleba”: tej małej ścieżki linków, zazwyczaj znajdującej się na górze strony internetowej (na przykład: Strona główna > Męskie > Buty > Buty do biegania).
Pomimo niewielkich rozmiarów, ta ścieżka wykonuje ogromną pracę. Mówi kupującym dokładnie, gdzie się znajdują w katalogu Twojego sklepu i daje im łatwy sposób na powrót do poprzedniej sekcji. Bez tej ścieżki kupujący głęboko w Twojej witrynie mogą czuć się zagubieni, co spowoduje, że zrezygnują i cofną się aż do strony głównej, aby zacząć od nowa.
3. Znajome doświadczenie
Układ witryny powinien działać tak, jak oczekują tego od poprzednich zakupów online. W ten sposób może sugerować głębię, nie przytłaczając klientów.
Górna część strony sklepu to pierwszorzędna lokalizacja. Użyj jej, aby zasygnalizować, co zawiera kategoria. Sprawdzą się wyróżnione kafelki podkategorii, wyraźne zdjęcia produktów, krótka linia wprowadzająca lub kolaż wizualny. Unikaj banerów „hero”, które zajmują cały obszar widoczny od razu po załadowaniu strony.
Zaawansowane filtry: silnik odkrywania
Zaawansowane filtrowanie (często nazywane przez projektantów stron „nawigacją fasetową”) jest kluczowym elementem projektowania sklepu internetowego. Pozwala kupującym zawęzić wyniki, korzystając z kilku kategorii jednocześnie: rozmiar, kolor, cena, marka i ocena. Wykonane poprawnie, te filtry mogą zamienić niechlujną stronę z 500 produktami w wysoce spersonalizowaną listę 12 produktów w ciągu kilku sekund.
Wykonane źle, filtry po prostu grzebią kupujących w mylącym bałaganie pól wyboru. Aby zrobić to dobrze, postępuj zgodnie z tymi opartymi na badaniach zasadami:
1. Uwzględnij pięć podstawowych typów filtrów
Badania Baymard dotyczące list produktów wykazały, że 57% sklepów internetowych brakuje co najmniej jednego z pięciu filtrów, których kupujący najczęściej oczekują.
Pięć podstawowych to:
- Kategoria
- Cena
- Marka
- Ocena klienta
- Cecha specyficzna dla produktu (np. rozmiar lub kolor)
Jeśli pominiesz jeden, kupujący będą mieli trudności z zawężeniem produktów w sposób, w jaki chcą.
2. Pokaż kupującym dokładnie, według czego filtrują
Badacze Baymard odkryli również, że 28% witryn nie pokazuje jasno, które filtry kupujący ma aktualnie włączone. Rozwiązanie jest proste: umieść rząd na górze wyników wyszukiwania pokazujący każdy aktywny filtr, z szybkim przyciskiem do jego usunięcia (na przykład: „Cena: 20–50 USD [X] | Kolor: Niebieski [X]”).
Bez tego wizualnego przypomnienia kupujący zapominają, co kliknęli i gubią się w wynikach.
3. Pozwól kupującym wybierać wiele opcji w ramach tej samej kategorii filtrów
Jeśli kupujący chce obejrzeć buty „czerwone LUB niebieskie”, Twój filtr powinien pozwolić mu kliknąć oba kolory jednocześnie. Badania wskazują, że 15% witryn nadal tego nie umożliwia, zmuszając kupujących do oglądania mniejszej liczby produktów, niż faktycznie chcieli zobaczyć.
4. Projektuj z myślą o ekranach telefonów, a nie myszach komputerowych
Większość ludzi robi zakupy na telefonach. Menu filtrów, które ładnie wygląda po bokach dużego ekranu komputera, musi stać się ukrytym, wysuwanym menu na małym ekranie telefonu.
Ponieważ jest ukryte, musisz zapewnić jasny, łatwy do kliknięcia przycisk „Filtry”, aby je otworzyć. Dodatkowo, jeśli kupujący zamknie to menu, witryna musi zapamiętać zaznaczone pola, aby nie musiał zaczynać od nowa.
Organizowanie i ładowanie produktów: Problem „nieskończonego przewijania”
Sposób, w jaki organizujesz swoje produkty – i sposób, w jaki Twoja witryna ładuje je na ekran – jest równie ważny jak Twoje filtry. Jeśli zrobisz to źle, stracisz sprzedaż. Na szczęście badania dotyczące tego, jak to zrobić poprawnie, są bardzo jasne:
1. Daj kupującym cztery oczekiwane opcje sortowania
Baymard odkrył, że 64% sklepów internetowych brakuje co najmniej jednej z podstawowych opcji sortowania. Musisz pozwolić kupującym sortować Twoje produkty według: ceny (od najniższej do najwyższej i od najwyższej do najniższej), oceny klientów, najlepiej sprzedających się i najnowszych. Nie polegaj tylko na domyślnym, losowym porządku Twojego kreatora witryn.
2. Nie używaj „nieskończonego przewijania”
„Nieskończone przewijanie” to sytuacja, gdy strona internetowa automatycznie ładuje więcej elementów podczas przewijania w dół (jak w kanale mediów społecznościowych). Badania Nielsen Norman Group zdecydowanie odradzają stosowanie tego w sklepach internetowych.
Kiedy ludzie robią zakupy, lubią porównywać rzeczy i wracać do wcześniej widzianych przedmiotów. Nieskończone przewijanie sprawia, że jest to niezwykle frustrujące. Jeśli kupujący kliknie produkt, a następnie naciśnie przycisk wstecz, często jest wyrzucany na samą górę ogromnej listy i zmuszony do ponownego przewijania, aby odnaleźć swoje miejsce.
3. Zamiast tego użyj numerów stron lub przycisku „Załaduj więcej”
Zamiast nieskończonego przewijania, podziel swoje produkty za pomocą standardowych numerów stron (Strona 1, 2, 3…) lub prostego przycisku „Załaduj więcej” na dole listy.
- Numery stron: Są świetne, ponieważ każda strona ma swój własny, unikalny link internetowy. Kupujący może łatwo dodać „Stronę 3” do zakładek i wrócić do niej później.
- Przycisk „Załaduj więcej”: Jest to wysoce zalecane dla kupujących na telefonach komórkowych, ponieważ utrzymuje ekran w czystości i jest łatwy do kliknięcia.
Dodatkowo, zarówno numery stron, jak i przyciski „Załaduj więcej” ułatwiają wyszukiwarkom takim jak Google odczytywanie Twojej witryny. Z drugiej strony, nieskończone przewijanie zazwyczaj tworzy techniczne problemy, które ukrywają Twoje produkty przed Google.
Strony kategorii to Twój najlepszy magnes na Google
Kiedy ludzie szukają w Google ogólnych terminów, takich jak „buty do biegania męskie” lub „organiczne przysmaki dla psów”, Google zazwyczaj kieruje ich na stronę kategorii sklepu, a nie na stronę pojedynczego produktu. Z tego powodu strony kategorii są najważniejszym narzędziem do pozyskiwania darmowego ruchu z Google.
🚀 Co zaobserwowaliśmy: Właściciele sklepów często spędzają godziny na doskonałym optymalizowaniu poszczególnych stron produktów pod kątem Google, ale pozostawiają strony kategorii całkowicie puste. Najpierw popraw swoje strony kategorii, ponieważ to one wykonują najcięższą pracę przyciągając nowych odwiedzających.
1. Daj Google faktyczny tekst do przeczytania
Domyślnie strony kategorii zazwyczaj wyświetlają tylko tytuł i siatkę zdjęć produktów. Jednak boty Google nie potrafią dobrze „czytać” zdjęć. Dlatego dodaj na górze strony akapit wprowadzający o długości od 100 do 200 słów. W zasadzie daje to wyszukiwarce Google rzeczywisty tekst do przeczytania i pomaga Twojej stronie pojawić się w wynikach wyszukiwania.
2. Nie pozwól, aby filtry zdezorientowały Google
Za każdym razem, gdy klient klika filtr (np. „Niebieski” i „Rozmiar 10”), Twoja witryna automatycznie tworzy zupełnie nowy, unikalny link internetowy (URL) dla tej konkretnej kombinacji.
Jeśli masz dużo filtrów, Twoja witryna potajemnie generuje tysiące bezużytecznych linków. Jeśli boty Google spróbują odczytać wszystkie te niepotrzebne linki, zostaną przeciążone i mogą się poddać, zanim jeszcze znajdą Twoje najważniejsze strony. Musisz użyć ustawień swojej witryny, aby poinformować Google o zignorowaniu tych filtrowanych linków.
3. Używaj etykiet „Kopia główna” (Master Copy), aby utrzymać skupienie Google
Czasami możesz mieć konkretne strony filtrowane, które chcesz, aby Google zobaczył, ale nikt ich faktycznie nie szuka. Na przykład tysiące ludzi szuka w Google „butów do biegania”, ale prawie nikt nie szuka bardzo specyficznego zwrotu „czerwone buty do biegania w rozmiarze 10”.
Więc jak sprawić, by Google nie rozpraszały te hiper-specyficzne strony?
W zasadzie możesz użyć czegoś, co nazywa się „tagiem kanonicznym”. Jest to po prostu ukryta etykieta, która mówi Google: „Hej, ta filtrowana strona jest tylko wariantem. Prawdziwą, główną kopią jest główna strona „Buty do biegania”. Proszę, przypisz cały kredyt z wyszukiwania głównej stronie.” Dzięki temu Twoja główna strona kategorii pozostaje silna i widoczna w wynikach wyszukiwania.
Problem porównywania cen (i dlaczego listy życzeń należą do stron sklepowych)
Pamiętaj: strony sklepów są tworzone dla osób, które „tylko przeglądają”. Ci kupujący aktywnie porównują ceny, funkcje i style, co oznacza, że potrzebują tymczasowego „miejsca parkingowego”, aby zapisać przedmioty, które im się podobają, podczas gdy nadal szukają.
Jeśli Twój sklep nie daje im możliwości zapisywania przedmiotów, wymyślą własne obejścia. Niestety, te obejścia zazwyczaj szkodzą Twojej firmie.
Błąd: traktowanie koszyka jak listy życzeń
Badania Nielsen Norman Group dokumentują zachowanie, którego większość sklepów nadal nie uwzględnia. Zazwyczaj, gdy strona internetowa nie ma przycisku „Zapisz na później”, kupujący przyjmują zły nawyk: dodają wszystko, czym są choćby lekko zainteresowani, bezpośrednio do koszyka. Następnie, gdy skończą przeglądać, opuszczają stronę i porzucają koszyk.
Tworzy to dwa główne problemy dla właścicieli sklepów:
- Zrujnowane dane: Twój „Wskaźnik porzuceń koszyka” gwałtownie rośnie, ale dane stają się całkowicie bezużytecznym szumem. Nie możesz już odróżnić poważnego kupującego, który został rozproszony przy kasie, od przypadkowego przeglądającego, który po prostu używał koszyka jako notatnika.
- Utraceni klienci: Koszyki na zakupy są tymczasowe. Jeśli kupujący wróci kilka dni później na swój telefon, te przedmioty w koszyku zazwyczaj znikają. Muszą przeszukać cały sklep od nowa, aby znaleźć to, co im się podobało, a większość nie będzie sobie zawracać głowy.
Rozwiązanie: zmiana sposobu myślenia kupującego
Umieszczenie prostego przycisku „Dodaj do ulubionych” (np. ikony serca) bezpośrednio na każdej karcie produktu na stronie sklepu czysto rozwiązuje ten problem.
Ta strategia działa, ponieważ ludzie traktują koszyki i listy życzeń z dwoma całkowicie różnymi modelami mentalnymi:
- Model mentalny listy życzeń („Podoba mi się to, przypomnij mi później”): Jest to niskociśnieniowe. Pozwala użytkownikowi na stworzenie osobistego katalogu przedmiotów, które *faktycznie* zamierza kupić, gdy będzie miał pieniądze lub czas.
- Model mentalny koszyka („Kupuję to teraz”): Reprezentuje zobowiązanie finansowe. Wpychanie przypadkowego przeglądającego tutaj wydaje się agresywne i powoduje jego wylogowanie.
Jak listy życzeń działają jako tajne narzędzie analityczne
Listy życzeń robią więcej niż tylko ułatwiają zakupy; działają jako system wczesnego ostrzegania dla Twojej firmy.
Na przykład, śledząc, które przedmioty są dodawane do list życzeń, a które są kupowane, możesz dokładnie określić, dlaczego produkt się nie sprzedaje:
- Niska liczba polubień na liście życzeń + niska sprzedaż = problem z ruchem/pożądaniem: Jeśli przedmiot w ogóle nie cieszy się zainteresowaniem na liście życzeń, sam produkt może nie być atrakcyjny, lub jest tak głęboko ukryty w Twoim sklepie, że przeglądający nie mogą go znaleźć.
- Wysoka liczba polubień na liście życzeń + niska sprzedaż = problem z ceną/zaufaniem: Jeśli tysiące ludzi dodaje kurtkę do swojej listy życzeń, ale nikt jej nie kupuje, oznacza to, że *kochają produkt, ale coś powstrzymuje ich na ostatniej prostej.* Zazwyczaj cena jest zbyt wysoka, lub na stronie produktu brakuje tabel rozmiarów lub recenzji klientów.
Umieszczanie list życzeń na stronie sklepu
Możesz łatwo dodać tę funkcjonalność za pomocą narzędzia takiego jak wtyczka SaveTo Wishlist.
- Darmowa Wersja: Natychmiast dodaje czysty przycisk listy życzeń do zdjęć Twoich produktów. Co ważne, zawiera wsparcie dla gości, co oznacza, że kupujący nie muszą psuć sobie wrażeń, tworząc konto tylko po to, aby zapisać przedmiot. Zawiera również nieograniczone listy życzeń, konfigurowalne szablony, udostępnianie w mediach społecznościowych i wiele więcej.
- Wersja Pro: Odblokowuje narzędzia marketingu automatycznego. Jeśli przedmiot z listy życzeń klienta zostanie przeceniony, jego cena spadnie lub wróci do stanów magazynowych, system automatycznie wyśle mu e-mail, aby zachęcić go do powrotu do Twojego sklepu i dokończenia zakupu. Zawiera również zaawansowane analizy list życzeń, uprawnienia oparte na rolach i wiele więcej.
Najlepsze praktyki dotyczące stron sklepów e-commerce: FAQ
Jaka jest różnica między stroną sklepu a stroną produktu?
Strona produktu dotyczy jednego artykułu. Strona sklepu (zwana również stroną kategorii) zawiera wiele produktów. Zasadniczo te dwa elementy służą różnym celom: strony produktów e-commerce domykają sprzedaż, strony sklepów napędzają odkrywanie i kolejne kliknięcie.
Czy powinienem używać nieskończonego przewijania na mojej stronie sklepu?
Dla większości sklepów e-commerce, nie. Badania Nielsen Norman Group odradzają nieskończone przewijanie w przypadku zadań zakupowych zorientowanych na cel. Zamiast tego użyj standardowego stronicowania lub przycisku „Załaduj więcej”. Zasadniczo oba zachowują zachowanie przycisku „Wstecz”, na którym polegają kupujący.
Ile produktów powinienem wyświetlać na stronie sklepu?
Od 24 do 36 produktów na stronę to rozsądny punkt wyjścia. Wyświetlaj wystarczająco dużo, aby kupujący czuli, że widzą wybór, bez wymuszania długiego ładowania strony. Połącz z opcją „Załaduj więcej”, jeśli Twój ruch mobilny jest wysoki.
Czy strony sklepów pomagają w SEO?
Strony sklepów często wyprzedzają strony produktów pod względem słów kluczowych na poziomie kategorii. Na przykład „Męskie buty do biegania” zazwyczaj umieszczają stronę kategorii w większości wyników wyszukiwania, a nie pojedynczy produkt. Dodanie 100 do 200 słów treści wprowadzającej nad siatką produktów daje Google coś do pozycjonowania.
Czy dodanie przycisku listy życzeń do mojej strony sklepu spowolni moją witrynę?
Zależy to od wtyczki. Na przykład SaveTo Wishlist jest zaprojektowana tak, aby pozostać lekką. Nasz test prędkości wtyczki WooCommerce do list życzeń zawiera dane porównawcze. Z drugiej strony, cięższe wtyczki mogą powodować zauważalne obciążenie. Dlatego powinieneś sprawdzać wyniki Lighthouse po zainstalowaniu każdego nowego narzędzia do list życzeń.
Czy powinienem umieszczać filmy z produktami na mojej stronie sklepu?
Dla większości sklepów, nie. Wideo jest świetne dla pojedynczych przedmiotów, ale automatycznie odtwarzające się filmy produktów w siatce kategorii mogą drastycznie spowolnić ładowanie strony i przytłoczyć użytkownika. Dlatego powinieneś utrzymywać szybkość strony sklepu, zachowując ciężkie pliki multimedialne dla poszczególnych list.
Czy najlepsze praktyki dotyczące stron produktów mają zastosowanie do stron sklepów?
Generalnie, nie. Podczas gdy strona produktu skupia się na szczegółowych informacjach, recenzjach i jednym przycisku „Dodaj do koszyka”, strona sklepu służy do szybkiego przeglądania i filtrowania. Próba umieszczenia elementów konwersji, takich jak timery lub długie teksty, na stronie sklepu tylko zaśmieci doświadczenie użytkownika.
Podsumowanie
Oceniając ogólny projekt strony Twojego sklepu ecommerce, pamiętaj, że strony sklepowe są miejscem, w którym faktycznie dzieje się większość podróży użytkownika. Są to również miejsca, w których większość kupujących w trybie przeglądania odchodzi. Badania Baymard, Nielsen Norman Group i Google wskazują w tym samym kierunku. Traktuj stronę sklepu jako powierzchnię odkrywania, a więcej tych kupujących będzie wracać.
Oto od czego zacząć:
- Ramuj strony sklepowe jako odkrywanie, a nie sprzedaż
- Buduj dla zapachu informacji: jasne etykiety, okruszki chleba, prawdziwa treść wprowadzająca
- Dodaj pięć podstawowych filtrów i cztery podstawowe typy sortowania
- Pomiń nieskończone przewijanie dla zakupów zorientowanych na cel
- Zarządzaj adresami URL fasetowymi i tagami kanonicznymi dla SEO
- Dodaj przycisk listy życzeń do każdej karty strony sklepu
Aby dodać przycisk listy życzeń do swojej strony sklepu już dziś, użyj darmowej wersji SaveTo Wishlist. Nieograniczone listy życzeń, listy życzeń dla gości i konfigurowalne szablony są wliczone w cenę. Nie jest wymagany żaden płatny plan.
