Přeskočit na obsah
Zpět na všechny články
E-commerce10 min čtení

Produktová stránka: co zákazník potřebuje před nákupem vědět

Co má obsahovat produktová stránka e-shopu: kontrolní seznam 15 prvků, fotky, varianty, parametry, doprava a vrácení, recenze, povinné údaje, Product schema a test na telefonu.

Marek Frňka
Web developer na volné noze za značkou Le Artist, Ostrava
V tomto článku
Kontrola produktové stránky na telefonu vedle skutečného výrobku.
Na telefonu ověřte fotografii, variantu i cestu do košíku. Ilustrační fotografie vytvořená s AI.

Produktová stránka e-shopu musí zákazníkovi odpovědět na všechno, co potřebuje vědět před nákupem: co přesně kupuje, jak výrobek vypadá a jak je velký, kolik zaplatí včetně dopravy, kdy zboží dorazí a jak ho případně vrátí. Níže najdete kontrolní seznam 15 prvků, postup pro fotky, varianty a parametry, povinné údaje podle občanského zákoníku, strukturovaná data pro Google a jednoduchý test na telefonu.

Batoh vypadá dobře, cena je přijatelná a tlačítko do košíku nepřehlédnete. Přesto nekoupíte. Nevíte totiž, jestli se dovnitř vejde váš notebook a zda zip vydrží každodenní používání. Další animace ani větší sleva tyhle dvě otázky nezodpoví.

U každého sortimentu bude stránka vypadat trochu jinak: jinou nejistotu řeší člověk kupující boty, jinou náhradní díl a jinou software. Tady se zaměřím na detail jednoho fyzického výrobku, nikoli na celý proces optimalizace e-shopu.

Rychlá odpověď

U názvu a ceny musí být jasné, jaký výrobek a variantu zákazník kupuje. Fotografie ukazují celek, měřítko a důležité detaily. Parametry pomáhají ověřit vhodnost. Dostupnost, doprava a vrácení jsou vidět ještě před košíkem. Recenze jsou pravdivé, strukturovaná data odpovídají stránce. Všechno ověřte na telefonu se skutečnými produkty.

Kontrolní seznam: 15 prvků produktové stránky

Prvek Na jakou otázku odpovídá Jak ho ověřit
Název s typem a variantou Co přesně kupuji? Název se liší od podobného modelu
Cena včetně DPH Kolik zaplatím? Cena se mění s variantou, pokud se liší
Jednotková cena Vyplatí se větší balení? U zboží prodávaného po kusech, litrech nebo metrech
Tlačítko do košíku Jak koupím? Na mobilu je dostupné i po odscrollování
Dostupnost a termín doručení Kdy to budu mít? Odpovídá skutečnému skladu a dopravci
Fotky celku, měřítka a detailu Jak to vypadá a jak je to velké? Aspoň jeden záběr ukazuje velikost
Video (nepovinné) Jak se to používá? Jen když ukáže něco, co fotka nezvládne
Výběr varianty tlačítky Mám správnou velikost a barvu? Nedostupná varianta je jasně označená
Tabulka parametrů Splňuje to moje požadavky? Údaje sedí s technickým listem výrobce
Popis použití Je to pro mě? Vlastní text, ne kopie od dodavatele
Tabulka velikostí Jakou velikost vybrat? U oblečení, obuvi a výrobků s rozměry
Doprava, platba a vrácení Co mě čeká po objednávce? Cena dopravy a odkaz na postup vrácení
Recenze a hodnocení Jak se osvědčil ostatním? Počet recenzí a jejich původ
Otázky a odpovědi Co když se chci na něco zeptat? Kontakt nebo dotaz přímo u produktu
Příslušenství a alternativy Co ještě budu potřebovat? Skutečně související produkty

Nemusíte mít všech 15 hned. Začněte těmi, které chybí u nejprodávanějších produktů a zákazníci se na ně ptají e-mailem nebo telefonem. Každý opakovaný dotaz je informace, která na stránce chybí.

Jak jsou na tom e-shopy

Baymard Institute v benchmarku produktových stránek (přes 30 000 hodnocení na více než 155 e-shopech, aktualizace březen 2026) uvádí, že na mobilu dosahuje aspoň „slušné“ úrovně jen 38 % webů. Mezi nejčastějšími chybami:

  • 57 % webů nepoužívá pro výběr velikosti tlačítka,
  • 37 % nemá fotky, které ukazují velikost výrobku v měřítku,
  • 81 % neuvádí cenu za jednotku u zboží v různém množství.

Benchmark hodnotí hlavně velké zahraniční obchody. Když stejné chyby mají i ony, vyplatí se je u sebe zkontrolovat jako první: tlačítka pro velikost, fotka v měřítku a jednotková cena jsou levné úpravy.

První obrazovka musí objasnit nabídku

Návštěvník by měl rychle poznat výrobek, jeho hlavní přínos, cenu a další krok. Není nutné do první obrazovky vměstnat celý katalog parametrů. Potřebuje ale pochopit, co přesně znamená zobrazená cena a zda už vybral potřebnou variantu.

U batohu může být vedle názvu krátká věta o určení: městský batoh s oddělenou kapsou na notebook. Uvádějte ji jen tehdy, když odpovídá produktu. Samotné „prémiová kvalita pro každý den“ nepomůže rozhodnout mezi dvěma modely.

Zkontrolujte i varianty. Změna velikosti nebo barvy musí aktualizovat odpovídající fotografii, cenu a dostupnost, pokud se liší. Varianty nabízejte jako tlačítka, ne skryté v rozbalovacím seznamu, a nedostupnou variantu označte. Nelze nabízet nedostupnou velikost jako okamžitě expedovatelnou jen proto, že jiná velikost skladem je.

Na mobilu se vyplatí přilepená lišta s cenou a tlačítkem do košíku, která se objeví po odscrollování pod hlavní tlačítko. Zákazník, který dočte parametry, nemusí rolovat zpět nahoru. Lišta ale nesmí zakrývat obsah ani cookie lištu a musí respektovat zvolenou variantu.

Každá fotografie má zodpovědět jinou otázku

Pět téměř stejných záběrů zepředu není bohatá galerie. Uvažujte o fotkách jako o odpovědích: jak výrobek vypadá, jak je velký, jaký má povrch a jak se používá.

Pro modelový batoh bych připravil celkový záběr, fotografii na člověku pro měřítko, otevřený vnitřek, detail zipu a pohled na záda a popruhy. Obsah fotografie musí odpovídat prodávané variantě. Příslušenství, které není součástí dodávky, jasně oddělte v textu.

Zvětšení má umožnit prohlédnout skutečný detail. Roztažený malý náhled pouze zvětší rozmazání. U fotografií pro prodej konkrétního produktu používejte věrné podklady skutečného výrobku; ilustrační scéna v článku není náhradou jeho katalogové fotografie. Podrobnosti najdete v návodu na produktové fotky pro e-shop.

Detail švu, zipu a materiálu látkového batohu.
Detail materiálu odpovídá na otázky, které celkový záběr nevyřeší. Ilustrační fotografie vytvořená s AI.

Parametry přeložte do praktického použití

Rozměry 44 × 30 × 14 cm jsou užitečné. Informace o rozměru vnitřní kapsy může být pro majitele notebooku ještě důležitější. Nespoléhejte pouze na úhlopříčku zařízení, pokud rozhodují vnější rozměry.

Technická tabulka a popis se mají doplňovat. Tabulka umožní porovnání, odstavec vysvětlí omezení nebo způsob použití. Místo hromady přídavných jmen napište, co výrobek snese, jak se udržuje a pro koho se nehodí, pokud to máte ověřené u dodavatele.

Popis převzatý od dodavatele má na webu stovka dalších obchodů. Vlastní text s praktickými informacemi pomáhá zákazníkovi i vyhledávání, protože odpovídá na otázky, které obecný popis vynechá. Začněte u produktů, které se prodávají nejvíc.

U oblečení a obuvi patří k parametrům tabulka velikostí s postupem, jak se změřit. Pokud se velikosti liší podle značky, uveďte to přímo u produktu. Špatně zvolená velikost je typický důvod vrácení.

Před publikací srovnejte popis s obalem, technickým listem a informacemi výrobce. Když se zdroje rozcházejí, vyjasněte údaj. Automaticky vytvořený text nesmí doplnit neověřenou voděodolnost, nosnost ani kompatibilitu.

Doručení a vrácení patří k rozhodování

„Skladem“ a „u vás zítra“ nejsou stejná informace. Druhé tvrzení závisí na čase objednání, dopravci i místě doručení. Uvádějte příslib, který provoz skutečně dokáže splnit, a vysvětlete podmínky tam, kde jsou potřeba.

Občanský zákoník u prodeje na dálku vyžaduje, aby spotřebitel ještě před objednávkou znal mimo jiné celkovou cenu včetně daní a poplatků, náklady na dodání a podmínky odstoupení od smlouvy (§ 1820). Od smlouvy může odstoupit do 14 dnů od převzetí zboží (§ 1829). Na produktové stránce proto ukažte cenu nebo výpočet dopravy, dostupné způsoby převzetí a odkaz na srozumitelný postup vrácení a reklamace. Znění obchodních podmínek ať odpovídá vašemu sortimentu.

U rozměrných nebo zakázkových výrobků vysvětlete zvláštnosti přímo u nabídky. Důležitá omezení schovaná pouze v dlouhém dokumentu způsobí překvapení až při objednávce nebo po ní.

Balík a výběr způsobu dopravy na telefonu.
Způsob a podmínky doručení patří k rozhodování před objednávkou. Ilustrační fotografie vytvořená s AI.

Recenze, otázky a důvěra

Zobrazujte recenze s pravdivou informací o jejich původu a s počtem hodnocení, ne jen průměrné hvězdičky. Když výrobek recenze nemá, nevyrábějte je. Zákon o ochraně spotřebitele vyžaduje, abyste přímo u recenzí uvedli, zda a jak ověřujete, že pocházejí od skutečných zákazníků; zveřejňovat nepravdivé recenze nebo vydávat neověřené za ověřené je klamavá obchodní praktika (ČOI).

Pomůže přesný popis, vlastní fotografie skutečného zboží, dostupný kontakt a konkrétní odpovědi na dotazy. Sekce otázek a odpovědí u produktu (nebo jen tři až pět nejčastějších dotazů) šetří čas vám i zákazníkovi a ukazuje, že za obchodem je člověk, který produkt zná.

Příslušenství a alternativy nabízejte podle skutečné souvislosti: k batohu pláštěnku, ne náhodný bestseller. Když je varianta vyprodaná, nabídněte nejbližší dostupnou alternativu nebo upozornění na naskladnění.

Strukturovaná data pro Google

Strukturovaná data o produktu pomáhají Googlu pochopit, co stránka prodává. Google rozlišuje dva hlavní případy:

Typ Pro jaké stránky Povinné vlastnosti
Nabídka obchodníka Stránky, kde lze produkt koupit name, image, offers s price a priceCurrency
Úryvek produktu Recenze a srovnání, kde koupit nelze name a jedno z review, aggregateRating nebo offers

Pro e-shop je relevantní nabídka obchodníka. Doporučené vlastnosti jsou mimo jiné availability, brand, description a aggregateRating. Data musí odpovídat tomu, co návštěvník vidí: jiná cena v datech než na stránce je chyba, ne trik. Shoptet i Shopify základní produktová data generují samy; ověřte je v nástroji pro test výsledků s multimédii a doplňte, co chybí.

Jednoduchá zkouška na telefonu

Dejte člověku, který produkt nezná, konkrétní úkol: „Vyberte variantu pro svoje zařízení a zjistěte, kdy a za kolik ji můžete dostat.“ Sledujte, kde se zastaví. Nenapovídejte mu hned, kde je tabulka nebo přepínač.

Zapište chybějící odpovědi a nejdřív opravte ty, které brání rozhodnutí. Ověřte čitelnost parametrů, přepínání variant, zvětšení fotografie a přidání správné položky do košíku. Jedno pozorování je vodítko k úpravě; o dopadu na prodeje rozhodne až měření konverzního poměru před úpravou a po ní.

Začněte několika důležitými produkty, ověřte správnost dat a pak postup rozšiřte na celý katalog. Prvky jako parametry, varianty a související produkty nastavíte v administraci Shoptetu i Shopify; tabulku velikostí, přilepenou lištu do košíku nebo vlastní rozložení detailu řeším úpravou šablony.

Kolik stojí úprava produktové stránky

Rozsah U mě Co obsahuje
Jednotlivé úpravy na Shoptetu 1 000 Kč/h Například přilepený košík, tabulka velikostí, úprava galerie
Redesign Quick Fix od 25 000 Kč UX audit checkoutu a produktových stránek, vizuální refresh, Product schema
E-shop na míru od 80 000 Kč Produktový detail navržený od začátku podle sortimentu

Pokud nevíte, kde začít, pošlete mi odkaz na tři nejprodávanější produkty a domluvíme se, které z 15 prvků chybí a co se vyplatí opravit jako první.

Časté otázky

Co musí obsahovat produktová stránka e-shopu?

Jasný název s variantou, cenu včetně DPH, fotky celku, měřítka a detailu, výběr varianty, tabulku parametrů, vlastní popis použití, dostupnost a termín doručení, cenu dopravy, odkaz na vrácení a reklamace, pravdivé recenze a tlačítko do košíku dostupné i na mobilu. Podle sortimentu přibude tabulka velikostí, video nebo otázky a odpovědi.

Kolik fotek by měl mít produkt?

Tolik, kolik je potřeba k odpovědi na otázky zákazníka. U běžného fyzického výrobku to bývá celkový záběr, fotka v měřítku (na člověku nebo vedle známého předmětu), detail materiálu a pohled na důležité části. Pět skoro stejných záběrů zepředu nepomůže víc než jeden.

Mám psát vlastní popisy, když mám popisy od dodavatele?

U produktů, které se prodávají nejvíc, ano. Stejný popis má na webu řada dalších obchodů, takže vás ničím neodliší. Vlastní text s praktickými informacemi (pro koho výrobek je, co snese, jak se udržuje) pomáhá zákazníkovi i vyhledávání. Technické údaje přitom vždy ověřte u výrobce.

Musí být na produktové stránce cena dopravy?

Spotřebitel musí znát náklady na dodání ještě před objednávkou (§ 1820 občanského zákoníku). Nejjednodušší je uvést cenu dopravy nebo hranici dopravy zdarma přímo u produktu, případně odkaz na přehled dopravy. Vysoké dodatečné náklady (doprava, poplatky) jsou podle průzkumu Baymard nejčastějším důvodem, proč lidé objednávku nedokončí.

Pomohou strukturovaná data k lepším pozicím?

Strukturovaná data pozice přímo nezvyšují. Pomáhají Googlu správně pochopit cenu, dostupnost a hodnocení a umožňují zobrazení produktu s těmito údaji ve výsledcích. Pro e-shop jsou podstatné údaje nabídky obchodníka (název, obrázek, cena, měna) a musí odpovídat tomu, co je vidět na stránce.

Vyplatí se přilepené tlačítko do košíku na mobilu?

U delších produktových stránek obvykle ano: zákazník, který dočte parametry a recenze, má tlačítko po ruce a nemusí rolovat zpět. Lišta musí respektovat vybranou variantu a nesmí zakrývat obsah. Ověřte ji na skutečném telefonu, ne jen v náhledu prohlížeče.

Zdroje

Líbil se vám tento článek?

Pokud hledáte kvalitní web nebo e-shop, který skutečně funguje, pojďme si promluvit.

Kontaktujte měUkázky prací

Bez závazku · Odhad do 24 h