Karta produktu w sklepie internetowym - co powinna zawierać

Wyobraź sobie, że wchodzisz do sklepu stacjonarnego i nie możesz dotknąć towaru, nie ma sprzedawcy, któremu możesz zadać pytanie, a na półce widnieje tylko zdjęcie produktu i cena. Kupujesz? Pewnie nie. Karta produktu w sklepie internetowym robi dokładnie to samo, co dobry sprzedawca w realu - odpowiada na pytania, buduje zaufanie i prowadzi do decyzji zakupowej. Tylko że robi to w ciszy, bez kontaktu, 24 godziny na dobę.

Pracuję przy sklepach internetowych od ponad dekady. Przez ten czas widziałem sklepy, które traciły sprzedaż nie dlatego, że miały złe produkty czy wysokie ceny, ale dlatego, że karta produktu nie dawała klientowi tego, czego potrzebował. W tym tekście pokażę Ci, z czego składa się dobrze zrobiona karta produktu, dlaczego każdy element ma znaczenie i jak sprawdzić, czy Twój sklep nie traci pieniędzy na brakujących detalach.

Nazwa produktu - więcej niż tytuł

Nazwa produktu to pierwsze, co widzi klient i pierwszy sygnał, który odbiera wyszukiwarka. Zły tytuł to "Buty sportowe 42". Dobry to "Męskie buty do biegania Nike Air Zoom - rozmiar 42, kolor czarny". Różnica wydaje się kosmetyczna, ale wpływa na dwa krytyczne rzeczy: to, czy klient w ogóle trafi na stronę przez Google, i to, czy po wejściu od razu wie, że jest we właściwym miejscu.

Nazwa powinna zawierać frazę kluczową, czyli dokładnie to, czego szuka Twój potencjalny klient. Jeśli sprzedajesz miksery kielichowe do smoothie, nie nazywaj produktu "Urządzenie kuchenne model KX300" - to nic nikomu nie mówi. Pisz tak, jak mówią ludzie, bo tak też wpisują w wyszukiwarkę.

Zdjęcia - oczy zamiast rąk

Zdjęcia są w sklepie internetowym tym, czym dotyk w sklepie stacjonarnym. Klient nie może wziąć produktu do ręki, sprawdzić faktury materiału ani zobaczyć, jak wygląda od tyłu. Musisz mu to pokazać.

Minimum to 3-4 zdjęcia na produkt. Optymalnie 5-8. Co powinny pokazywać? Produkt z przodu, z tyłu, z boku, zbliżenie na szczegóły (szwy, łączenia, oznaczenia, tekstura), produkt w użyciu lub w kontekście (mebel w urządzonym pokoju, koszulka na modelu). Dla produktów odzieżowych - koniecznie widok na postaci, nie tylko na wieszaku. Dla elektroniki - zdjęcie tyłu z portami i złączami.

Jakość techniczna też ma znaczenie. Jasne, ostre zdjęcia na neutralnym tle sprzedają lepiej niż rozmazane fotki telefonem w ciemnym magazynie. Zoom - możliwość powiększenia fragmentu - to element, który zdecydowanie podnosi zaufanie, szczególnie przy produktach premium.

Nazwy plików graficznych i atrybuty alt mają też znaczenie dla SEO. Plik "DSC_00412.jpg" nic nie wnosi. "buty-do-biegania-nike-czarne-meskie.jpg" z altem "Czarne buty do biegania Nike dla mężczyzn" - to sygnał dla wyszukiwarki, który pomaga w pozycjonowaniu.

Cena i dostępność - bez niedomówień

Cena powinna być widoczna od razu, bez scrollowania i bez zmuszania klienta do klikania. Brzmi oczywisto, ale zdziwiłbyś się, ile sklepów ukrywa cenę pod formularzem zapytania ofertowego albo chowa ją na dole strony.

Sama liczba to za mało. Klient chce wiedzieć: czy to cena brutto czy netto? Czy zawiera VAT? Jakie są koszty wysyłki? U klienta, dla którego budowałem sklep z narzędziami, okazało się, że porzucenia koszyka drastycznie spadły po jednej zmianie - dodaniu frazy "darmowa wysyłka od X zł" bezpośrednio pod ceną produktu. Klient nie musiał już szukać tej informacji przed zakupem.

Dostępność to osobna, niedoceniana sprawa. Jeśli produkt jest na stanie - powiedz to wprost: "Dostępny, wysyłka w 24h". Jeśli zostały ostatnie sztuki - "Ostatnie 3 sztuki" buduje delikatną presję zakupową, ale bez sztuczności. Jeśli produkt jest niedostępny - nie ukrywaj karty i nie serwuj błędu 404. Stracisz pozycje SEO, które ta strona zbudowała. Zamiast tego: wyraźna informacja o braku, opcja powiadomienia mailowego, podobne produkty w alternatywie.

Opis produktu - sprzedawca w tekście

Opis produktu to miejsce, gdzie wielu właścicieli sklepów popełnia jeden z dwóch błędów: albo kopiują suchy opis techniczny od producenta, albo piszą kilka ogólników w stylu "wysokiej jakości produkt od sprawdzonego producenta". Ani jedno, ani drugie nie sprzedaje.

Dobry opis odpowiada na dwa pytania: co ten produkt robi, i co ty z tego masz. Weźmy przykład: "Mieszanie z częstotliwością 25 000 obrotów na minutę" to cecha. "Gotowe smoothie w 30 sekund, nawet z twardymi kostkami lodu" to korzyść. Ludzie kupują korzyści, nie parametry techniczne.

W WooCommerce masz do dyspozycji dwa pola: krótki opis i długi opis. Krótki opis wyświetla się obok zdjęcia, tuż przy przycisku - 2-3 zdania z kluczowymi zaletami. Długi opis to przestrzeń na więcej: sposób użycia, dla kogo produkt jest przeznaczony, czego nie robić, co zawiera zestaw. Wypełniaj oba - mają różne role i różne miejsca w hierarchii SEO.

Pamiętaj też: nie kopiuj opisów od producentów ani hurtowni. Duplikaty treści szkodzą pozycjonowaniu - Google widzi tę samą treść na setkach stron i nie ma powodu, żeby preferować Twoją. Unikalny opis to jeden z niewielu sposobów, żeby wyróżnić się wobec konkurencji, która sprzedaje dokładnie te same produkty.

Parametry techniczne i warianty

Nie każdy produkt wymaga tabeli parametrów, ale wiele produktów bez niej nie sprzedaje. Kupujący torbę na laptopa chce wiedzieć, czy zmieści 15,6-calowy model. Kupujący kabel HDMI sprawdza wersję i długość. Kupujący krem patrzy na pojemność i skład.

Parametry to też sygnały SEO. Klient może wyszukiwać "torba na laptop 15 cali czarna", a szczegółowe parametry sprawiają, że Twoja karta produktu odpowiada na to zapytanie.

Jeśli produkt ma warianty - kolor, rozmiar, pojemność - zadbaj o dwie rzeczy. Po pierwsze, żeby wybór wariantu był prosty i czytelny (kolorowe próbki zamiast listy "czerwony|zielony|niebieski"). Po drugie, żeby cena i dostępność aktualizowały się dynamicznie po wyborze wariantu. Klient, który wybierze wariant niedostępny i dopiero przy kasie dowie się o problemie, porzuci zakup i może nie wrócić.

Opinie klientów - dowód społeczny

Opinie to jeden z tych elementów, które właściciele sklepów albo bardzo chcą, albo bardzo się ich boją. Rozumiem obydwa podejścia. Ale dane są jednoznaczne: produkty z opiniami sprzedają się lepiej niż te bez, nawet jeśli wśród recenzji są te negatywne.

Powód jest prosty. Sklep, który nie ma żadnych opinii, wygląda jak nowy i nieznany. Sklep z samymi 5-gwiazdkowymi recenzjami wygląda podejrzanie - nikt nie ma samych idealnych doświadczeń. Sklep z realnym rozkładem, gdzie jest kilka 5 gwiazdek, kilka 4 i jedna 2 z wyjaśnieniem, dlaczego - wygląda autentycznie.

Pokaż średnią ocenę i liczbę recenzji bezpośrednio pod nazwą produktu. Pełną sekcję z treścią recenzji umieść niżej. Daj możliwość filtrowania i sortowania. Odpowiadaj na negatywne opinie publicznie i spokojnie - to też sygnał zaufania.

Przycisk CTA - jeden cel, jedno działanie

CTA, czyli call to action, to przycisk "Dodaj do koszyka" lub "Kup teraz". Brzmi banalnie, ale jego projektowanie to osobny temat. Kilka zasad, które zawsze stosuję w sklepach, które buduję.

Przycisk musi być widoczny bez scrollowania - przynajmniej na ekranie desktopowym. Na mobile powinien być dostępny w kciuku. Musi wyróżniać się kolorem od reszty strony - nie może ginąć w tle. Tekst imperatywny działa lepiej: "Dodaj do koszyka" bije "Koszyk" i "Zamów". Jeden główny CTA na stronę - nie sześć różnych przycisków o tym samym priorytecie.

Jeśli sprzedajesz produkty z opcją negocjacji ceny lub kontaktu (np. usługi, produkty na zamówienie), drugi przycisk "Zapytaj o produkt" jest uzasadniony. Ale niech wyraźnie różni się hierarchicznie od głównego CTA.

Propozycje podobnych produktów

Sekcja "Podobne produkty", "Klienci kupili też" lub "Może Cię zainteresować" robi trzy rzeczy jednocześnie. Zatrzymuje klienta, który nie jest pewien tego konkretnego produktu - zamiast wychodzić ze sklepu, dostaje alternatywę. Generuje dodatkową sprzedaż przez zestawy i produkty komplementarne. I buduje sieć wewnętrznych linków, która pomaga wyszukiwarkom poruszać się po Twoim sklepie.

Jeśli budujesz sklep na WooCommerce, możesz to skonfigurować ręcznie (zakładka "Powiązane produkty" w edycji produktu) lub zostawić automatykę, która dobiera produkty z tej samej kategorii. Ręczna konfiguracja daje lepsze wyniki - wiesz lepiej niż algorytm, co do czego pasuje.

Te sekcje powinny być niżej na stronie, po informacjach zakupowych. Nie przeszkadzaj klientowi, który jest gotowy do zakupu, rozpraszając go zanim kliknie CTA.

Informacje o dostawie i zwrotach

Jedną z najczęstszych przyczyn porzucania koszyka jest odkrycie kosztu lub czasu dostawy dopiero przy kasie. Klient liczy na darmową wysyłkę, a przy finalizacji zamówienia dowiaduje się, że zapłaci 20 zł. Wrażenie: czuł się oszukany. Efekt: zamknięta karta, utracona sprzedaż.

Informacja o wysyłce powinna być na karcie produktu, widoczna bez szukania. Wystarczy jedno zdanie pod ceną: "Darmowa dostawa od 200 zł, dostawa w 2-3 dni robocze". Politykę zwrotów - 14 dni, bez pytania o powód - możesz zasygnalizować ikoną lub krótką notatką. To redukuje obawy zakupowe, szczególnie u nowych klientów.

SEO karty produktu - dane strukturalne i nie tylko

Karta produktu to strona, która ma realną szansę trafić wysoko w Google na konkretne zapytanie zakupowe. Klient wpisuje "czajnik elektryczny 1,5l biały" i chce trafić na stronę, gdzie może od razu kupić. Twój sklep może na tym skorzystać - ale tylko jeśli zadbasz o kilka technicznych spraw.

Dane strukturalne Schema.org typu Product to kod, który mówi Google: "ta strona to karta produktu, a oto jej cena, ocena, dostępność i SKU". Efektem mogą być rozszerzone wyniki wyszukiwania - z gwiazdkami i ceną widoczną bezpośrednio w Google, zanim klient kliknie. To podnosi klikalność i odróżnia Twój wynik od konkurencji.

W WooCommerce z wtyczką Rank Math lub Yoast WooCommerce SEO dane strukturalne dodawane są automatycznie - wystarczy sprawdzić, czy są poprawnie skonfigurowane i czy Google je widzi (narzędzie Rich Results Test w Google Search Console). Więcej o pozycjonowaniu sklepów znajdziesz w artykule o WooCommerce jako platformie sklepowej.

Poza danymi strukturalnymi, karta produktu powinna mieć unikalny meta tytuł i meta opis - z frazą kluczową, ale napisany dla człowieka, nie tylko dla algorytmu. I unikalny opis produktu - bo duplicate content, czyli powielona treść od producenta, obniża widoczność w wyszukiwarce.

Jeśli zastanawiasz się, jak powinna być zbudowana cała architektura sklepu od podstaw, przeczytaj najpierw czym jest sklep internetowy - to da Ci kontekst, w którym karta produktu tylko jedna część układanki.

Jak sprawdzić swoją kartę produktu?

Mam jeden prosty test, który stosuję przy auditach. Otwieram kartę produktu i zadaję pięć pytań z perspektywy klienta, który nic o sklepie nie wie:

1. Czy wiem dokładnie, co kupuję?
2. Czy widzę, ile to kosztuje i co jest w cenie?
3. Czy mam powód, żeby zaufać temu sklepowi?
4. Czy wiem, kiedy dostanę zamówienie i co jeśli nie będę zadowolony?
5. Czy mogę łatwo kliknąć "dodaj do koszyka"?

Jeśli na którekolwiek pytanie odpowiedź brzmi "nie" lub "trzeba szukać" - tam jest luka. Takie luki kosztują. Nie jednorazowo, ale na każdym kliencie, który odejdzie bez zakupu.

Jeśli chcesz, żebym przejrzał karty produktów Twojego sklepu i wskazał konkretne miejsca do poprawy, możesz skontaktować się ze mną przez stronę kontaktową. Buduję i optymalizuję sklepy internetowe głównie na WooCommerce - od małych butikowych sklepów po rozbudowane e-commerce z kilkoma tysiącami produktów.

Najczęstsze pytania

Ile zdjęć powinien mieć produkt w sklepie internetowym?

Minimum 3-4 zdjęcia, optymalnie 5-8. Pokaż produkt z przodu, z tyłu, z boku, w zbliżeniu na szczegóły i w kontekście użycia. Klient nie może dotknąć produktu - zdjęcia muszą to nadrobić. Przy produktach odzieżowych warto dodać też ujęcie na modelu.

Czy opis produktu ma wpływ na pozycjonowanie?

Tak, bezpośredni. Unikalny opis z frazą kluczową i powiązanymi słowami pomaga wyszukiwarkom zrozumieć, co sprzedajesz. Kopiowanie opisów od producentów lub hurtowni szkodzi, bo duplikaty treści obniżają widoczność. Krótki opis i długi opis w WooCommerce to dwa różne miejsca - warto wypełnić oba.

Czym różni się krótki opis od długiego opisu produktu w WooCommerce?

Krótki opis pojawia się obok zdjęcia, tuż przy przycisku dodaj do koszyka - powinien zawierać 2-3 zdania z kluczowymi zaletami. Długi opis trafia pod kartę produktu, daje przestrzeń na szczegóły, parametry, sposób użycia. Wypełniaj oba - mają inne role zarówno dla UX, jak i SEO.

Jak wyświetlić cenę i ocenę w wynikach Google?

Służą do tego dane strukturalne Schema.org, konkretnie typ Product z właściwościami offers i aggregateRating. WooCommerce z wtyczką SEO (np. Yoast WooCommerce SEO lub Rank Math) dodaje je automatycznie. Google może wtedy pokazać gwiazdki i cenę w wynikach wyszukiwania, co zwiększa klikalność.

Czy sekcja z podobnymi produktami naprawdę pomaga?

Tak, z kilku powodów. Po pierwsze, klient który nie znajdzie dokładnie tego czego szuka, dostaje alternatywę zamiast wychodzić ze sklepu. Po drugie, to okazja do pokazania produktów komplementarnych - klasyczny przykład to sprzedaż pokrowca razem z tabletem. Po trzecie, linki wewnętrzne między kartami produktów pomagają wyszukiwarkom indeksować sklep.

Co zrobić, gdy produkt jest chwilowo niedostępny?

Nie ukrywaj karty produktu i nie wyświetlaj błędu 404. Zamiast tego wyraźnie oznacz produkt jako niedostępny, podaj orientacyjny termin dostępności jeśli go znasz i zaoferuj opcję powiadomienia mailowego gdy wróci na stan. Ukrywanie niedostępnych produktów niszczy pozycje SEO zbudowane przez tę stronę.

Ile powinna zajmować sekcja z opiniami na karcie produktu?

Opinie powinny być zawsze widoczne, ale nie dominować nad informacjami zakupowymi. Pokaż średnią ocenę z liczbą recenzji tuż pod nazwą produktu. Pełna sekcja z treścią opinii niżej na stronie. Najważniejsze: nie chowaj negatywnych opinii - sklepy z samymi 5-gwiazdkowymi ocenami wyglądają podejrzanie.