Naar de inhoud

Thury Harcourt

Persoonlijke blog

Begrijp de structuur van een modewebsite voor een optimale navigatie

Op een modewebsite verliezen we zelden een bezoeker omdat het ontwerp lelijk is. We verliezen hem omdat hij op zoek is naar een broek...

Femme naviguant sur un site de mode depuis un bureau minimaliste en bois clair, illustrant la navigation intuitive d'un e-commerce fashion
5 minuten

Op een modewebsite verliest men zelden een bezoeker omdat het ontwerp lelijk is. Men verliest hem omdat hij op zoek is naar een hoge taille linnen broek en op drie niveaus van sub-menu’s terechtkomt voordat hij de juiste filter bereikt. De structuur van een modewebsite beïnvloedt direct de ontdekking van producten, veel meer dan op een algemene site waar de categorieën stabiel en beperkt zijn.

Productfilters op een modewebsite: het terugkerende zwakke punt

Een modecatalogus beheert variabelen die andere sectoren niet hebben: maat, snit, kleur, materiaal, seizoen, merk. De combinatie van deze criteria creëert honderden mogelijke paden voor één enkele bezoeker. Een benchmark uitgevoerd op meer dan 300 Amerikaanse en Europese e-commerce sites toont aan dat veel sites de combinatie van meerdere waarden in één filter niet implementeren. In de praktijk betekent dit dat men niet gelijktijdig “blauw” en “zwart” kan aanvinken in de kleurfilter.

De terugkoppeling varieert op dit punt afhankelijk van de gebruikte platforms, maar we observeren drie veelvoorkomende tekortkomingen op modecatalogi:

  • Het ontbreken van sortering op nieuwheid of relevantie, terwijl de seizoensgebondenheid van de collecties dit criterium centraal maakt voor regelmatige bezoekers.
  • De onmogelijkheid om duidelijk te zien welke filters actief zijn, waardoor de gebruiker zijn zoektocht opnieuw moet beginnen vanaf nul wanneer de resultaten niet overeenkomen.
  • De rigide scheiding tussen de interne zoekbalk en de categoriefilters, waardoor men moet kiezen tussen twee paden in plaats van ze te combineren.

Bij het doorbladeren van de structuur van de Boulevard Mode website, zien we hoe een indeling per universum (vrouw, man, accessoires) wordt gecombineerd met productsubcategorieën die toegankelijk blijven vanaf elk navigatieniveau. Dit type organisatie voorkomt de klassieke val van een diep menu met drie of vier niveaus.

Man die de navigatiestructuur van een modewebsite op een tablet bekijkt in een hedendaagse conceptstore

Mobiele navigatie van een modewebsite: waarom de meerderheid faalt

De benchmark 2025 van het Baymard Institute toont aan dat 67% van de bestudeerde mobiele sites een slechte tot zeer slechte score behalen voor de navigatiecategorieën. Op een modewebsite wordt het probleem versterkt door het visuele volume: bezoekers willen de producten op foto zien, niet eindeloze tekstlijsten in een hamburger menu lezen.

Twee praktische beperkingen komen samen op mobiel. De eerste is de beschikbare ruimte: een smartphone-scherm toont moeilijk meer dan vijf of zes menulinks zonder scrollen. De tweede is de dichtheid van de catalogus. Een merk dat 200 referenties per seizoen aanbiedt, kan niet alles in een plat menu onderbrengen.

Wat werkt op mobiele catalogi

De sites die het beste presteren, hanteren een menu met één zichtbaar niveau, met visuele categoriepagina’s (klikbare afbeeldingsroosters) in plaats van cascade-submenu’s. De gebruiker typt “Vrouw”, komt op een pagina met visuele blokken (jurken, tops, broeken, accessoires) en verfijnt vervolgens met de zijfilters.

De categoriepagina vervangt het menu als het belangrijkste navigatiehulpmiddel. We vragen de bezoeker niet meer om alles in het menu te beslissen: we brengen hem snel naar een pagina waar hij visueel kan verkennen en tegelijkertijd kan filteren.

URL-structuur en interne linkstructuur voor een modecatalogus

Op een modewebsite vormen de URL’s een technisch probleem dat vitrinesites niet tegenkomen: de duplicatie van inhoud die door de filters wordt gegenereerd. Wanneer een bezoeker filtert op maat 38 en kleur zwart, creëert de site vaak een dynamische URL van het type /robes?taille=38&couleur=noir. Als deze URL door Google wordt geïndexeerd zonder canonieke tag, komt deze in concurrentie met de hoofdcategoriepagina.

Elke combinatie van niet-gecanoniseerde filters verdunt de autoriteit van de hoofdcategoriepagina. Modewebsites die dit punt goed beheren, gebruiken ofwel canonieke tags die naar de bovenliggende categorie verwijzen, of blokkeren de indexering van gefilterde URL’s via het robots.txt-bestand of meta noindex.

Linkstructuur tussen collecties en productpagina’s

Een modeproduct behoort vaak tot meerdere categorieën: een spijkerjack kan voorkomen in “Jassen”, “Denim” en “Nieuwigheden”. De interne linkstructuur moet deze realiteit weerspiegelen zonder dubbele pagina’s te creëren. De beste praktijk is om een hoofdcategorie te definiëren (de categorie die in de URL van het product verschijnt) en interne links vanuit de andere categorieën naar deze unieke URL te gebruiken.

Het broodkruimelpad speelt hier een concrete rol: het geeft Google de gekozen hiërarchie aan (Home > Vrouw > Jassen > Spijkerjack) terwijl het de bezoeker in staat stelt met één klik naar het hogere niveau terug te keren. Op volumineuze catalogi verkleint een consistent broodkruimelpad het aantal klikken dat nodig is om van categorie te wisselen.

Twee vrouwen die de structuur en de sitemap van een modewebsite analyseren rond een tafel in een professioneel creatief studio

Webtoegankelijkheid en verplichtingen voor mode-e-commerce sites

De Europese Toegankelijkheidswet stelt sinds juni 2025 toegankelijkheidseisen aan e-commerce sites in de Europese Unie. Voor een modewebsite betreft dit direct de navigatiemenu’s, filters, bestelformulieren en tekstalternatieven voor productafbeeldingen.

Concreet zijn de punten die prioriteit hebben om te controleren op een modecatalogus:

  • De navigatie met het toetsenbord in de menu’s en filters: elk interactief element moet bereikbaar zijn zonder muis, met een logische tabvolgorde.
  • Het contrast van teksten op afbeeldingen: modewebsites gebruiken vaak veel tekst die over visuals heen ligt, wat regelmatig problemen met de leesbaarheid oplevert.
  • De alt-attributen op productfoto’s: elke afbeelding moet het kledingstuk beschrijven, niet simpelweg de catalogusreferentie herhalen.

Deze verplichtingen zijn niet optioneel. De sancties variëren afhankelijk van de lidstaten, maar het regelgevend kader is inmiddels in werking en de controles beginnen zich te structureren.

Een goed gestructureerde modewebsite is niet degene met de meeste categorieën of het rijkste menu. Het is degene waar een mobiele bezoeker een zwarte jurk in maat 40 vindt in minder dan drie interacties, waar de filters geen spookpagina’s in Google genereren, en waar de navigatie bruikbaar blijft zonder muis. De techniek ondersteunt de koopervaring, niet andersom.

Begrijp de structuur van een modewebsite voor een optimale navigatie