Ruch wygląda w porządku. Budżet reklamowy nie jest szalony. Koszyk nadal pusty – więc poprawia się stawki, przepisuje reklamę, szuka kolejnego słowa kluczowego. W większości przypadków przeciek leży gdzieś nudniej: strona produktu nigdy nie odpowiedziała na pytania zakupowe albo zakopała je pod „optymalizacjami”. To prosta mapa tego, co powinno być na stronie produktu, i tego, co zwykle zabija konwersję – bez przebudowy szablonu.
I to nie kwestia gustu. W bieżącym benchmarku Baymard dotyczącym UX strony produktu w e-commerce ponad połowa testowanych sklepów wypada średnio lub słabo. Błędy są nudne: koszt dostawy nieznany do checkoutu, rozmiar, którego nikt nie rozszyfruje, zdjęcia ukrywające jeden detal, który sprzedaje produkt. Kupujący, którzy chcieli kupić, odchodzą, bo strona utrudniła decyzję bardziej, niż ona wymaga.
Strona produktu ma jedno zadanie
PDP odpowiada szybko na trzy pytania: co to jest, ile kosztuje, kiedy dotrze. Gdy te odpowiedzi są na miejscu, kupujący wybaczy brzydką czcionkę. Gdy się potkną – żaden widget z opiniami ani film marki nie uratuje sesji.
Strony kategorii robią coś innego – orientują nad siatką produktów. Jeśli to jest następny bałagan do posprzątania, zacznij od treści strony kategorii w e-commerce. Ten wpis zostaje przy PDP: jeden produkt, jedna ścieżka zakupu.
Co powinno być na stronie produktu
Niezależnie od tego, czy mówimy o PDP, czy o product detail page, co powinno być na stronie produktu to nadal odpowiedzi na pytania zakupowe – a nie kolejna warstwa ozdobników. Podstawa, w kolejności od tego, co najczęściej widzimy zepsute:
- Tożsamość, która przetrwa wybór wariantu. Czytelna nazwa, uczciwe główne zdjęcie i galeria, która się zmienia po wyborze koloru. W PrestaShop nadal trafiają się kombinacje, gdzie obraz nie zmienia się po wybraniu „czerwonego” – więc kupujący zakłada, że czerwonego nie ma. A jeśli główne zdjęcie w ogóle się nie ładuje, strona kończy się zanim zaczęła; zobacz naprawę obrazów w PrestaShop, które się nie wyświetlają, gdy to sama galeria jest błędem.
- Cena zgodna z tym, co przyprowadziło klienta. Reklama mówiła 47,90 €, PDP pokazuje 52,90 €, bo nigdy nie sprawdzono wpływu ceny kombinacji. Ta luka brzmi jak przynęta, nawet gdy to tylko zaniedbanie.
- Opcje, które obcy rozszyfruje bez zgadywania. Rozmiar, kolor, opakowanie – cokolwiek odblokowuje realne zamówienie. Grupy atrybutów opisane „Rozmiar1 / Rozmiar2” albo kody dostawcy wklejone do list rozwijanych to tarcie przebrane za opcję. Żargon na tych kontrolkach to błąd UX, nie kaprys copywritera – więcej w żargonie produktowym jako problemie UX.
- Prawda o stanie magazynowym lub czasie realizacji. Na stanie, zamówienie z opóźnieniem, na zamówienie, wysyłka za X dni. Flaga „dostępny”, która ukrywa trzytygodniowy czas oczekiwania, kosztuje chargeback później.
- Akcja zakupu, która działa po wyborze. Dodaj do koszyka, dostępne bez polowania na skarb – i nigdy cicho wyłączone przez niewybraną opcję bez komunikatu błędu.
- Jedna linia o dostawie lub zwrotach, która zmienia decyzję. Tylko gdy ma znaczenie dla tego produktu: ciężki transport, brak zwrotów ze względów higienicznych, wysyłka z UE. Nie ściana linków do regulaminów.
- Dowód zgodny z obietnicą. Prawdziwe podsumowanie ocen, fakt o materiale, informacja o kompatybilności. Dwanaście logo zaufania nad ceną nie dowodzi niczego poza nerwami.
Wszystko poza tą listą to wsparcie. Film marki i storytelling mogą poczekać, aż ścieżka zakupu zacznie działać.
Co zabija konwersję
Zabójcy wyglądają profesjonalnie na zrzucie ekranu. Na żywej sesji kradną uwagę liście podstawowej:
- Pasek promocji, pasek cookies i popup newslettera ułożone warstwami, zanim produkt zostanie zrozumiany – w jednym audytowanym sklepie cztery stałe elementy walczyły o strefę zakupu
- Tapeta z odznakami zaufania nad ceną i opcjami
- Esej SEO pod tytułem – te same 400 słów na 200 SKU z podmienioną nazwą produktu
- Warianty, które sobie przeczą: dwa systemy rozmiarów na jednej stronie albo opcja, która wyłącza Dodaj do koszyka bez wyjaśnienia
- Brak na stanie bez kolejnego kroku – brak formularza powiadomienia, daty uzupełnienia, podobnego produktu
- Karuzele cross-sell walczące z głównym przyciskiem zakupu o to samo miejsce na wysokości wzroku
- Sztuczna pilność – odliczanie resetujące się o północy albo „zostały 2 szt.” przy produkcie z 400 sztukami w magazynie
Wzorzec, który w audytach pojawia się regularnie: przyklejony Dodaj do koszyka, modal z tabelą rozmiarów, trzy aplikacje do opinii, timer odliczający – podczas gdy lista rozmiarów nadal chowa się pod wysoką galerią, a format ceny różni się od karty na liście. Strona wygląda zoptymalizowana na checklistie. Nie przechodzi testu „należy się tu”. Przyklejony pasek to nie hierarchia; jeśli prawdziwe kontrolki nigdy nie były czytelne, pasek tylko unosi się nad bałaganem.
Oznacz bloki: należy się albo zabija – na jednym żywym produkcie
Wybierz produkt, który ma ruch, ale nie ma zamówień. Otwórz żywy sklep w oknie incognito, najpierw na telefonie – nie podgląd w back office, tylko prawdziwa strona z każdym wstrzykniętym modułem. Zrób zrzut ekranu. Potem oznacz każdy blok B (należy się – odpowiada na pytanie zakupowe) albo K (zabija – szum, opóźnienie, sprzeczność). Pytanie za każdym znakiem B to tytuł tego wpisu: czy to jest część tego, co powinno być na stronie produktu, czy stoi na drodze?
Jedna zasada podczas pracy: jeśli K jest nad B, najpierw obniż priorytet K albo usuń go. Nie dokładaj nowej treści B na szum. Dwa usunięcia zwykle wygrywają z jednym kolejnym widgetem.
- Czy da się nazwać produkt i zobaczyć go w ciągu kilku sekund?
- Czy cena jest oczywista i zgadza się z listą lub reklamą, która przyprowadziła kliknięcie?
- Czy da się wybrać potrzebną opcję bez zgadywania etykiety?
- Czy Dodaj do koszyka działa po tym wyborze – czy siedzi wyłączony bez podanego powodu?
- Co przerwało przed uzyskaniem tych odpowiedzi?
Wpisz oznaczenia B/K w zgłoszeniu. Wdroż democje tego samego dnia, jeśli się da. Redesign może poczekać.
Treść pod przyciskiem zakupu musi zasłużyć na miejsce
Długi opis, specyfikacja, pielęgnacja, dopasowanie, porównania, FAQ – wszystko to należy się dopiero po tym, jak ścieżka decyzji działa. Zasługuje na miejsce, gdy usuwa realny sprzeciw: „czy pasuje do uchwytu z 2019?”, „czy można prać w wysokiej temperaturze?”, „czy wysyłają do mnie?”. Nie zasługuje na nic jako keyword bulk zaparkowany pod tytułem.
Jeśli akapit istnieje tylko dla rankingu, przenieś użyteczne fakty tam, gdzie kupujący faktycznie patrzą, albo wytnij go. Wypchanie foldu prozą SEO to najczystszy sposób na zabicie konwersji przy przekonaniu, że „zrobiono content”.
Uwaga o platformach i językach
PrestaShop, Shopify, WooCommerce – szablon plus stos aplikacji decyduje, co faktycznie się renderuje, a aplikacje uwielbiają wstrzykiwać bloki nad ceną. Audytuj żywą stronę na szerokości telefonu i desktopu. Pola w back office kłamią, gdy trzy moduły zaczynają pisać HTML.
Sklepy wielojęzyczne: tłumacz znaczenie, nie długość słowa kluczowego. Francuski lub polski tytuł wklejony z dwukrotną długością angielskiego spycha box zakupu w dół i brzmi jak arkusz kalkulacyjny. To samo dotyczy sklonowanych „unikalnych” opisów, które podmieniają tylko nazwę produktu w całym katalogu.
Mobile to ten sam problem, tylko krócej
Niepodlegające negocjacjom elementy na telefonie się nie zmieniają – tożsamość, cena, opcje, prawda, zakup. Zmienia się ich kolejność i wysokość. Elementy promocyjne i wysokie galerie pchają Dodaj do koszyka dwa scrollowania w dół, podczas gdy przyklejony pasek udaje, że strona jest naprawiona. Pytanie o to, co widać bez scrollowania, zasługuje na osobny wpis i dostanie go wkrótce. Na razie zrób przejście B/K na desktopie i mobile – i zapisz, które K zajmują pierwszy ekran na telefonie, bo tam zwykle ginie zamówienie.
Najpierw napraw listę „należy się”. Potem usuń zabójców. Ładniejszy szablon dopiero trzeci – jeśli w ogóle.