Karta produktu to osobna podstrona sklepu internetowego poświęcona jednemu towarowi, z jego zdjęciami, ceną, opisem, parametrami i przyciskiem zakupu. Jej zadaniem jest dostarczyć klientowi wszystkich informacji potrzebnych do decyzji i doprowadzić go do koszyka. W praktyce to cyfrowa półka razem ze sprzedawcą, który odpowiada na pytania.

Na kartę trafia klient z wielu miejsc: z wyników Google, z reklamy produktowej, z kategorii, z newslettera albo z porównywarki cen. Niezależnie od źródła ścieżka kończy się tutaj, dlatego karta produktu w sklepie internetowym jest zwykle podstroną o największym wpływie na sprzedaż. Każda złotówka wydana na ruch traci wartość, jeśli karta nie przekonuje.

Nazwa bywa myląca, bo „kartą produktu” nazywa się też dokumenty spoza e-commerce. Karta katalogowa to zwykle plik PDF z danymi technicznymi, który producent udostępnia hurtowniom i wykonawcom. Karta charakterystyki dotyczy substancji i mieszanin chemicznych sklasyfikowanych jako niebezpieczne i jest wymagana przepisami UE (REACH), więc nie każdy produkt musi ją mieć. Karta produktu ubezpieczeniowego to z kolei dokument informacyjny przed zawarciem polisy. Na tej stronie mówimy wyłącznie o karcie produktowej w sklepie internetowym, choć w sklepach z chemią czy materiałami budowlanymi warto dać na niej link do pobrania karty katalogowej lub karty charakterystyki.

Ta strona dotyczy karty od strony użytkownika i sprzedaży. Pozycjonowanie kart w Google (frazy produktowe, dane strukturalne, duplikaty wariantów) opisujemy na naszej stronie o pozycjonowaniu produktów, a pisanie samych opisów prowadzimy w ramach copywritingu SEO.

Karta produktu potrzebuje tylu zdjęć, żeby klient zobaczył towar z każdej strony, w detalu i w skali, bez pytania sprzedawcy. Zwykle oznacza to zestaw: zdjęcie główne na jasnym tle, ujęcia z boku i z tyłu, zbliżenie materiału lub wykończenia, produkt w użyciu oraz ujęcie pokazujące rozmiar, na przykład obok przedmiotu, który każdy zna.

Zdjęcia muszą dać się powiększyć na komputerze i przewijać palcem na telefonie. Galeria, w której trzeba trafić w małą strzałkę, zniechęca na smartfonie bardziej niż brak jednego ujęcia. Przy wariantach kolorystycznych każde zdjęcie powinno pokazywać wybrany kolor, a nie ten, który fotograf miał akurat pod ręką.

Krótkie wideo sprawdza się przy produktach, których działania nie widać na zdjęciu: sprzęcie, zabawkach, kosmetykach o konkretnej konsystencji, meblach składanych. Wystarczy 20-40 sekund bez muzyki na siłę, z produktem w ręku. Ważne, żeby wideo nie startowało automatycznie z dźwiękiem i nie spowalniało pierwszego ekranu.

Sesji zdjęciowych nie robimy. W audycie wskazujemy, których ujęć brakuje w danej kategorii i jak przygotować zdjęcia, żeby ważyły mało, a wyglądały dobrze. Jeśli zdjęcia ładują się wolno, sprawdź je w naszym teście szybkości strony. Kwestie zdjęć w Google Grafice i opisów alternatywnych pod wyszukiwarkę omawiamy przy pozycjonowaniu produktów.

• zdjęcie główne na jasnym, jednolitym tle
• ujęcia z kilku stron i zbliżenie detalu
• produkt w użyciu lub w aranżacji
• ujęcie pokazujące skalę i rozmiar
• osobne zdjęcia dla każdego koloru

Przed dodaniem do koszyka klient powinien zobaczyć cenę brutto, koszt najtańszej dostawy, przewidywany termin wysyłki lub doręczenia i dostępne metody płatności. Ukrycie kosztu wysyłki do ostatniego kroku to jeden z najczęstszych powodów porzucenia koszyka, bo klient czuje się zaskoczony kwotą końcową.

Cena musi być duża, czytelna i blisko nazwy produktu. Przy promocji obowiązują przepisy o informowaniu o cenach: obok obniżonej ceny podajesz najniższą cenę z 30 dni przed obniżką. Sklepy często pokazują tylko przekreśloną kwotę i liczą, że nikt nie zauważy. To ryzyko prawne, a do tego klient coraz częściej szuka tej informacji sam.

Termin dostawy pisz konkretnie: „wysyłka dziś przy zamówieniu do 14:00” mówi więcej niż „wysyłka w 24 h”, a „dostawa w czwartek” więcej niż „2-3 dni robocze”. Jeśli masz próg darmowej dostawy, pokaż na karcie, ile brakuje. Przy droższych produktach warto dodać informację o płatności w ratach lub odroczonej, jeśli sklep ją oferuje.

Kwoty w tabeli są przykładowe i pokazują sposób zapisu, a nie zalecane stawki.

Wybór wariantu powinien być widoczny od razu, z dostępnymi opcjami pokazanymi jako przyciski lub próbki koloru, a nie ukrytymi w liście rozwijanej. Po wyborze klient musi zobaczyć zmienione zdjęcie, cenę i dostępność tej konkretnej wersji. Niedostępne warianty warto pokazać jako wyszarzone z opcją powiadomienia, zamiast je ukrywać.

Przy odzieży, obuwiu i meblach najważniejsza jest tabela rozmiarów lub wymiarów otwierana jednym kliknięciem przy wyborze wariantu. Klient, który musi szukać jej w regulaminie lub osobnej zakładce, często kupuje dwa rozmiary i jeden odsyła, a to koszt po stronie sklepu. Dobrze działa też krótka podpowiedź, na przykład „ten model jest raczej mały, wybierz rozmiar większy”, jeśli wynika z danych o zwrotach.

Jeśli przycisk zakupu wymaga wcześniejszego wyboru wariantu, powiedz to wprost. Komunikat „wybierz rozmiar” przy przycisku jest lepszy niż przycisk, który po kliknięciu nic nie robi. Sposób zapisu wariantów w adresach URL i ich wpływ na indeksację to temat SEO, który opisujemy przy pozycjonowaniu produktów.

Klient kupuje, gdy ufa i produktowi, i sklepowi. Na karcie produktu zaufanie budują opinie innych kupujących, jasne zasady zwrotów i reklamacji, informacja o gwarancji, dane sprzedawcy oraz łatwy kontakt. Te informacje działają najlepiej tuż przy przycisku zakupu, bo właśnie tam pojawia się ostatnia wątpliwość.

Opinie pokazuj w całości, z oceną, datą i treścią, a nie tylko jako średnią w gwiazdkach. Przepisy wymagają, żeby sklep informował, czy i jak sprawdza, że opinie pochodzą od osób, które kupiły produkt, więc taka informacja powinna być przy sekcji opinii. Warto zbierać opinie automatycznie po dostawie, bo wtedy pojawiają się regularnie i dotyczą konkretnych produktów.

Drugi blok to zasady zwrotów. Konsument ma ustawowo 14 dni na odstąpienie od umowy zawartej na odległość, ale jeśli sklep daje więcej, darmową etykietę zwrotną albo zwrot w punkcie, warto to napisać na karcie jednym zdaniem. Trzeci to kontakt: numer telefonu, czat lub formularz „zapytaj o produkt”. Przy produktach technicznych i drogich wiele osób chce po prostu upewnić się u człowieka.

Nie przesadzaj z odznakami i licznikami. Kilkanaście ikon „bezpieczne zakupy” obok siebie wygląda gorzej niż jedna konkretna informacja. Sztuczne liczniki typu „ostatnia sztuka” przy towarze, którego jest pod dostatkiem, łatwo sprawdzić, a klient, który raz to zauważy, nie wróci.

Na telefonie karta produktu musi zmieścić na pierwszym ekranie zdjęcie, nazwę, cenę i przycisk zakupu albo pokazać przycisk w przyklejonym pasku na dole ekranu. Galeria przewijana palcem, rozwijane sekcje z opisem i parametrami oraz duże pola wyboru wariantu to podstawa, bo ekran jest mały, a klient obsługuje go kciukiem.

W wielu sklepach wersja mobilna to po prostu ściśnięta wersja na komputer. Zdjęcie zajmuje pół ekranu, nazwa produktu łamie się na cztery linie, a cena i przycisk lądują pod spodem. W audycie oglądamy karty na prawdziwych telefonach, w różnych rozmiarach ekranu, i sprawdzamy, ile przewijania dzieli klienta od zakupu.

Drugi temat to szybkość. Duże zdjęcie główne, ciężkie skrypty opinii, czatu i widgetów marketingowych potrafią opóźnić pojawienie się karty o kilka sekund na słabszym zasięgu. Ustalamy, które z nich są potrzebne od razu, a które mogą załadować się później. Wyniki Core Web Vitals sprawdzamy w Search Console i w teście szybkości strony.

• przyklejony pasek z ceną i przyciskiem zakupu
• galeria przewijana palcem, z powiększaniem
• opis i parametry w rozwijanych sekcjach
• pola wariantów w rozmiarze wygodnym dla kciuka
• lekkie zdjęcie główne i opóźnione widgety

Dobra karta produktu to taka, na której klient bez przewijania wie, co kupuje, ile zapłaci z dostawą, kiedy dostanie paczkę i co zrobić, jeśli produkt nie spasuje. Poniżej przykład typowej karty w sklepie z obuwiem przed zmianami i po nich. To ilustracja sposobu pracy, a nie wyniki konkretnego klienta.

Wzorców karty produktowej warto szukać w dużych sklepach z Twojej branży, ale kopiowanie układu jeden do jednego rzadko działa. Duża marka ma rozpoznawalność, której mniejszy sklep nie ma, więc musi mocniej pokazać zwroty, kontakt i dane firmy. Mały sklep ma za to przewagę w konkretach: zdjęciach własnego towaru, szczegółowych odpowiedziach i szybkim kontakcie.

Karta produktu musi jednocześnie sprzedawać, pozycjonować się w Google i mieć dobry opis. To trzy różne zadania i prowadzimy je w osobnych usługach, ale z jednym opiekunem, żeby zmiany w jednym obszarze nie psuły drugiego. Ta strona dotyczy układu i sprzedaży.

Przy zmianach układu pilnujemy, żeby treść ważna dla Google nie zniknęła. Opis schowany w zakładce, która ładuje się dopiero po kliknięciu, albo parametry wczytywane skryptem z zewnątrz mogą być słabiej widoczne dla wyszukiwarki. Dlatego każdą zmianę w szablonie sprawdzamy też pod kątem SEO. Pełny zakres prac wyszukiwarkowych na kartach opisujemy na stronie o pozycjonowaniu produktów, a przegląd całego sklepu przy audycie SEO sklepu.

Opisy produktów to osobny temat: ton, długość, korzyści i parametry. Piszemy je w ramach copywritingu SEO, a pierwsze teksty dostajesz w 6 dni roboczych. Jeśli dopiero budujesz sklep, kartę produktu projektujemy razem z całym sklepem przy tworzeniu sklepów internetowych, z 50% płatności przed realizacją i poprawkami do Twojego zadowolenia.