Jak zaprojektować kartę produktu z opiniami: układ, filtry i podsumowania

Karta produktu z opiniami powinna pokazywać ocenę zbiorczą i liczbę recenzji przy nazwie produktu, zdjęcia klientów w galerii, a niżej sekcję opinii z podsumowaniem: średnią, klikalnym rozkładem gwiazdek i ewentualnym streszczeniem. Pod nim – filtry według oceny i cech kupujących, sortowanie z łatwym dostępem do opinii krytycznych oraz pojedyncze recenzje z datą, wariantem i oznaczeniem zweryfikowanego zakupu.

Jak klienci czytają opinie w karcie produktu

Mało kto czyta opinie od góry do dołu. Kupujący skanuje: patrzy na średnią i liczbę opinii, potem na rozkład, potem szuka recenzji od osób podobnych do siebie i tych najniżej ocenionych. Dobrze zaprojektowana karta produktu ułatwia każdy z tych kroków.

Dobrze to widać w badaniach Baymard Institute, który od lat testuje użyteczność sklepów internetowych. W testach kart produktów 95% uczestników korzystało z opinii, by dowiedzieć się więcej o produkcie. Najczęściej używanym elementem sekcji był rozkład ocen – uczestnicy polegali na nim bardziej niż na treści recenzji. 53% aktywnie szukało negatywnych opinii, zwykle przez sortowanie. A w ankiecie przeprowadzonej przez Baymard na 670 uczestnikach większość wolała produkt ze średnią 4,5 i 12 ocenami od produktu z oceną 5,0 i dwiema ocenami.

Ten ostatni wynik potwierdza szersze obserwacje: idealna średnia budzi podejrzliwość, a kupujący ufają ocenom z pewną liczbą krytycznych głosów. Pisaliśmy o tym w analizie badania, które pokazało, dlaczego ocena 4,7 sprzedaje lepiej niż 5,0, i w tekście o tym, jak klienci czytają średnią ocenę i liczbę opinii.

Układ strony: co w pierwszym ekranie, a co niżej

Najczęstszy błąd to ukrycie opinii w zakładce lub zwijanym panelu. Część użytkowników ich nie otwiera, szczególnie na telefonie. Drugi błąd to sekcja opinii umieszczona pod długim opisem i specyfikacją, do której trzeba przewijać kilkanaście ekranów – wtedy klikalna ocena przy nazwie produktu jest jedyną drogą do recenzji.

Zdjęcia klientów w galerii to osobny temat – ich wpływ na konwersję i zwroty omawiamy w artykule o zdjęciach od klientów w karcie produktu.

Podsumowanie opinii: średnia, rozkład i streszczenie

Podsumowanie to pierwsza rzecz, którą kupujący widzi po przejściu do sekcji. Powinno zawierać:

1. Średnią ocenę z jednym miejscem po przecinku i liczbą opinii, na podstawie których ją policzono.
2. Rozkład ocen z klikalnymi słupkami. W testach Baymard 90% uczestników, którzy chcieli zobaczyć opinie z określoną oceną, próbowało kliknąć słupek rozkładu.
3. Oceny cząstkowe, jeśli mają sens w kategorii: dopasowanie rozmiaru, jakość wykonania, stosunek jakości do ceny.
4. Streszczenie opinii, jeśli masz ich dużo – opcjonalnie generowane przez AI.

Przy bardzo małej liczbie opinii rozkład ocen niewiele mówi, a może nawet szkodzić – jedna jedynka przy dwóch opiniach wygląda dramatycznie. Baymard sugeruje ukrywanie podsumowania, gdy ocen jest pięć lub mniej. Ile opinii potrzeba, by ocena zaczęła przekonywać, omawiamy w tekście o progach liczby opinii.

Streszczenia generowane przez AI stają się standardem w dużych sklepach – jak zmieniły kartę produktu u największego gracza, pokazuje teczka o streszczeniach opinii AI na Amazonie. Zasady dla mniejszych sklepów są proste: streszczenie musi obejmować także powtarzające się zarzuty, być oznaczone jako wygenerowane automatycznie i aktualizowane wraz z nowymi opiniami.

Filtry i sortowanie opinii

Przy kilkunastu opiniach filtry są zbędne. Przy kilkudziesięciu i więcej stają się podstawowym narzędziem nawigacji. Najważniejsze funkcje:

• Filtr według liczby gwiazdek, uruchamiany również kliknięciem w słupek rozkładu. Baymard zaleca filtry wzajemnie wykluczające się, bo uczestnicy testów nie przeglądali kilku grup ocen naraz.
• Filtr według cech kupującego, gdy mają znaczenie: wzrost i rozmiar w modzie, typ skóry w kosmetykach, wielkość firmy w B2B. W modzie takie dane wyraźnie pomagają ograniczać zwroty – piszemy o tym w artykule o UGC w modzie.
• Filtr „ze zdjęciami” – dla osób, które chcą zobaczyć produkt w realnych warunkach.
• Wyszukiwarka w opiniach albo gotowe tematy wyciągnięte z recenzji („bateria”, „rozmiar”, „zapach”).
• Sortowanie: trafność lub przydatność jako domyślne, do tego najnowsze oraz od najniższej i od najwyższej oceny.

Według Baymard w 60% analizowanych sklepów domyślnym sortowaniem nie była trafność, przez co część użytkowników widziała na początku wyłącznie pozytywne albo wyłącznie negatywne recenzje. Oba skrajne obrazy są mylące: same pochwały wyglądają na wyselekcjonowane, same krytyki – na gorszy produkt, niż wynika ze średniej.

Pojedyncza opinia: z jakich elementów się składa

Oznaczenie opinii zweryfikowanej jest szczególnie ważne w Polsce, gdzie od 1 stycznia 2023 r. sklep, który udostępnia opinie, musi informować, czy i jak sprawdza, że pochodzą od osób, które kupiły produkt. Etykieta przy opinii musi odpowiadać rzeczywistej procedurze.

Negatywnych opinii nie ukrywaj ani nie spychaj na koniec listy. Dobrze opisana krytyka często zwiększa wiarygodność całej sekcji, co omawiamy w tekście o tym, dlaczego negatywne opinie sprzedają. Pytania kupujących zbieraj osobno – zasady opisuje artykuł o pytaniach i odpowiedziach w karcie produktu.

Gdy opinii jest mało albo nie ma ich wcale

Nowy produkt bez recenzji to normalna sytuacja, a nie powód, by ukrywać sekcję lub pokazywać puste gwiazdki. Pięć szarych gwiazdek z dopiskiem „0 opinii” przy nazwie produktu działa gorzej niż brak oceny, bo sugeruje, że nikt go nie kupuje.

Co pokazać zamiast tego:

• zachętę do napisania pierwszej opinii, widoczną dla osób, które produkt kupiły,
• ocenę sklepu z zewnętrznego programu opinii, wyraźnie podpisaną jako ocena sklepu, a nie produktu,
• odpowiedzi na pytania kupujących i rozbudowaną sekcję „często zadawane pytania”,
• opinię lub test specjalisty, jeśli taki istnieje – sposób jej prezentacji opisujemy w tekście o sekcji „Opinia specjalisty” w karcie produktu.

Nie przenoś natomiast opinii z innego produktu bez jasnej informacji, czego dotyczą. Recenzje poprzedniej wersji tego samego modelu można pokazać z wyraźnym oznaczeniem, ale opinie o innym produkcie przedstawione jako opinie o nowości wprowadzają w błąd.

Technika: telefon, wydajność i dane strukturalne

Sekcja opinii jest często najcięższym elementem karty produktu: zdjęcia klientów, zewnętrzne skrypty, dziesiątki recenzji. Trzy zasady techniczne:

• Ładuj stopniowo. Pokaż podsumowanie i kilka pierwszych opinii, resztę doładowuj po kliknięciu lub przewinięciu. Zarezerwuj miejsce na widżet opinii, żeby jego załadowanie nie przesuwało treści. Więcej w artykule o widżetach opinii a szybkości strony.
• Treść w kodzie strony. Przynajmniej ocena zbiorcza i część opinii powinny być w HTML, a nie wyłącznie w ramce zewnętrznego dostawcy.
• Dane strukturalne. Oznacz produkt wraz z oceną zbiorczą (AggregateRating) i opiniami, zgodnie z tym, co widzi użytkownik. Instrukcję krok po kroku zawiera poradnik o tym, jak dodać gwiazdki opinii do wyników Google.

Sekcja opinii na telefonie

Na smartfonie sekcja opinii jest wąska i długa, więc o jej użyteczności decydują detale. Podsumowanie z rozkładem ocen powinno mieścić się na jednym ekranie. Filtry lepiej zebrać pod jednym przyciskiem otwierającym panel niż rozkładać w kilku rzędach nad listą. Długie recenzje warto skracać do kilku linii z opcją rozwinięcia, a zdjęcia klientów pokazywać jako przewijany pasek miniatur. Po zastosowaniu filtra użytkownik musi od razu zobaczyć, ile opinii spełnia kryteria i jak wrócić do pełnej listy.

Checklista projektowa karty produktu z opiniami

1. Ocena zbiorcza z liczbą opinii stoi przy nazwie produktu i przewija do sekcji opinii.
2. Zdjęcia klientów są w galerii, oznaczone jako zdjęcia od kupujących.
3. Sekcja opinii jest widoczna bez otwierania zakładki.
4. Podsumowanie zawiera średnią, liczbę opinii i klikalny rozkład ocen; przy pięciu lub mniej ocenach rozkład jest ukryty.
5. Filtry według gwiazdek i cech kupującego wykluczają się wzajemnie i działają na telefonie.
6. Domyślne sortowanie według trafności, z szybkim dostępem do opinii najniżej ocenionych.
7. Każda opinia ma datę, wariant, oznaczenie weryfikacji i przycisk „pomocne”.
8. Streszczenie AI uwzględnia krytykę i jest oznaczone jako wygenerowane automatycznie.
9. Sekcja nie pogarsza Core Web Vitals, a dane strukturalne są poprawne.
10. Produkty bez opinii mają zachętę do pierwszej recenzji zamiast pustych gwiazdek.

Projekt sekcji to połowa sukcesu – druga to stały dopływ nowych recenzji. Jak go zapewnić, opisuje nasz przewodnik o tym, jak prosić klientów o opinie.