Karta produktu, która sprzedaje: anatomia idealnej PDP w 2026

Na PDP (Product Detail Page) klient podejmuje decyzję w średnio 8 sekund. Tyle masz, żeby przekonać go, że twój produkt jest tym, czego szuka — i że twojemu sklepowi można powierzyć pieniądze. Mówię to jako ktoś, kto od 2004 prowadzi DrTusz i każdego dnia widzi, jak drobne zmiany w karcie produktu przekładają się na realny przychód.

To, co najważniejsze na karcie produktu, to szybki dostęp do informacji istotnych z perspektywy zakupu i intuicyjne dodanie do koszyka. Brzmi banalnie. W praktyce — 70% sklepów, które audytujemy w Pro1, łamie tę zasadę w pierwszych pięciu sekundach. Poniżej anatomia PDP, której się trzymamy w DrTusz i którą budujemy klientom Pro1.

1. Powyżej fold: co musi być widoczne bez przewijania

Fold (czyli to, co klient widzi zanim cokolwiek przewinie) na mobile w 2026 to mniej więcej 720 x 1280 px przy 100% zoom. Na desktop — 1440 x 720 px. W tym kadrze musi się zmieścić:

• nazwa produktu i wariant (rozmiar, kolor, pojemność)
• cena z VAT, cena przekreślona jeśli jest promocja, info o darmowej dostawie
• jedna główna fotka produktu w wysokiej rozdzielczości
• przycisk "Dodaj do koszyka" widoczny bez scrollowania
• skrót do oceny (gwiazdki) z liczbą opinii

Jeśli któryś z tych elementów wymaga przewijania — tracisz konwersję. W jednym ze sklepów z naszego portfolio przesunięcie przycisku CTA o 80 pikseli wyżej (poprzez kompresję galerii) dało +6% konwersji na PDP. To nie magia, to higiena.

2. Galeria zdjęć: minimum 5, maksimum 9, każde z konkretnym celem

Każde zdjęcie w galerii powinno mieć określoną rolę:

• Zdjęcie 1 — packshot na białym tle. Klasyk, daje od razu zrozumieć, co kupujesz.
• Zdjęcie 2 — produkt w użyciu (lifestyle). Pokazuje skalę i kontekst.
• Zdjęcie 3 — detal. Najważniejsza cecha widoczna z bliska.
• Zdjęcie 4 — rozmiar/skala. Linijka, ręka, dłoń trzymająca produkt.
• Zdjęcie 5 — zawartość zestawu / co dostaniesz w paczce.

Wymiary: minimum 1500 x 1500 px, format WebP (z fallbackiem JPG). Zoom on hover jest dziś standardem — bez niego klient nie ma jak zobaczyć detalu. Wideo na PDP (krótkie, 8-15 sekund, autoplay z wyciszeniem) podnosi konwersję o kilka punktów procentowych, ale tylko jeśli nie psuje Core Web Vitals.

3. Opis produktu: piramida odwrócona, nie esej

Klasyczny błąd: opis zaczyna się od historii marki, ciągnie przez "naszą filozofię produkcji" i kończy się specyfikacją na samym dole. Klient zamyka kartę, zanim dojdzie do tego, co go obchodzi.

Działa piramida odwrócona:

• Pierwszy akapit (60-80 słów): Co to jest, dla kogo, najważniejsza korzyść. Bez "naszych wartości".
• Bullet pointy (4-7 punktów): Cechy techniczne ujęte jako korzyści — nie "pojemność 5L", tylko "5 litrów — wystarczy na 80 wydruków".
• Specyfikacja techniczna: Tabela z parametrami. Klient typu "spec" znajdzie tu wszystko.
• FAQ na PDP (3-6 pytań): Bezpośrednio kasują wątpliwości. To też bonus dla SEO — sklepowy FAQ pojawia się w Google jako rich snippet.

W DrTusz testowaliśmy długie i krótkie opisy. Krótkie wygrywają na produktach commodity (toner X to toner X), długie wygrywają na produktach drogich, gdzie klient potrzebuje uzasadnić sobie wydatek.

4. Social proof: gwiazdki to za mało

Recenzje są dziś tak oczywistym elementem PDP, że brak ich rzuca się w oczy. Ale samo "4,5 / 5 (132 opinie)" nie wystarcza — kupujący szuka konkretu:

• Pełne treści opinii z datą, najlepiej z weryfikacją "kupił w naszym sklepie"
• Filtrowanie po ocenie (chcę zobaczyć, co mówią 3-gwiazdkowi)
• Sortowanie po przydatności / dacie
• Zdjęcia od klientów (UGC podnosi konwersję o 5-15% na PDP)
• Pytania i odpowiedzi (Q&A) — często skuteczniejsze niż recenzje, bo bezpośrednio adresują wątpliwości

Dodatkowo: rich snippets w Google. Schema.org Product + AggregateRating + Review dają ci gwiazdki w wynikach wyszukiwania. To jeden z najtańszych "trików" SEO, jakie znam — wdrożenie zajmuje godziny, efekt na CTR widać w tygodniach.

5. Mobile to nie miniatura desktopu — to inny produkt

W polskim e-commerce w 2025 mobilne sesje to już ponad 70% ruchu na większości sklepów. PDP na mobile musi być projektowane jako pierwsza wersja, nie jako "zminimalizowany desktop".

Kluczowe różnice na mobile:

• Sticky add-to-cart na dole ekranu — przycisk widoczny zawsze, niezależnie od scrolla
• Galeria swipe'owalna zamiast siatki miniatur
• Akordeon na sekcjach (opis, specyfikacja, dostawa, zwroty) — żeby strona nie była nieskończenie długa
• Tap targets minimum 44 x 44 px (Apple HIG i Material Design)
• Brak hover effects — wszystko ma działać na tap

W jednym ze sklepów klienta przebudowa PDP pod mobile-first (bez zmian na desktopie) dała +11% konwersji na urządzeniach mobilnych w ciągu sześciu tygodni. Desktop ucierpiał o 1%. Bilans dodatni.

6. Core Web Vitals i FPS — bo wolna PDP nie sprzedaje

Od 2021 Google wciąga Core Web Vitals do rankingowych sygnałów. W 2026 to już higiena. Twoja PDP musi mieć:

• LCP (Largest Contentful Paint) < 2,5 s — czyli największy element (zwykle główne zdjęcie produktu) musi się załadować w 2,5 sekundy
• INP (Interaction to Next Paint) < 200 ms — odpowiedź na pierwsze tapnięcie nie później niż 200 ms
• CLS (Cumulative Layout Shift) < 0,1 — nic nie może "podskakiwać" w czasie ładowania

Praktyczny test: otwórz swoją PDP w trybie incognito, na komórce, na sieci 4G (nie wifi w biurze). Jeśli klient widzi szarą plamę przez 3 sekundy zanim załaduje się zdjęcie — masz problem.

FPS scrollowania na mobile powinien trzymać 60 fps. Wszystko poniżej 30 fps użytkownik odczuwa jako "lagujący sklep". Mierzysz to w Chrome DevTools (Performance tab → record scroll).

7. Cross-sell i upsell — bez bycia natrętnym

Sekcja "klienci, którzy kupili to, kupili też..." działa, ale ma swoje miejsce: pod opisem, nie nad nim. Cross-sell agresywny powyżej fold to przyznanie się "nie wierzymy, że ten produkt sam się sprzeda".

Działają trzy patterns:

• "Często kupowane razem" — pakiet, który dodaje wartość (do tonera — papier, do kawy — filtry)
• "Podobne produkty" — alternatywy w tej samej kategorii i przedziale cenowym
• "Niedawno oglądane" — pomaga klientowi wrócić do produktów, między którymi się waha

W DrTusz cross-sell "kup też papier" dorzuca średnio 8-12% do wartości koszyka. Ale tylko dlatego, że pokazujemy go dopiero po dodaniu głównego produktu do koszyka — nie wcześniej.

Podsumowanie: PDP to nie projekt, to proces

Idealnej karty produktu nie zaprojektujesz raz i nie zapomnisz. To proces ciągłej iteracji: testujesz pozycję CTA, sprawdzasz wyniki w GA4, patrzysz na heatmapy z Hotjara, czytasz nagrania sesji, znowu testujesz. W DrTusz mam zapisany kalendarz audytów PDP co kwartał — i co kwartał znajdujemy coś do poprawy.

Jeśli twoja PDP konwertuje poniżej 2% na produktach, na których ruch szuka konkretnie tej kategorii — to znaczy, że jest co naprawiać. Najczęściej w pierwszych pięciu sekundach.

Porozmawiaj z nami o swoim sklepie — w Pro1 robimy audyty PDP, w których zaczynamy od mierzenia tych ośmiu sekund, w które klient decyduje. Czasem wystarczy przesunięcie przycisku, czasem przebudowa galerii, czasem nowa struktura opisu. Zawsze konkret, zawsze liczby przed i po.