Co je stránka kategorie a jak ji navrhnout

Stránka kategorie je vrstva mezi navigací vašeho e-shopu a jednotlivými stránkami produktů. Seskupuje související produkty a dává zákazníkům možnost procházet, porovnávat a filtrovat, než začnou číst jediný detail produktu. Když design uděláte správně, stane se z ní jedna z vašich stránek s nejvyšší konverzí. Když ho uděláte špatně, stane se slepou uličkou.

Tento článek popisuje, co stránka kategorie dělá, komu slouží a jak ji navrhnout, aby fungovala pro zákazníky i vyhledávače. Souvislosti o tom, jaké stránky váš e-shop celkově potřebuje, najdete v článku jaké stránky potřebuje každý online obchod.

Co stránka kategorie dělá?

Stránka kategorie spojuje dva okamžiky nákupní cesty. První je, když někdo přijde do vašeho e-shopu s úmyslem, ale bez konkrétního produktu na mysli. Druhý je, když přistane na stránce jednotlivého produktu připravený koupit. Stránka kategorie leží mezi nimi. Zužuje nabídku, ukazuje relevantní možnosti a pomáhá zákazníkům se zorientovat.

Slouží dvěma typům zákazníků současně

Zákazníci s jasným cílem už vědí, co chtějí. Potřebují filtrování, řazení a rychlý přístup ke správnému produktu. Procházející zákazníci se rozhlížejí. Potřebují vizuální objevování, užitečné seskupení a dost rozmanitosti, aby je něco zaujalo. Dobře navržená stránka kategorie zvládne oba typy, aniž by kteréhokoli zmátla. Pokud optimalizujete jen pro jeden typ, přijdete o druhý.

Je důležitým vstupním bodem pro SEO

Stránky kategorií se přirozeně umisťují na široké, často hledané výrazy. Stránka nazvaná "Dámské lněné topy" přímo soupeří o toto klíčové slovo. Stránky produktů se umisťují na dotazy na konkrétní produkty. Stránky kategorií se umisťují na širší hledání kategorií, které se děje dříve na nákupní cestě, kdy se zákazník ještě rozhoduje, co koupit, a ne který konkrétní kus. Pokud jsou správně postavené, mohou přivést významnou organickou návštěvnost.

Udává tón celému e-shopu

Mnoho zákazníků přistane na stránce kategorie jako na prvním dojmu z vašeho e-shopu, když přijdou z výsledku vyhledávání nebo z reklamy. Stránka kategorie je často jejich první dojem z vašeho sortimentu, vaší značky a vaší kvality. Čistá, dobře uspořádaná mřížka buduje jistotu dřív, než se otevře jediná stránka produktu. Zahlcená nebo matoucí mřížka vede zákazníky k otázce, zda jsou na správném místě.

Filtrování a řazení: nejdůležitější prvek použitelnosti

Filtrování je hlavní nástroj zákazníků s jasným cílem. Když selže, odejdou. Většina problémů stránek kategorií se dá vysledovat k filtrování, které je příliš omezené, příliš pomalé nebo příliš matoucí.

Používejte filtry s výběrem více hodnot

Zákazníci málokdy chtějí jen jednu vlastnost. Kupující hledající běžeckou obuv může chtít konkrétní velikost, dvě barvy a cenový strop. Filtry s výběrem více hodnot mu umožní nastavit to všechno najednou. Filtry s jedinou hodnotou ho nutí volit jedno omezení po druhém, což ho zpomaluje a často vede k příliš málo výsledkům.

Přehledně seskupte kategorie filtrů

Facety jsou samotné kategorie filtrů: cena, velikost, barva, materiál a značka. Seskupte je v logickém pořadí, které odpovídá tomu, jak uvažují vaši zákazníci. Nejdřív cena a dostupnost. Pak vlastnosti specifické pro produkt. Vyhněte se dlouhým nerozbaleným seznamům filtrů, které vyžadují posouvání, než zákazník uvidí první produkt.

Zachovejte stav filtrů při návratu zpět

Když zákazník otevře stránku produktu a pak klikne na zpět, měl by se vrátit přesně do filtrovaného stavu, který opustil. Pokud se filtry vynulují, zážitek se zlomí. Zákazníci znovu nefiltrují. Odejdou. Je to technický detail se skutečným dopadem na konverze.

Ukazujte počet výsledků filtru

Zobrazujte, kolik produktů odpovídá aktuální sadě filtrů, jak zákazníci vybírají možnosti. Zabrání to frustraci, když někdo použije tři filtry a skončí na prázdné stránce výsledků. Také to povzbuzuje k upřesňování místo k odchodu.

Jak strukturovat navigaci kategorií

Většina e-shopů kategorie má, ale méně z nich pečlivě promyslelo, jak spolu kategorie souvisejí a jak se mezi nimi zákazníci pohybují. Struktura není jen organizační rozhodnutí. Je to rozhodnutí o konverzích.

Používejte podkategorie, když máte hloubku

Kategorie s víc než 40 až 50 produkty profituje z podkategorií. Příliš mnoho produktů na jedné stránce zahlcuje procházející zákazníky a zpomaluje ty, kteří vědí, co chtějí. Rozdělte kategorii na logické skupiny a nechte zákazníky zvolit hloubku, kterou potřebují. Nadřazená kategorie se stane vstupním bodem. Podkategorie provedou třídění.

Držte hierarchii mělkou

Tři úrovně vnoření jsou maximum, které většina zákazníků následuje: hlavní kategorie, podkategorie, produkt. Čtyři a víc úrovní nutí zákazníky dělat příliš mnoho rozhodnutí, než se dostanou k něčemu, co si mohou koupit. Pokud je váš sortiment tak hluboký, že vyžaduje čtyři úrovně, investujte raději do lepšího filtrování než do další vrstvy navigace.

Použijte polyhierarchii u produktů, které zapadají do více kategorií

Polyhierarchie znamená, že se produkt může objevit ve více než jedné kategorii. Nepromokavá turistická bota se může objevit v "Turistické obuvi" a také v "Nepromokavé obuvi". Výzkum tento přístup doporučuje, protože zákazníci často hledají nejdřív na špatném místě. Pokud se produkt objeví v obou kategoriích, najde se tak i tak. Není to duplikace. Je to záměrné strukturální rozhodnutí, které snižuje procházení do slepých uliček.

Ukažte oblíbené podkategorie vizuálně nahoře

Pokud má váš e-shop podkategorie, ukažte je jako vizuální dlaždice nebo výrazné textové odkazy nahoře na stránce kategorie. Procházející zákazníci, kteří přijdou do široké kategorie, nechtějí posouvat mezi 80 produkty a hledat podkategorii, kterou doopravdy chtějí. Okamžité zobrazení podkategorií jim umožní vybrat si sami a postupovat rychleji.

Zobrazte drobečkovou navigaci

Drobečková navigace ukazuje zákazníkům, kde v hierarchii e-shopu jsou, a umožňuje jim vrátit se o úroveň výš bez tlačítka zpět v prohlížeči. Zákazník, který prochází "Dámské nepromokavé turistické boty", by měl jedním kliknutím přejít zpět na "Dámskou turistickou obuv" nebo "Dámskou obuv". Drobečková navigace také pomáhá vyhledávačům pochopit strukturu vašeho webu, což podporuje pozice napříč celou hierarchií kategorií.

Návrh karet produktů na stránkách kategorií

Každá karta produktu je mikrorozhodovací bod. Zákazník se rozhodne za méně než sekundu, zda klikne. Všechno na kartě musí toto rozhodnutí podporovat.

Používejte jednotné, kvalitní obrázky

Všechny obrázky produktů na stránce kategorie by měly mít stejný poměr stran a stejné zpracování pozadí. Nejednotné velikosti a pozadí způsobují, že mřížka působí nedůvěryhodně. Obrázek je první, kam oko zamíří. Čistá, jednotná mřížka vypadá jako e-shop, který své produkty bere vážně.

Přidejte vizuální štítky

Štítky jako "Bestseller", "Novinka", "Poslední kusy" nebo "Sleva" dávají zákazníkům užitečné informace, aniž by museli cokoli číst. Snižují kognitivní zátěž při porovnávání velké mřížky produktů. Je to jeden z nejméně využívaných nástrojů na stránkách kategorií. Štítek "Poslední kusy" vytváří naléhavost. Štítek "Bestseller" dává sociální důkaz. Žádný nevyžaduje žádný text.

Ukažte správné rychlé informace

Cena, název produktu a krátký údaj o variantách (například dostupné barvy nebo velikosti) obvykle stačí. Nesnažte se na karty produktů vtěsnat celé popisy. Cílem karty je získat kliknutí, ne uzavřít prodej. Prodávejte až na stránce produktu.

Ukažte hvězdičková hodnocení na kartě

Pokud mají vaše produkty recenze, zobrazte hvězdičkové hodnocení a počet recenzí přímo na kartě produktu. Zákazníci produkty porovnávají, než kliknou. Hodnocení 4.8 hvězdičky s 200 recenzemi na kartě je viditelný sociální důkaz přesně ve chvíli, kdy se zákazník rozhoduje, který produkt otevře. Je to obzvlášť účinné v konkurenčních kategoriích, kde je vedle sebe vidět víc podobných produktů.

Zobrazte zlevněné ceny přehledně

Když je produkt ve slevě, ukažte na kartě původní i zlevněnou cenu. Původní cenu přeškrtněte a zdůrazněte slevu, ať už jako procento, nebo pevnou částku. Zákazníci prolétávající mřížku reagují na viditelné úspory. Karta, která ukazuje snížení, okamžitě vyniká nad kartami s jednou pevnou cenou.

Podporujte přepínání barev a variant přímo na kartě

U produktů s více barvami ukažte vzorníky barev přímo na kartě produktu. Zákazník, který hledá konkrétní barvu, by měl vidět, že je dostupná, aniž by otevíral stránku produktu. Kliknutí na vzorník může obrázek na kartě změnit na danou variantu. Zákazník tak zůstane v mřížce a omezí se přecházení tam a zpět mezi kategorií a produktem.

Udělejte klikatelnou celou plochu karty

Klikací oblast na kartě produktu by měla pokrývat celou kartu, ne jen název produktu nebo obrázek. Zákazník, který klepne kamkoli na kartu, by měl přistát na stránce produktu. Malé nebo částečné klikací oblasti vyžadují přesné klepání, což přidává tření na mobilu a na počítači působí, jako by nereagovala. Klikací plocha přes celou kartu je malý detail, který zlepšuje procházení na každém zařízení.

SEO texty pro stránky kategorií

Stránky kategorií se přirozeně umisťují na často hledané obecné výrazy. Stránka nazvaná "Pánské běžecké boty" soupeří přesně o toto klíčové slovo. Problém je, že většina stránek kategorií nese téměř žádný text, což omezuje, jak je vyhledávače chápou a hodnotí.

Přidejte krátký úvodní odstavec nad mřížku

Dvě až čtyři věty nahoře na stránce, nad mřížkou produktů, dávají vyhledávačům signál o relevanci kategorie. Pište nejdřív pro zákazníka. Vysvětlete, co tato kategorie obsahuje a pro koho je. Zapracujte hlavní klíčové slovo přirozeně. Držte to krátké. Zákazníci nechtějí číst esej, než uvidí produkty.

Přidejte průvodce nákupem pod mřížku

Průvodce nákupem o 200 až 400 slovech pod mřížkou produktů vám dává prostor pokrýt relevantní otázky, zahrnout vedlejší klíčová slova a poskytnout hodnotu zákazníkům, kteří se ještě rozhodují. Tato sekce nemusí být vidět, dokud zákazník neposune za produkty. Je to především SEO prostor, ale může také posloužit nerozhodnutým kupujícím, kteří potřebují důvod, proč zvolit jeden typ produktu místo jiného.

Napište H1 kategorie pro zákazníky i vyhledávače

Nadpis H1 na stránce kategorie je obvykle název kategorie. Tento název je také hlavním klíčovým slovem. Ujistěte se, že přesně odpovídá tomu, jak vaši zákazníci hledají. "Dámské lněné topy" se umisťuje na tuto frázi. "Letní oblíbenci" se neumisťuje na nic užitečného. Pokud vaše platforma generuje H1 automaticky z názvů kategorií, projděte každý název kategorie se stejnou péčí jako titulek stránky. Změna jednoho slova může rozhodnout mezi umístěním a neumístěním.

Napište jedinečný meta titulek a popis pro každou kategorii

Stránky kategorií se často berou jako strukturální stránky, které nepotřebují vlastní meta značky. To je zmeškaná příležitost. Každá stránka kategorie soupeří o konkrétní sadu hledaných výrazů. Meta titulek, který obsahuje hlavní klíčové slovo a sděluje, co kategorie obsahuje, předčí obecný automaticky generovaný titulek. Meta popis je nabídka, která zákazníka přiměje kliknout. Napište ho tak, aby odpovídal tomu, co člověk hledající tento výraz opravdu chce, ne jen tomu, co stránka obsahuje.

Používejte čisté URL slugy bohaté na klíčová slova

Adresa kategorie by měla co nejvíce odpovídat názvu kategorie. "vasobchod.cz/damske-lnene-topy" je lepší než "vasobchod.cz/category/c004". Krátké, čitelné adresy se snáz sdílejí, vyhledávače je snáz interpretují a posilují relevanci stránky pro klíčové slovo. Vyhněte se ID relací, sledovacím parametrům nebo dynamicky generovaným řetězcům v adresách kategorií. Pokud je váš systém e-shopu přidává ve výchozím nastavení, zkontrolujte, zda je lze odstranit nebo nastavit kanonicky.

Odkazujte ze stránek kategorií interně na podpůrný obsah

Pokud máte průvodce nákupem, články na blogu nebo návody související s kategorií, odkažte na ně ze stránky kategorie. Stránka kategorie "Dámské běžecké boty" může odkazovat na průvodce výběrem správných běžeckých bot. Posílí to tematickou relevanci stránky kategorie pro vyhledávače a dá nerozhodnutým zákazníkům cestu k dalším informacím. Interní odkazy z často navštěvovaných stránek kategorií předávají autoritu obsahu, na který míří. Používejte je záměrně.

Návrh stránky kategorie pro mobil

Většina zákazníků prochází stránky kategorií na telefonu. Rozvržení pro počítač se téměř nikdy nepřenese na mobil čistě bez záměrných úprav.

Zpřístupněte filtrování pevným tlačítkem

Pevné tlačítko "Filtrovat", které otevře celoobrazovkový panel filtrů, je standardní vzor na mobilu. Nesbalujte filtry do vodorovně posuvné řady. Hůř se vidí a snadno se přehlédnou. Celoobrazovkový panel dává zákazníkům dost místa na čtení a výběr filtrů bez přesného klepání na malé cíle.

Použijte dvousloupcovou mřížku produktů

Dvousloupcové mřížky překonávají jednosloupcové na mobilu, protože ukazují víc produktů na jedno posunutí. Jednosloupcové rozvržení nutí zákazníky posouvat výrazně víc, než mohou porovnat možnosti. Držte obrázky dost velké, aby byly i v tomto menším rozměru jasně čitelné.

Nechte řazení a počet nad mřížkou

Ovládání řazení a počet produktů by měly být vidět nad mřížkou bez posouvání. Pokud zákazník nevidí, kolik produktů odpovídá, ani nemůže změnit řazení bez posouvání, rychle ztrácí kontext a orientaci.

Zkontrolujte umístění štítků na malých displejích

Štítky jako "Bestseller" nebo "Poslední kusy" se mohou na menších displejích překrývat s názvy produktů nebo cenami, pokud se netestují konkrétně na mobilu. Zkontrolujte, že jsou štítky vidět, aniž by zakrývaly důležité informace o produktu, na velikostech, které vaši zákazníci skutečně používají.

Čemu se na stránkách kategorií vyhnout

Několik běžných chyb snižuje výkon stránky kategorie a při nastavování se snadno přehlédnou. Každá vás stojí tiše, často bez zřetelné stopy ve vaší analytice.

Stránkování místo načítání dalších

Pevné stránkování "strana 2, strana 3" narušuje plynulost procházení u zákazníků, kteří se rozhlížejí. Tlačítko "Načíst další" nebo nepřetržité posouvání drží zákazníky v plynulém zážitku. Když musí zákazník přejít na novou stránku, ztratí svou pozici v mřížce a často se nevrátí tam, kde byl. Stránkování používejte jen tehdy, když je váš sortiment velmi velký a chcete, aby si zákazníci mohli konkrétní stránky uložit nebo sdílet.

Nacpávání klíčových slov do popisu kategorie

Úvodní odstavec a průvodce nákupem jsou nejdřív pro zákazníky, až potom pro vyhledávače. Husté bloky opakovaných klíčových slov se čtou špatně a vyhledávače se naučily je podhodnocovat. Pište pro skutečného člověka, který chce rychle získat orientaci v kategorii. Stačí jedna nebo dvě přirozené zmínky hlavního klíčového slova v úvodním odstavci.

Vyprodané produkty nahoře v mřížce

Zobrazování nedostupných produktů nahoře ve výsledcích plýtvá pozorností zákazníka a vede k frustrujícím kliknutím na stránky produktů, které jsou slepou uličkou. Vyprodané položky posuňte na konec mřížky a jasně je označte. Ještě lépe dejte zákazníkům filtr, kterým vyprodané produkty úplně skryjí, aby viděli jen to, co si mohou opravdu koupit.

Příliš mnoho hlavních kategorií

Víc než osm až deset hlavních kategorií v navigaci zákazníky zahlcuje. Seskupte související typy pod širší nadpisy a pro hloubku použijte podkategorie. Příliš široká navigace nutí zákazníky číst víc možností, než dokážou pohodlně zpracovat najednou, a často to vzdají dřív, než cokoli vyberou.

Nejednotné rozvržení karet produktů

Pokud některé karty produktů ukazují cenu a jiné ne, některé mají recenze a jiné žádné a velikosti obrázků se v mřížce liší, stránka působí nedodělaně. Zákazníci vnímají vizuální nejednotnost jako signál důvěry. Jednotná, dobře strukturovaná mřížka sděluje, že e-shop je organizovaný a spolehlivý. Investujte čas do toho, aby každá karta před spuštěním měla stejnou strukturu.

Žádné možnosti řazení

Nenabízet řazení je častá chyba menších e-shopů. Zákazníci řadí podle ceny (od nejnižší), podle novinek, nejprodávanějších a hodnocení. Odebrání tohoto ovládání nutí každého zákazníka přijmout jakékoli výchozí pořadí, které jste nastavili. Pro zákazníka s omezeným rozpočtem je nemožnost řadit podle ceny důvodem k odchodu. Ovládání řazení je základní očekávání, ne prémiová funkce.

Obecné názvy kategorií, které nic neříkají

Názvy kategorií jako "Kolekce 1" nebo "Základy" neříkají zákazníkům nic o tom, co je uvnitř. Nedávají ani vyhledávačům nic, na co by se umístily. Používejte prosté, popisné názvy, které odpovídají tomu, jak vaši zákazníci přemýšlejí a hledají. "Dámské lněné topy" překonávají "Letní základy" z hlediska použitelnosti i viditelnosti ve vyhledávání.

Pomalé načítání kvůli neoptimalizovaným obrázkům

Stránky kategorií načítají víc obrázků produktů najednou. Pokud jsou to velké soubory, stránka je pomalá. Pomalé stránky ztrácejí zákazníky dřív, než uvidí jediný produkt. Všechny obrázky produktů před nahráním zkomprimujte a použijte moderní formáty obrázků tam, kde je váš systém e-shopu podporuje. Stránka kategorie je často první dojem z vašeho sortimentu. Měla by se načíst za méně než dvě sekundy.

Co dělat, když filtr vrátí nulu výsledků

Je to jeden z nejvíce přehlížených okamžiků při návrhu stránky kategorie. Zákazník použije filtry, mřížka se vyprázdní a většina e-shopů ukáže prázdnou stránku nebo obecnou zprávu "nic nenalezeno". To je slepá ulička.

Ukažte užitečnou zprávu s dalším krokem

Místo pouhého "žádné výsledky" vysvětlete, co se stalo, a dejte zákazníkovi okamžitou akci. Něco jako "Žádné produkty neodpovídají všem vašim aktuálním filtrům. Zkuste odstranit filtr velikosti a uvidíte víc možností." Zpráva by měla pojmenovat, který filtr povolit, ne jen říct, ať to zkusí znovu.

Ukažte pod tím nejbližší odpovídající produkty

Pod zprávou o nulových výsledcích ukažte malou mřížku produktů, které se použitým filtrům nejvíc blíží. Pokud někdo filtroval nepromokavé boty velikosti 9 a nic přesně neodpovídá, ukažte nepromokavé boty v blízkých velikostech. Zákazník vám už řekl, co chce. Využijte tento signál k zobrazení nejlepší dostupné alternativy.

Odkažte na sousední kategorie

Pokud kategorie sama potřebu nepokryje, odkažte na související kategorie, které by mohly. Zákazník, který hledá něco, co nevedete, by měl odejít s důvodem vrátit se, ne s prázdnou stránkou.

Podrobnější pohled na to, jak by se měly jednotlivé produkty prezentovat po prokliku, najdete v článku co dělá dobrou stránku produktu.

Jak WEMASY pomáhá vytvářet lepší stránky kategorií

E-shop od WEMASY zahrnuje nástroje pro stránky kategorií postavené na konverze: filtrování s výběrem více hodnot, přizpůsobitelné rozvržení karet produktů, podporu štítků a mřížky optimalizované pro mobil. Můžete nastavit struktury podkategorií, ovládat úvodní text a přidat obsah průvodce nákupem pod mřížku. Bez programování.

V ceníku WEMASY najdete tarif, který odpovídá velikosti vašeho e-shopu a sortimentu.

Často kladené otázky