Hvad er en kategoriside, og hvordan designer du en?

En kategoriside er laget mellem navigationen i din webshop og dine enkelte produktsider. Den samler beslægtede produkter og giver kunderne mulighed for at bladre, sammenligne og filtrere, før de går i gang med at læse om ét produkt. Får du designet rigtigt, bliver den en af dine bedst konverterende sider. Får du det forkert, bliver den en blindgyde.

Her kan du læse, hvad en kategoriside gør, hvem den er til, og hvordan du designer en, der virker for både kunder og søgemaskiner. Vil du have overblik over, hvilke sider din webshop har brug for, kan du læse hvilke sider enhver webshop har brug for.

Hvad gør en kategoriside?

En kategoriside forbinder to øjeblikke på kundens rejse. Det første er, når nogen kommer ind i din webshop med et formål, men uden et bestemt produkt i tankerne. Det andet er, når de lander på en produktside og er klar til at købe. Kategorisiden står imellem. Den indsnævrer udvalget, viser relevante muligheder og hjælper kunderne med at orientere sig.

Den betjener to slags kunder på én gang

Kunder med en mission ved allerede, hvad de vil have. De har brug for filtrering, sortering og hurtig adgang til det rigtige produkt. Browsere udforsker. De har brug for visuel inspiration, nyttige grupperinger og nok variation til at vække interesse. En godt designet kategoriside klarer begge dele uden at forvirre nogen af dem. Optimerer du kun til den ene type, mister du den anden.

Den er en vigtig indgang fra søgning

Kategorisider rangerer helt naturligt på brede søgeord med mange søgninger. En side, der hedder "Linnedtoppe til kvinder", konkurrerer direkte om det søgeord. Produktsider rangerer på specifikke produktsøgninger. Kategorisider rangerer på de bredere søgninger, der kommer tidligere i købsrejsen, hvor kunden stadig beslutter, hvad de vil købe, og ikke hvilket konkret produkt. Sådanne sider kan give meget organisk trafik, hvis de er bygget rigtigt.

Den sætter tonen for hele webshoppen

Mange kunder lander på en kategoriside som deres første møde med din webshop, fra et søgeresultat eller en annonce. Kategorisiden er ofte det første indtryk af dit udvalg, dit brand og din kvalitet. Et rent, velorganiseret gitter skaber tillid, før en eneste produktside er åbnet. Et rodet eller forvirrende gitter får kunderne til at tvivle på, om de er det rigtige sted.

Filtrering og sortering: den vigtigste brugerfunktion

Filtrering er det vigtigste værktøj for kunder med en mission. Svigter det, går de. De fleste problemer på kategorisider skyldes filtrering, der er for begrænset, for langsom eller for forvirrende.

Brug filtre med flere valg

Kunder vil sjældent kun have én egenskab. En køber, der leder efter en løbesko, vil måske have en bestemt størrelse, to farver og et prisloft. Med filtre med flere valg kan de sætte det hele på én gang. Filtre med ét valg tvinger dem til at vælge ét krav ad gangen, og det går langsommere og giver ofte for få resultater.

Grupper filtrene tydeligt

Filtrene er selve kategorierne at filtrere efter: pris, størrelse, farve, materiale og mærke. Grupper dem i en rækkefølge, der passer til, hvordan dine kunder tænker. Pris og lagerstatus først. Produktspecifikke egenskaber bagefter. Undgå lange, uudvidede filterlister, som man skal rulle forbi, før man har set et eneste produkt.

Husk filtrene, når kunden går tilbage

Når en kunde åbner en produktside og trykker tilbage, skal vedkommende lande i præcis den filtrerede visning, de forlod. Hvis filtrene nulstilles, er oplevelsen ødelagt. Kunder filtrerer ikke igen. De går. Det er en teknisk detalje med reel betydning for salget.

Vis antallet af resultater

Vis, hvor mange produkter der passer til de valgte filtre, mens kunden vælger. Det undgår frustration, når nogen sætter tre filtre og ender på en tom resultatside. Det får også kunden til at justere i stedet for at give op.

Sådan opbygger du navigationen i kategorierne

De fleste webshops har kategorier, men få har tænkt grundigt over, hvordan kategorierne hænger sammen, og hvordan kunderne bevæger sig mellem dem. Strukturen er ikke kun en organisatorisk beslutning. Den er en beslutning om salg.

Brug underkategorier, når du har mange produkter

En kategori med mere end 40 til 50 produkter har gavn af underkategorier. For mange produkter på én side overvælder browsere og bremser kunder med en mission, som ved, hvad de vil have. Del kategorien op i logiske grupper, og lad kunderne selv vælge, hvor dybt de vil ned. Hovedkategorien bliver indgangen. Underkategorierne sorterer.

Hold hierarkiet fladt

Tre niveauer er det meste, de fleste kunder gider følge: hovedkategori, underkategori, produkt. Fire niveauer eller flere tvinger kunderne til at tage for mange beslutninger, før de når noget, de kan købe. Er dit udvalg så stort, at du får brug for fire niveauer, så brug tid på bedre filtrering i stedet for at tilføje endnu et navigationslag.

Brug flere placeringer til produkter, der passer i flere kategorier

Flere placeringer betyder, at et produkt kan stå i mere end én kategori. En vandtæt vandrestøvle kan stå under "Vandrefodtøj" og også under "Vandtætte sko". Det anbefales, fordi kunder ofte leder det forkerte sted først. Hvis produktet står begge steder, bliver det fundet uanset hvad. Det er ikke dobbeltarbejde. Det er en bevidst strukturel beslutning, der mindsker blindgyder.

Vis de populære underkategorier øverst

Har din webshop underkategorier, så vis dem som visuelle felter eller tydelige tekstlinks øverst på kategorisiden. Browsere, der kommer til en bred kategori, vil ikke rulle gennem 80 produkter for at finde den underkategori, de egentlig vil have. Når underkategorierne vises med det samme, kan de selv vælge og komme hurtigere videre.

Gør brødkrummer synlige

Brødkrummer (breadcrumbs) viser kunderne, hvor de er i webshoppens hierarki, og lader dem gå et skridt op uden at bruge browserens tilbageknap. En kunde, der kigger på "Vandtætte vandrestøvler til kvinder", skal kunne klikke tilbage til "Vandrefodtøj til kvinder" eller "Fodtøj til kvinder" med ét klik. Brødkrummer hjælper også søgemaskiner med at forstå strukturen på din hjemmeside, og det understøtter placeringerne i hele kategorihierarkiet.

Design af produktkort på kategorisider

Hvert produktkort er et lille beslutningspunkt. Kunden afgør på under et sekund, om de vil klikke. Alt på kortet skal understøtte den beslutning.

Brug ens billeder af høj kvalitet

Alle produktbilleder på en kategoriside bør have samme billedformat og baggrund. Billeder i forskellige størrelser og med forskellige baggrunde får et gitter til at virke utroværdigt. Billedet er det første, øjet går til. Et rent, ensartet gitter ligner en webshop, der tager sine produkter alvorligt.

Tilføj visuelle mærker

Mærker som "Bestseller", "Nyhed", "Få på lager" eller "Udsalg" giver kunderne nyttig information uden at de skal læse noget. De gør det lettere at sammenligne et stort produktgitter. Det er et af de mest oversete værktøjer på kategorisider. Et "Få på lager"-mærke skaber hast. Et "Bestseller"-mærke er social bevis. Ingen af dem kræver tekst.

Vis de rigtige hurtige oplysninger

Pris, produktnavn og en kort angivelse af varianter (som farver eller størrelser, der findes) er som regel nok. Prøv ikke at presse hele beskrivelser ind på produktkortene. Kortets opgave er at få et klik, ikke at afslutte et salg. Gem salgsarbejdet til produktsiden.

Vis stjerner på kortet

Har dine produkter anmeldelser, så vis stjernerne og antallet af anmeldelser direkte på produktkortet. Kunder sammenligner produkter, før de klikker. 4,8 stjerner og 200 anmeldelser på kortet er synligt socialt bevis på det øjeblik, hvor kunden vælger, hvilket produkt de skal åbne. Det virker især godt i konkurrenceprægede kategorier, hvor flere ens produkter står side om side.

Vis udsalgspriser tydeligt

Er et produkt på udsalg, så vis både den oprindelige pris og udsalgsprisen på kortet. Streg den oprindelige pris over, og fremhæv rabatten, enten som procent eller som et fast beløb. Kunder, der skimmer et gitter, reagerer på synlige besparelser. Et kort med en nedsættelse skiller sig straks ud fra kort med én fast pris.

Lad kunden skifte farve og variant på kortet

Har et produkt flere farver, så vis farveprøver direkte på produktkortet. En kunde, der leder efter en bestemt farve, skal kunne se, at den findes, uden at åbne produktsiden. Et klik på en farveprøve kan skifte kortets billede til den variant. Så bliver kunden i gitteret, og der bliver færre ture frem og tilbage mellem kategori og produkt.

Gør hele kortet klikbart

Klikfladen på et produktkort skal dække hele kortet, ikke kun produktnavnet eller billedet. En kunde, der trykker et vilkårligt sted på kortet, skal lande på produktsiden. Små eller delvise klikflader kræver præcise tryk, og det giver gnidninger på mobil og virker træg på computer. En klikflade over hele kortet er en lille detalje, der gør det bedre at bladre på alle enheder.

SEO-tekster til kategorisider

Kategorisider rangerer helt naturligt på brede søgeord med mange søgninger. En side, der hedder "Løbesko til mænd", konkurrerer om præcis det søgeord. Problemet er, at de fleste kategorisider næsten ingen tekst har, og det begrænser, hvordan søgemaskiner forstår og rangerer dem.

Tilføj et kort indledende afsnit over gitteret

To til fire sætninger øverst på siden, over produktgitteret, viser søgemaskiner, hvad kategorien handler om. Skriv først og fremmest til kunden. Forklar, hvad kategorien indeholder, og hvem den er til. Brug hovedsøgeordet naturligt. Hold det kort. Kunder gider ikke læse et essay, før de ser produkter.

Tilføj en købsguide under gitteret

En købsguide på 200 til 400 ord under produktgitteret giver plads til at besvare relevante spørgsmål, bruge sekundære søgeord og give værdi til kunder, der stadig er i tvivl. Dette afsnit behøver ikke at blive set, med mindre kunden ruller forbi produkterne. Det er først og fremmest plads til SEO, men det kan også hjælpe tøvende købere, der har brug for en grund til at vælge den ene type produkt frem for en anden.

Skriv kategoriens H1 til både kunder og søgemaskiner

H1-overskriften på en kategoriside er som regel kategoriens navn. Det navn er også hovedsøgeordet. Sørg for, at det passer præcis til, hvordan dine kunder søger. "Linnedtoppe til kvinder" rangerer på den søgning. "Sommerfavoritter" rangerer ikke på noget nyttigt. Danner dit system automatisk H1 ud fra kategorinavnene, så gennemgå hvert kategorinavn med samme omhu som en sidetitel. Ét ords forskel kan være forskellen på at rangere og ikke at rangere.

Skriv en unik meta-titel og beskrivelse til hver kategori

Kategorisider bliver ofte behandlet som strukturelle sider, der ikke har brug for egne meta-tags. Det er en misset chance. Hver kategoriside konkurrerer om et bestemt sæt søgeord. En meta-titel med hovedsøgeordet, der fortæller, hvad kategorien indeholder, klarer sig bedre end en generisk, automatisk titel. Metabeskrivelsen er salgsargumentet, der får kunden til at klikke. Skriv den, så den passer til det, en person, der søger på det ord, faktisk leder efter, ikke kun til det, siden indeholder.

Brug rene URL-adresser med søgeord

Kategoriens URL bør ligne kategoriens navn så meget som muligt. "dinwebshop.dk/linnedtoppe-til-kvinder" er bedre end "dinwebshop.dk/kategori/c004". Korte, læsbare URL-adresser er nemmere at dele, nemmere for søgemaskiner at forstå og styrker sidens relevans for søgeordet. Undgå sessions-id'er, sporingsparametre og dynamisk genererede tekststrenge i kategoriernes URL-adresser. Tilføjer dit webshopsystem dem som standard, så tjek, om de kan fjernes eller kanoniseres.

Link internt fra kategorisider til støttende indhold

Har du købsguider, blogindlæg eller vejledninger om en kategori, så link til dem fra kategorisiden. En kategoriside for "Løbesko til kvinder" kan linke til en købsguide om at vælge den rigtige løbesko. Det styrker kategorisidens emnemæssige relevans for søgemaskiner og giver tøvende kunder en vej til mere information. Interne links fra kategorisider med meget trafik giver autoritet videre til det indhold, de peger på. Brug dem med omtanke.

Design af kategorisider til mobil

De fleste kunder kigger på kategorisider på en telefon. Layoutet til computer kan næsten aldrig flyttes rent over på mobil uden bevidste tilpasninger.

Gør filtrering tilgængelig med en fast knap

En fast "Filtrer"-knap, der åbner et filterpanel i fuld skærm, er standardløsningen på mobil. Pak ikke filtrene sammen i en vandret række, man skal rulle i. De bliver svære at se og lette at overse. Et panel i fuld skærm giver kunderne plads nok til at læse og vælge filtre uden at ramme små knapper præcist.

Brug et produktgitter med to kolonner

Gitre med to kolonner klarer sig bedre end med én kolonne på mobil, fordi de viser flere produkter pr. rul. Med én kolonne skal kunderne rulle markant mere, før de kan sammenligne. Hold billederne store nok til at kunne ses tydeligt i den mindre størrelse.

Hav sortering og antal over gitteret

Sorteringsvalg og antallet af produkter skal kunne ses over gitteret uden at rulle. Kan en kunde ikke se, hvor mange produkter der passer, eller ændre sorteringen uden at rulle, mister vedkommende hurtigt overblik og orientering.

Tjek mærkernes placering på små skærme

Mærker som "Bestseller" eller "Få på lager" kan ligge oven i produktnavne eller priser på mindre skærme, hvis de ikke er testet på mobil. Tjek, at mærkerne kan ses uden at dække vigtige produktoplysninger på de størrelser, dine kunder faktisk bruger.

Hvad du skal undgå på kategorisider

Flere almindelige fejl trækker kategorisidens resultater ned, og de er lette at overse under opsætningen. Hver af dem koster dig stille og roligt, ofte uden at sætte et tydeligt spor i din analytics.

Sidetal i stedet for "Vis flere"

Faste sidetal som "side 2, side 3" bryder flowet for dem, der udforsker. En "Vis flere"-knap eller uendelig rulning holder kunderne i en flydende oplevelse. Når en kunde skal gå til en ny side, mister kunden sin plads i gitteret og vender ofte ikke tilbage til det sted, vedkommende var. Brug kun sidetal, når dit udvalg er meget stort, og du vil have, at kunderne kan gemme eller dele bestemte sider.

Søgeords-stuffing i kategoribeskrivelsen

Det indledende afsnit og købsguiden er først og fremmest til kunderne og dernæst til søgemaskinerne. Tætte blokke med gentagne søgeord læses dårligt, og søgemaskiner har lært at nedtone dem. Skriv til et rigtigt menneske, der vil have en hurtig orientering om kategorien. Et eller to naturlige omtaler af hovedsøgeordet i det første afsnit er nok.

Udsolgte produkter øverst i gitteret

At vise utilgængelige produkter øverst i resultaterne spilder kundens opmærksomhed og giver frustrerede klik til produktsider, der er blindgyder. Flyt udsolgte varer ned nederst i gitteret, og markér dem tydeligt. Endnu bedre: giv kunderne et filter, der skjuler udsolgte produkter helt, så de kun ser det, de faktisk kan købe.

For mange hovedkategorier

Mere end otte til ti hovedkategorier i navigationen overvælder kunderne. Saml beslægtede typer under bredere overskrifter, og brug underkategorier til dybden. En navigation, der er for bred, tvinger kunderne til at læse flere muligheder, end de kan overskue på én gang, og de giver ofte op, før de har valgt noget.

Produktkort, der ser forskellige ud

Hvis nogle produktkort viser en pris og andre ikke, nogle har anmeldelser og andre ingen, og billedstørrelserne varierer i gitteret, virker siden uafsluttet. Kunder opfatter visuel uorden som et tillidstegn. Et ensartet, velopbygget gitter fortæller, at webshoppen er organiseret og til at stole på. Brug tid på at få alle kort til at følge samme opbygning, før du lancerer.

Ingen sorteringsmuligheder

At undlade sortering er en almindelig forglemmelse i mindre webshops. Kunder sorterer efter pris (lav til høj), nyeste, mest solgte og vurdering. Fjerner du den mulighed, tvinger du alle til at tage imod den rækkefølge, du har valgt som standard. For en kunde med et stramt budget er det en grund til at gå, at man ikke kan sortere efter pris. Sortering er en grundlæggende forventning, ikke en ekstra funktion.

Generiske kategorinavne, der ikke betyder noget

Kategorinavne som "Kollektion 1" eller "Basics" fortæller ikke kunderne noget om, hvad der er indeni. De giver heller ikke søgemaskinerne noget at rangere. Brug enkle, beskrivende navne, der passer til, hvordan dine kunder tænker og søger. "Linnedtoppe til kvinder" slår "Sommerbasics" både på brugervenlighed og synlighed i søgning.

Langsom indlæsning på grund af uoptimerede billeder

Kategorisider indlæser mange produktbilleder på én gang. Er billederne store filer, bliver siden langsom. Langsomme sider mister kunder, før de har set et eneste produkt. Komprimer alle produktbilleder, før du uploader dem, og brug moderne billedformater, hvor dit webshopsystem understøtter det. Kategorisiden er ofte første indtryk af dit udvalg. Den bør indlæses på under to sekunder.

Hvad du gør, når et filter ikke giver nogen resultater

Det er et af de mest oversete øjeblikke i design af kategorisider. En kunde sætter filtre, gitteret bliver tomt, og de fleste webshops viser en blank side eller en generisk besked om, at der ikke er fundet noget. Det er en blindgyde.

Vis en hjælpsom besked med et næste skridt

I stedet for bare "ingen resultater" kan du forklare, hvad der skete, og give kunden en handling med det samme. For eksempel: "Ingen produkter passer til alle dine filtre. Prøv at fjerne størrelsesfilteret for at se flere muligheder." Beskeden skal nævne, hvilket filter der skal løsnes, ikke bare sige, at kunden skal prøve igen.

Vis de nærmeste produkter nedenunder

Under beskeden om nul resultater kan du vise et lille gitter med de produkter, der kommer tættest på de valgte filtre. Hvis nogen filtrerede efter en vandtæt støvle i størrelse 43, og intet passer præcis, så vis de vandtætte støvler i nærliggende størrelser. Kunden har allerede fortalt dig, hvad de vil have. Brug det signal til at vise det bedste alternativ.

Link til nærliggende kategorier

Kan kategorien selv ikke dække behovet, så link til beslægtede kategorier, der måske kan. En kunde, der leder efter noget, du ikke fører, skal gå med en grund til at komme tilbage, ikke med en blank side.

Vil du se nærmere på, hvordan de enkelte produkter bør præsenteres, når kunderne klikker videre, så læs hvad der gør en god produktside.

Sådan hjælper WEMASY dig med at bygge bedre kategorisider

WEMASY's e-handelssystem har værktøjer til kategorisider, der er bygget til salg: filtrering med flere valg, produktkort, du selv kan tilpasse, understøttelse af mærker og gitre, der er optimeret til mobil. Du kan sætte underkategorier op, styre den indledende tekst og tilføje en købsguide under gitteret. Ingen kode nødvendig.

Se WEMASY's priser og find den plan, der passer til størrelsen på din webshop og dit udvalg.

Ofte stillede spørgsmål