Su un sito di moda, è raro perdere un visitatore perché il design è brutto. Lo si perde perché cerca un pantalone a vita alta in lino e si imbatte in tre livelli di sottomenu prima di arrivare al filtro giusto. La struttura di un sito di moda condiziona direttamente la scoperta dei prodotti, molto più che su un sito generalista dove le categorie sono stabili e poche.
Filtri prodotto su un sito di moda: il punto debole ricorrente
Un catalogo di moda gestisce variabili che altri settori non hanno: taglia, forma, colore, materiale, stagione, marca. La combinazione di questi criteri crea centinaia di percorsi possibili per un singolo visitatore. Un benchmark condotto su oltre 300 siti e-commerce americani ed europei rileva che molti siti non implementano la combinazione di più valori in un unico filtro. In pratica, ciò significa che non si possono selezionare contemporaneamente “blu” e “nero” nel filtro colore.
I feedback variano su questo punto a seconda delle piattaforme utilizzate, ma si osservano tre difetti frequenti nei cataloghi di moda:
- L’assenza di ordinamento per novità o pertinenza, mentre la stagionalità delle collezioni rende questo criterio centrale per i visitatori abituali.
- L’impossibilità di vedere chiaramente quali filtri sono attivi, il che spinge l’utente a ricominciare la ricerca da zero quando i risultati non corrispondono.
- La separazione rigida tra la barra di ricerca interna e i filtri di categoria, costringendo a scegliere tra due percorsi invece di combinarli.
Esplorando la struttura del sito Boulevard Mode, si nota come una suddivisione per universi (donna, uomo, accessori) si combini con sottocategorie prodotto che rimangono accessibili da qualsiasi livello di navigazione. Questo tipo di organizzazione evita il classico problema del menu profondo a tre o quattro livelli.
Navigazione mobile di un sito di moda: perché la maggioranza fallisce
Il benchmark 2025 del Baymard Institute mostra che il 67 % dei siti mobili studiati ottiene un punteggio mediocre a scarso per la navigazione delle categorie. Su un sito di moda, il problema è amplificato dal volume visivo: i visitatori vogliono vedere i prodotti in foto, non leggere elenchi testuali interminabili in un menu hamburger.
Due vincoli si sovrappongono su mobile. Il primo è lo spazio disponibile: uno schermo di smartphone mostra difficilmente più di cinque o sei link di menu senza scroll. Il secondo è la densità del catalogo. Un marchio che propone 200 referenze per stagione non può contenere tutto in un menu piatto.
Ciò che funziona sui cataloghi mobili
I siti che si comportano meglio adottano un menu a un solo livello visibile, con pagine di categorie visive (griglie di immagini cliccabili) piuttosto che sottomenu a cascata. L’utente digita “Donna”, arriva su una pagina con blocchi visivi (abiti, top, pantaloni, accessori) e affina poi con i filtri laterali.
La pagina categoria sostituisce il menu come strumento principale di navigazione. Non si chiede più al visitatore di decidere tutto nel menu: lo si porta rapidamente su una pagina dove può esplorare visivamente e filtrare in parallelo.
Struttura URL e collegamento interno per un catalogo di moda
Su un sito di moda, le URL pongono un problema tecnico che i siti vetrina non incontrano: la duplicazione di contenuto generata dai filtri. Quando un visitatore filtra per taglia 38 e colore nero, il sito crea spesso un’URL dinamica del tipo /robes?taille=38&couleur=noir. Se questa URL è indicizzata da Google senza un tag canonico, entra in concorrenza con la pagina categoria principale.
Ogni combinazione di filtri non canonizzata diluisce l’autorità della pagina categoria madre. I siti di moda che gestiscono correttamente questo punto utilizzano sia tag canonical che puntano verso la categoria genitore, sia un blocco di indicizzazione delle URL filtrate tramite il file robots.txt o meta noindex.
Collegamento tra collezioni e pagine prodotto
Un prodotto di moda appartiene spesso a più categorie: una giacca di jeans può figurare in “Giacche”, “Denim” e “Novità”. Il collegamento interno deve riflettere questa realtà senza creare pagine duplicate. La buona pratica consiste nel definire una categoria principale (quella che appare nell’URL del prodotto) e utilizzare link interni dalle altre categorie verso questa URL unica.
Il breadcrumb gioca qui un ruolo concreto: indica a Google la gerarchia adottata (Home > Donna > Giacche > Giacca di jeans) permettendo al visitatore di risalire con un clic al livello superiore. Su cataloghi voluminosi, un breadcrumb coerente riduce il numero di clic necessari per cambiare categoria.
Accessibilità web e obblighi per i siti e-commerce di moda
L’European Accessibility Act impone da giugno 2025 requisiti di accessibilità ai siti e-commerce nell’Unione Europea. Per un sito di moda, questo riguarda direttamente i menu di navigazione, i filtri, i moduli di ordine e le alternative testuali delle immagini prodotto.
Concretamente, i punti da verificare in priorità su un catalogo di moda sono:
- La navigazione da tastiera nei menu e nei filtri: ogni elemento interattivo deve essere raggiungibile senza mouse, con un ordine di tabulazione logico.
- Il contrasto dei testi sulle immagini: i siti di moda utilizzano molto testo sovrapposto a visivi, il che pone regolarmente problemi di leggibilità.
- Gli attributi alt sulle foto prodotto: ogni immagine deve descrivere il capo, non semplicemente riprendere il riferimento catalogo.
Questi obblighi non sono opzionali. Le sanzioni variano a seconda dei paesi membri, ma il quadro normativo è ormai in atto e i controlli iniziano a strutturarsi.
Un sito di moda ben strutturato non è quello che ha il maggior numero di categorie o il menu più ricco. È quello in cui un visitatore mobile trova un abito nero in taglia 40 in meno di tre interazioni, dove i filtri non generano pagine fantasma in Google, e dove la navigazione rimane utilizzabile senza mouse. La tecnica serve il percorso d’acquisto, non il contrario.
