Een categoriepagina is de laag tussen de navigatie van je shop en je individuele productpagina's. Hij groepeert verwante producten en geeft shoppers de kans om te bladeren, te vergelijken en te filteren voordat ze één productdetail lezen. Ontwerp je hem goed, dan wordt het een van je best converterende pagina's. Ontwerp je hem slecht, dan is het een doodlopende weg.
In dit artikel lees je wat een categoriepagina doet, wie hij bedient en hoe je er een ontwerpt die werkt voor zowel shoppers als zoekmachines. Voor context over welke pagina's je shop in totaal nodig heeft, zie welke pagina's elke webshop nodig heeft.
Wat doet een categoriepagina?
Een categoriepagina overbrugt twee momenten in de shoppingreis. Het eerste is wanneer iemand je shop bezoekt met een bedoeling maar zonder specifiek product in gedachten. Het tweede is wanneer hij op een productpagina landt en klaar is om te kopen. De categoriepagina zit daartussen. Hij beperkt het aanbod, toont relevante opties en helpt shoppers zich te oriënteren.
Hij bedient twee soorten shoppers tegelijk
Doelgerichte shoppers weten al wat ze willen. Ze hebben filters, sortering en snelle toegang tot het juiste product nodig. Rondkijkers gaan op verkenning. Ze hebben visuele ontdekking, handige groeperingen en genoeg variatie nodig om interesse te wekken. Een goed ontworpen categoriepagina bedient beiden zonder een van de twee te verwarren. Optimaliseer je maar voor één type, dan verlies je het andere.
Hij is een belangrijke SEO-ingang
Categoriepagina's scoren van nature op brede zoektermen met veel volume. Een pagina "Linnen tops voor dames" strijdt rechtstreeks om dat zoekwoord. Productpagina's scoren op specifieke productzoekopdrachten. Categoriepagina's scoren op de bredere categoriezoekopdrachten die eerder in de koopreis vallen, als een shopper nog beslist wat hij wil kopen en niet welk specifiek artikel. Deze pagina's kunnen veel organisch verkeer opleveren als ze goed zijn opgebouwd.
Hij zet de toon voor je hele shop
Veel shoppers komen via een zoekresultaat of advertentie voor het eerst op een categoriepagina terecht. De categoriepagina is dan vaak hun eerste indruk van je assortiment, je merk en je kwaliteit. Een schoon, goed georganiseerd raster wekt vertrouwen voordat er een productpagina is geopend. Een rommelig of verwarrend raster laat shoppers twijfelen of ze wel op de goede plek zijn.
Filteren en sorteren: de belangrijkste UX-functie
Filteren is het belangrijkste hulpmiddel van doelgerichte shoppers. Faalt het, dan vertrekken ze. De meeste problemen met categoriepagina's komen voort uit filters die te beperkt, te traag of te verwarrend zijn.
Gebruik filters met meervoudige selectie
Shoppers willen zelden één kenmerk. Een koper die hardloopschoenen zoekt, wil misschien een specifieke maat, twee kleuren en een prijsplafond. Met filters met meervoudige selectie stellen ze dat allemaal tegelijk in. Filters met enkelvoudige selectie dwingen ze om één voorwaarde tegelijk te kiezen, wat ze vertraagt en vaak te weinig resultaten oplevert.
Groepeer facetten duidelijk
Facetten zijn de filtercategorieën zelf: prijs, maat, kleur, materiaal en merk. Groepeer ze in een logische volgorde die past bij hoe je shoppers denken. Eerst prijs en beschikbaarheid. Daarna productspecifieke kenmerken. Vermijd lange, niet-uitgeklapte filterlijsten waarvoor je moet scrollen voordat een shopper producten heeft gezien.
Bewaar de filterstatus bij terugnavigeren
Opent een shopper een productpagina en klikt hij daarna op terug, dan moet hij precies terugkomen in de gefilterde weergave die hij verliet. Worden de filters gereset, dan raakt de ervaring kapot. Shoppers filteren niet opnieuw. Ze vertrekken. Dit is een technisch detail met echte invloed op conversie.
Toon het aantal resultaten
Toon hoeveel producten overeenkomen met de huidige filterset terwijl shoppers opties kiezen. Dat voorkomt frustratie als iemand drie filters toepast en op een lege resultatenpagina uitkomt. Het moedigt ook aan om te verfijnen in plaats van af te haken.
Hoe structureer je de navigatie van categorieën?
De meeste shops hebben categorieën, maar weinig hebben goed nagedacht over hoe die categorieën zich tot elkaar verhouden en hoe shoppers ertussen bewegen. Structuur is niet alleen een organisatiekeuze. Het is een conversiekeuze.
Gebruik subcategorieën als je veel producten hebt
Een categorie met meer dan 40 tot 50 producten heeft baat bij subcategorieën. Te veel producten op één pagina overweldigt rondkijkers en vertraagt doelgerichte shoppers die weten wat ze willen. Verdeel de categorie in logische groepen en laat shoppers zelf kiezen hoe diep ze gaan. De hoofdcategorie wordt de ingang. De subcategorieën doen het sorteerwerk.
Houd de hiërarchie ondiep
Drie niveaus is het maximum dat de meeste shoppers volgen: hoofdcategorie, subcategorie, product. Bij vier of meer niveaus moeten shoppers te veel beslissingen nemen voordat ze iets vinden wat ze kunnen kopen. Is je assortiment zo diep dat je vier niveaus nodig hebt, investeer dan liever in betere filters dan in nog een navigatielaag.
Gebruik polyhiërarchie voor producten die in meerdere categorieën passen
Polyhiërarchie betekent dat een product in meer dan één categorie kan staan. Een waterdichte wandelschoen kan onder "Wandelschoenen" staan en ook onder "Waterdichte schoenen". Onderzoek raadt deze aanpak aan, omdat shoppers vaak eerst op de verkeerde plek kijken. Staat het product in beide categorieën, dan wordt het in elk geval gevonden. Dit is geen duplicatie. Het is een bewuste structuurkeuze die doodlopend bladeren vermindert.
Toon populaire subcategorieën visueel bovenaan
Heeft je shop subcategorieën, toon ze dan als visuele tegels of opvallende tekstlinks bovenaan de categoriepagina. Rondkijkers die op een brede categorie komen, willen niet door 80 producten scrollen om de subcategorie te vinden die ze echt zoeken. Als je subcategorieën meteen toont, kiezen ze zelf en gaan ze sneller.
Maak broodkruimels zichtbaar
Broodkruimels (breadcrumbs) laten shoppers zien waar ze zijn in de hiërarchie van de shop en laten ze een stap terug gaan zonder de terugknop van de browser. Een shopper die door "Waterdichte wandelschoenen voor dames" bladert, moet met één klik terug kunnen naar "Wandelschoenen voor dames" of "Damesschoenen". Broodkruimels helpen ook zoekmachines je sitestructuur te begrijpen, wat je posities in de hele categoriehiërarchie ondersteunt.
Productkaarten ontwerpen op categoriepagina's
Elke productkaart is een klein beslismoment. De shopper beslist in minder dan een seconde of hij klikt. Alles op de kaart moet die beslissing ondersteunen.
Gebruik consistente afbeeldingen van hoge kwaliteit
Alle productafbeeldingen op een categoriepagina moeten dezelfde beeldverhouding en achtergrond hebben. Wisselende formaten en achtergronden laten een raster onbetrouwbaar lijken. De afbeelding is het eerste waar het oog naartoe gaat. Een schoon, consistent raster ziet eruit als een shop die zijn producten serieus neemt.
Voeg visuele badges toe
Badges als "Bestseller", "Nieuw", "Bijna uitverkocht" of "Sale" geven shoppers nuttige informatie zonder dat ze iets hoeven te lezen. Ze verlagen de denkinspanning bij het vergelijken van een groot productraster. Dit is een van de minst gebruikte hulpmiddelen op categoriepagina's. Een badge "Bijna uitverkocht" creëert urgentie. Een badge "Bestseller" geeft social proof. Geen van beide vraagt tekst.
Toon de juiste snelle informatie
Prijs, productnaam en een korte variantaanduiding (zoals beschikbare kleuren of maten) zijn meestal genoeg. Probeer geen volledige beschrijvingen op productkaarten te proppen. Het doel van de kaart is een klik, niet een afgeronde verkoop. Bewaar het verkopen voor de productpagina.
Toon sterrenbeoordelingen op de kaart
Hebben je producten reviews, toon dan de sterrenbeoordeling en het aantal reviews direct op de productkaart. Shoppers vergelijken producten voordat ze klikken. Een beoordeling van 4,8 sterren met 200 reviews op de kaart is zichtbare social proof op het moment dat een shopper beslist welk product hij opent. Dit werkt vooral goed in concurrerende categorieën, waar meerdere vergelijkbare producten naast elkaar staan.
Toon actieprijzen duidelijk
Staat een product in de aanbieding, toon dan op de kaart zowel de oorspronkelijke prijs als de actieprijs. Haal de oorspronkelijke prijs door en benadruk de korting, als percentage of als vast bedrag. Shoppers die een raster scannen, reageren op zichtbaar voordeel. Een kaart met een duidelijke verlaging valt op tussen kaarten met één vaste prijs.
Ondersteun het wisselen van kleur en variant op de kaart
Bij producten met meerdere kleuren toon je kleurstalen direct op de productkaart. Een shopper die een specifieke kleur zoekt, moet kunnen zien dat die beschikbaar is zonder de productpagina te openen. Klikken op een kleurstaal kan de afbeelding op de kaart bijwerken naar die variant. Zo blijft de shopper in het raster en is er minder heen en weer tussen categorie- en productpagina.
Maak het hele kaartgebied klikbaar
Het klikgebied van een productkaart moet de hele kaart beslaan, niet alleen de productnaam of de afbeelding. Een shopper die ergens op een kaart tikt, moet op de productpagina uitkomen. Kleine of gedeeltelijke klikgebieden vragen precies tikken, wat op mobiel voor wrijving zorgt en op desktop traag aanvoelt. Een klikgebied over de hele kaart is een klein detail dat de ervaring op elk apparaat verbetert.
SEO-teksten voor categoriepagina's
Categoriepagina's scoren van nature op zoektermen met veel volume. Een pagina "Hardloopschoenen voor heren" strijdt precies om dat zoekwoord. Het probleem is dat de meeste categoriepagina's bijna geen tekst hebben, waardoor zoekmachines ze minder goed begrijpen en ranken.
Voeg een korte inleiding toe boven het raster
Twee tot vier zinnen bovenaan de pagina, boven het productraster, laten zoekmachines zien dat de categorie relevant is. Schrijf eerst voor de shopper. Leg uit wat deze categorie bevat en voor wie hij is. Verwerk het hoofdzoekwoord op een natuurlijke manier. Houd het kort. Shoppers willen geen essay lezen voordat ze producten zien.
Voeg een koopgids toe onder het raster
Een koopgids van 200 tot 400 woorden onder het productraster geeft je ruimte om relevante vragen te beantwoorden, secundaire zoekwoorden op te nemen en waarde te bieden aan shoppers die nog beslissen. Dit deel hoeft niet zichtbaar te zijn tenzij de shopper voorbij de producten scrolt. Het is vooral SEO-ruimte, maar het kan ook twijfelende kopers helpen die een reden nodig hebben om voor het ene producttype te kiezen en niet voor het andere.
Schrijf de H1 van de categorie voor shoppers en zoekmachines
De H1-kop van een categoriepagina is meestal de categorienaam. Die naam is ook het hoofdzoekwoord. Zorg dat hij precies past bij hoe je klanten zoeken. "Linnen tops voor dames" scoort op die zoekterm. "Zomerfavorieten" scoort nergens op. Maakt je platform H1's automatisch aan uit categorienamen, beoordeel dan elke categorienaam met dezelfde zorg als een paginatitel. Eén woord kan het verschil maken tussen scoren en niet scoren.
Schrijf een unieke metatitel en beschrijving voor elke categorie
Categoriepagina's worden vaak behandeld als structuurpagina's die geen eigen metatags nodig hebben. Dat is een gemiste kans. Elke categoriepagina strijdt om een specifieke set zoektermen. Een metatitel met het hoofdzoekwoord die duidelijk maakt wat de categorie bevat, doet het beter dan een algemene, automatisch gegenereerde titel. De metabeschrijving is de pitch die de shopper laat klikken. Schrijf hem zo dat hij past bij waar iemand die term zoekt echt naar op zoek is, niet alleen bij wat de pagina bevat.
Gebruik schone URL-slugs met zoekwoorden
De URL van de categorie moet zo dicht mogelijk bij de categorienaam liggen. "jouwshop.nl/linnen-tops-dames" is beter dan "jouwshop.nl/categorie/c004". Korte, leesbare URL's zijn makkelijker te delen, makkelijker te interpreteren voor zoekmachines en versterken de zoekwoordrelevantie van de pagina. Vermijd sessie-ID's, trackingparameters of dynamisch gegenereerde reeksen in categorie-URL's. Voegt je shopsysteem die standaard toe, kijk dan of ze te verwijderen zijn of gecanonicaliseerd kunnen worden.
Link vanaf categoriepagina's intern naar ondersteunende content
Heb je koopgidsen, blogartikelen of how-to-content bij een categorie, link er dan vanaf de categoriepagina naar. Een categoriepagina "Hardloopschoenen voor dames" kan linken naar een koopgids over het kiezen van de juiste hardloopschoen. Dat versterkt de thematische relevantie van de categoriepagina voor zoekmachines en geeft twijfelende shoppers een pad naar meer informatie. Interne links van categoriepagina's met veel verkeer geven autoriteit door aan de content waar ze naar verwijzen. Zet ze bewust in.
Categoriepagina's ontwerpen voor mobiel
De meeste shoppers bladeren op een telefoon door categoriepagina's. De desktopindeling werkt bijna nooit zonder bewuste aanpassingen op mobiel.
Maak filteren bereikbaar met een vaste knop
Een vaste knop "Filter" die een filterpaneel op volledig scherm opent, is het standaardpatroon voor mobiel. Klap filters niet samen in een horizontale scrollrij. Ze zijn dan moeilijk te zien en makkelijk te missen. Een paneel op volledig scherm geeft shoppers genoeg ruimte om filters te lezen en te kiezen zonder precies te hoeven tikken op kleine doelen.
Gebruik een productraster met twee kolommen
Rasters met twee kolommen presteren beter dan rasters met één kolom op mobiel, omdat ze meer producten per scroll tonen. Een indeling met één kolom dwingt shoppers veel meer te scrollen voordat ze opties kunnen vergelijken. Houd afbeeldingen groot genoeg om op dat kleinere formaat duidelijk te lezen.
Houd sortering en aantal boven het raster
Sorteerknoppen en het aantal producten moeten boven het raster zichtbaar zijn zonder te scrollen. Kan een shopper niet zien hoeveel producten overeenkomen of de sortering niet wijzigen zonder te scrollen, dan raakt hij snel het overzicht en de oriëntatie kwijt.
Controleer de plaatsing van badges op kleine schermen
Badges als "Bestseller" of "Bijna uitverkocht" kunnen op kleinere schermen productnamen of prijzen overlappen als ze niet specifiek op mobiel zijn getest. Controleer dat badges zichtbaar zijn zonder belangrijke productinformatie te bedekken, op de schermformaten die je klanten echt gebruiken.
Wat je moet vermijden op categoriepagina's
Een aantal veelgemaakte fouten verlaagt de prestaties van categoriepagina's en is bij het inrichten makkelijk te missen. Elke fout kost je stilletjes iets, vaak zonder duidelijk spoor in je analytics.
Paginering in plaats van "Laad meer"
Harde paginering met "pagina 2, pagina 3" doorbreekt de bladerstroom voor verkenners. Een knop "Laad meer" of doorlopend scrollen houdt shoppers in een vloeiende ervaring. Moet een shopper naar een nieuwe pagina navigeren, dan verliest hij zijn plek in het raster en keert hij vaak niet terug naar waar hij was. Gebruik paginering alleen als je assortiment erg groot is en je wil dat shoppers specifieke pagina's bewaren of delen.
Zoekwoorden proppen in de categoriebeschrijving
De inleiding en de koopgids zijn eerst voor shoppers, daarna voor zoekmachines. Dichte blokken herhaalde zoekwoorden lezen slecht en zoekmachines hebben geleerd ze te negeren. Schrijf voor een echt mens die snel een beeld van de categorie wil. Een of twee natuurlijke vermeldingen van het hoofdzoekwoord in de openingsalinea is genoeg.
Uitverkochte producten bovenaan het raster
Niet-beschikbare producten bovenaan de resultaten tonen, verspilt de aandacht van de shopper en levert gefrustreerde klikken op naar doodlopende productpagina's. Zet uitverkochte artikelen onderaan het raster en markeer ze duidelijk. Nog beter: geef shoppers een filter om uitverkochte producten helemaal te verbergen, zodat ze alleen zien wat ze echt kunnen kopen.
Te veel hoofdcategorieën
Meer dan acht tot tien hoofdcategorieën in je navigatie overweldigt shoppers. Groepeer verwante soorten onder bredere kopjes en gebruik subcategorieën voor de diepte. Navigatie die te breed is, dwingt shoppers meer opties te lezen dan ze in één keer aankunnen, en ze geven vaak op voordat ze iets kiezen.
Inconsistente indelingen van productkaarten
Tonen sommige productkaarten een prijs en andere niet, hebben sommige reviews en andere geen en verschillen afbeeldingsformaten in het raster, dan voelt de pagina onaf. Shoppers zien visuele inconsistentie als een vertrouwenssignaal. Een uniform, goed gestructureerd raster laat zien dat de shop georganiseerd en betrouwbaar is. Neem de tijd om elke kaart vóór de lancering dezelfde structuur te geven.
Geen sorteeropties
Geen sortering aanbieden is een veelvoorkomende vergissing bij kleinere shops. Shoppers sorteren op prijs (laag naar hoog), nieuwste, bestverkocht en beoordeling. Haal je die controle weg, dan moet elke shopper de standaardvolgorde accepteren die jij hebt ingesteld. Voor een shopper met een klein budget is het niet kunnen sorteren op prijs een reden om te vertrekken. Sorteerknoppen zijn een basisverwachting, geen premiumfunctie.
Algemene categorienamen die niets zeggen
Categorienamen als "Collectie 1" of "Essentials" vertellen shoppers niets over wat erin zit. Ze geven zoekmachines ook niets om op te ranken. Gebruik gewone, beschrijvende namen die passen bij hoe je klanten denken en zoeken. "Linnen tops voor dames" presteert beter dan "Zomer-essentials", zowel qua gebruiksgemak als qua zichtbaarheid in zoekmachines.
Trage laadtijden door niet-geoptimaliseerde afbeeldingen
Categoriepagina's laden meerdere productafbeeldingen tegelijk. Zijn die afbeeldingen grote bestanden, dan is de pagina traag. Trage pagina's verliezen shoppers voordat ze één product zien. Comprimeer alle productafbeeldingen vóór het uploaden en gebruik moderne afbeeldingsformaten waar je shopsysteem die ondersteunt. De categoriepagina is vaak de eerste indruk van je assortiment. Hij moet in minder dan twee seconden laden.
Wat te doen als een filter nul resultaten geeft
Dit is een van de meest over het hoofd geziene momenten in het ontwerp van categoriepagina's. Een shopper past filters toe, het raster loopt leeg en de meeste shops tonen een lege pagina of een algemene melding "geen resultaten gevonden". Dat is een doodlopende weg.
Toon een behulpzaam bericht met een volgende stap
Zeg niet alleen "geen resultaten", maar leg uit wat er is gebeurd en geef de shopper meteen een actie. Bijvoorbeeld: "Geen producten voldoen aan al je huidige filters. Verwijder het maatfilter om meer opties te zien." Het bericht moet benoemen welk filter je kunt loslaten, en niet alleen zeggen dat de shopper het opnieuw moet proberen.
Toon de best passende producten eronder
Toon onder het bericht over nul resultaten een klein raster met de producten die het dichtst bij de toegepaste filters komen. Filterde iemand op een waterdichte laars in maat 9 en past niets precies, toon dan de waterdichte laarzen in nabije maten. De shopper heeft je al verteld wat hij wil. Gebruik dat signaal om het beste beschikbare alternatief te tonen.
Link naar aangrenzende categorieën
Kan de categorie zelf niet voorzien in de behoefte, link dan naar verwante categorieën die dat misschien wel kunnen. Een shopper die iets zoekt wat je niet verkoopt, moet vertrekken met een reden om terug te komen, niet met een lege pagina.
Voor meer over hoe je individuele producten presenteert nadat shoppers doorklikken, zie wat een goede productpagina maakt.
Hoe WEMASY je helpt betere categoriepagina's te bouwen
Het webshopsysteem van WEMASY bevat tools voor categoriepagina's die op conversie zijn gebouwd: filteren met meervoudige selectie, aanpasbare indelingen voor productkaarten, ondersteuning voor badges en rasters die zijn geoptimaliseerd voor mobiel. Je stelt subcategoriestructuren in, bepaalt de inleidingstekst en voegt koopgidscontent toe onder het raster. Zonder code.
Bekijk de prijzen van WEMASY om het juiste plan te vinden voor de omvang van je shop en je assortiment.
Veelgestelde vragen
Wat is een categoriepagina in een webshop?
Een categoriepagina groepeert verwante producten, zodat shoppers kunnen bladeren, filteren en vergelijken voordat ze doorklikken naar individuele productpagina's. Hij zit tussen de navigatie van je shop en je productpagina's. Zijn taak is het aanbod te beperken en elke shopper sneller het juiste product te laten vinden. Met de websitebouwer van WEMASY stel je dit direct in je shop in.
Hoeveel producten moeten er op een categoriepagina staan?
Er is geen vast aantal, maar categorieën met meer dan 40 tot 50 producten hebben baat bij subcategorieën of sterke filters. Het doel is genoeg variatie te tonen zonder shoppers te overweldigen. Combineer een groot aantal producten met duidelijke filters en sortering, zodat shoppers de lijst zelf kunnen verkleinen.
Hoe optimaliseer ik een categoriepagina voor SEO?
Voeg een korte inleiding met zoekwoorden toe boven het productraster en een koopgids eronder. Gebruik het hoofdzoekwoord van je categorie in de paginatitel, de H1 en de metabeschrijving. Zorg dat de URL-slug schoon en beschrijvend is. Categoriepagina's richten zich van nature op zoektermen met veel volume, dus de content rond het raster telt voor hoe zoekmachines ze ranken.
Welke filters moet een categoriepagina hebben?
Begin met de filters die het meest relevant zijn voor je producttype: prijs, beschikbaarheid en de belangrijkste productkenmerken zoals maat, kleur of materiaal. Voeg meervoudige selectie toe, zodat shoppers filters kunnen combineren. Groepeer ze in een logische volgorde en toon het aantal resultaten terwijl filters worden toegepast. Voeg geen filters toe voor kenmerken die maar bij een klein aantal producten horen. Dat geeft rommel zonder waarde.
Wat moet ik doen als een filter geen resultaten geeft?
Toon geen lege pagina. Toon een behulpzaam bericht, stel voor om een filter te verwijderen en toon eronder de best passende producten. Link waar mogelijk naar aangrenzende categorieën of populaire producten in hetzelfde assortiment. Een scherm zonder resultaten moet de shopper altijd een volgende stap geven, geen doodlopende weg.
Hoe moet ik een categoriepagina ontwerpen voor mobiel?
Gebruik een vaste filterknop die een filterpaneel op volledig scherm opent. Gebruik een productraster met twee kolommen, zodat shoppers meer producten per scroll zien. Houd de sorteerknop en het aantal producten zichtbaar boven het raster. Zorg dat productafbeeldingen groot genoeg zijn om op een klein scherm te lezen en controleer dat badges geen productnamen of prijzen overlappen.