Che cos’è la navigazione sfaccettata?

La navigazione sfaccettata si trova normalmente nella barra laterale di un sito di e-commerce e contiene sfaccettature e filtri. Esso consente agli utenti di selezionare le combinazioni degli attributi che sono importanti per loro, per filtrare un elenco di prodotti fino a quelli che corrispondono alle loro esigenze.

I facet sono categorie indicizzate che aiutano a specificare un elenco di prodotti e fungono da estensione delle categorie principali del sito. Sfaccettature dovrebbero aggiungere un valore unico per ogni selezione e, come sono indicizzati, ogni sfaccettatura su un sito web dovrebbe inviare segnali di pertinenza ai motori di ricerca, garantendo che tutti gli attributi importanti appaiono all’interno del contenuto della pagina.

I filtri vengono utilizzati per ordinare o restringere gli elementi all’interno di una pagina di annunci. Mentre questi sono necessari per l’utente, non cambiano il contenuto della pagina (rimane lo stesso, solo ordinato in un ordine diverso), il che porta a più URL che generano problemi di contenuto duplicati.

Quali potenziali problemi può causare?

Poiché ogni possibile combinazione di sfaccettature è tipicamente un URL univoco, la navigazione sfaccettata può creare alcuni problemi per SEO:

Navigazione sfaccettata naïve

Lasciare tutte le sfaccettature e i filtri indicizzabili e indicizzabili, anche quando il contenuto della pagina non cambia, può portare a problemi di contenuti duplicati, spreco significativo di budget di scansione e diluizione del link equity. Man mano che i parametri si moltiplicano, il numero di pagine quasi duplicate cresce esponenzialmente e i collegamenti possono entrare in tutte le varie versioni, diluendo l’equità dei collegamenti e limitando la capacità della pagina di classificare organicamente. Ciò aumenta ulteriormente la possibilità di cannibalizzazione delle parole chiave, uno scenario in cui più pagine vengono completate per le stesse parole chiave, con conseguente classifica meno stabile e spesso inferiore.

Per assicurarsi che i bot dei motori di ricerca non sprechino prezioso budget craw su pagine che non aggiungono alcun valore, sarà necessario creare alcune regole per limitare la scansione e l’indicizzazione all’interno dei filtri. Ad esempio, determinare quali facet non hanno un vantaggio SEO (ad esempio, “dimensione”, “prezzo”) e inserirli nella lista nera o impedire ai crawler di ricerca di scoprire facet multi-selezionati.

Faceted Nav Categories

The hatchet approach

La reazione opposta alla soluzione di cui sopra è quella di bloccare la scansione e l’indicizzazione di ogni pagina filtrata sul sito, impedendole di classificare per un ampio set di parole chiave pertinenti.

Soluzioni di navigazione sfaccettate

Quando decidiamo su una soluzione di navigazione sfaccettata, dovremo decidere cosa vogliamo nell’indice e aumentare il numero di pagine utili che vengono indicizzate riducendo al minimo il numero di pagine inutili che non vogliamo indicizzate.

Sono disponibili più soluzioni per affrontare questi problemi, con ogni implementazione che presenta vantaggi e svantaggi:

Soluzione 1: AJAX

Il vantaggio principale dell’utilizzo di AJAX per la navigazione sfaccettata è che un nuovo URL non viene creato quando un utente si trova su una pagina e applica un filtro o un ordinamento. L’intero processo avviene lato client con JavaScript, senza coinvolgere affatto il server web.

Quando si utilizza questo approccio, è sufficiente assicurarsi che esista un percorso di scansione HTML per i prodotti e le pagine che si desidera classificare e assicurarsi che i motori di ricerca possano accedere a tutte le pagine importanti. Utilizzando il metodo pushState dell’API della cronologia HTML5 e configurando il server per rispondere a queste richieste con il rendering HTML lato server, puoi beneficiare di una navigazione sfaccettata veloce e basata su AJAX senza sacrificare la facilità di SEO del tuo sito web.

Questo è un ottimo approccio in teoria, in quanto può eliminare i problemi di contenuti duplicati, cannibalizzazione e spreco di budget di scansione. Tuttavia, non può essere utilizzato come una “patch SEO” per una navigazione sfaccettata esistente. Richiede anche un grande investimento iniziale in tempo di sviluppo e un’esecuzione a prova di proiettile.

Se hai una domanda sulla navigazione sfaccettata basata su AJAX, o JavaScript SEO in generale, contattaci.

Soluzione 2: Meta Robot e Robot.txt

Questo è un approccio affidabile per bloccare gli URL creati dalla navigazione sfaccettata in quanto, anche se sono direttive piuttosto che esecutori, gli spider dei motori di ricerca di solito li obbediscono. L’idea è di impostare un parametro personalizzato per designare tutte le varie combinazioni di filtri e facet che si desidera bloccare (ad esempio “noidx=1”), quindi aggiungerlo alla fine di ogni stringa URL che si desidera bloccare. Quindi, puoi avere una voce nei tuoi robot.file txt per bloccarli:
User-agent: *
Disallow: /*noidx=1

È inoltre possibile impostare tutte le pagine che si desidera essere bloccato attraverso un tag noindex meta robot nelle loro intestazioni. Si prega di notare che si consiglia di consentire 3 o 4 settimane per i bot dei motori di ricerca per raccogliere questi cambiamenti prima di bloccarli con i robot.file txt.

Una volta meta robot e robot.le direttive di blocco txt sono in atto, dovremo configurare il server per aggiungere automaticamente il parametro noidx= agli URL con alcune regole: ad esempio, quando vengono selezionati un massimo di gruppi di facet (per evitare l’indicizzazione di categorie troppo strette come www.domain.com/skirts?colore=nero&size=10&materiale=pelle), o quando due o più filtri all’interno di un gruppo selezionato (www.domain.com/skirts?color=black&colore=bianco).

Ci sono alcune considerazioni importanti da tenere a mente quando si utilizza questo approccio:

  • per evitare i problemi di contenuti duplicati, ogni pagina indicizzata dovrebbe avere un unico e ottimizzato su elementi della pagina (almeno meta titolo, titoli e meta description).
  • L’ordinamento rigoroso degli URL ti aiuterà a evitare anche i contenuti duplicati ordinando gli attributi sempre nello stesso modo, indipendentemente dall’ordine in cui l’utente li ha selezionati.
  • Ricordarsi di lasciare strisciato e indicizzato uno-il preferito-versione del contenuto in modo che i motori di ricerca possono visitare e indicizzare sui loro risultati di ricerca.

Soluzione 3: Dirigere l’indicizzazione con Rel=canonical

Questa è una soluzione semplice per aiutare a indirizzare i robot verso il contenuto che si desidera eseguire la scansione mantenendo il contenuto che aiuta gli utenti a trovare i prodotti. Mentre l’elemento rel = canonical ti aiuterà a evitare problemi di contenuto duplicato, questo approccio non ti farà risparmiare alcun budget di scansione (questo può essere ottenuto con i robot precedenti.soluzione txt).

Inoltre, i tag canonici possono spesso essere ignorati dai bot dei motori di ricerca, quindi dovresti usarlo in combinazione con un altro approccio, per indirizzare i motori di ricerca verso la versione preferita – la più alta conversione – di ogni pagina.

Soluzione 4: Google Search Console

Mentre questo è un buon metodo per creare correzioni temporanee durante la creazione di una navigazione sfaccettata migliore, dice solo a Google come eseguire la scansione del tuo sito (piuttosto che effettivamente risolvere il problema) e dovrebbe essere pensato come ultima risorsa.

Attraverso lo strumento Parametri URL nella console, puoi indicare quale effetto ha ciascuno dei tuoi parametri sulla pagina (se cambia il suo contenuto o meno) e come Google dovrebbe trattare queste pagine (ricorda che questo istruirà solo Googlebot e quindi non funzionerà per gli user-agent di Bing o Yahoo).

Best practice per la navigazione sfaccettata

Ecco alcuni suggerimenti essenziali per aiutarti a sfruttare al meglio la tua navigazione sfaccettata:

  • Impedisci collegamenti cliccabili quando non esistono prodotti per la categoria/filtro
  • Ogni pagina dovrebbe collegarsi ai suoi figli e genitori (comunemente raggiunti con percorsi breadcrumb). A seconda del prodotto, può anche essere utile includere link a pagine di pari livello.
  • Strict URL facet ordering (attributi sempre ordinati nello stesso modo). Non riuscendo a fare questo può causare problemi di duplicazione.
  • Consentono l’indicizzazione di particolari combinazioni di sfaccettature con traffico di ricerca ad alto volume.
  • Configura i parametri URL in Google Search Console (ma ricorda di non fare affidamento su questa soluzione)
  • Non fare affidamento su noindex & nofollow (rel=nofollow e canonical non preservano la larghezza di banda di scansione).
  • Nofollow dopo il primo filtro in un gruppo (in alternativa, robot.txt disallow)
  • Alcuni parametri non dovrebbero mai essere indicizzabili

Conclusione

Ho delineato quattro diverse soluzioni per gestire la navigazione attraverso sfaccettature e filtri, ma ogni azienda è diversa e non esiste un approccio “migliore” che funzioni per ogni sito web e piattaforma. Quando decidi la soluzione perfetta per la tua attività, ricorda che il tuo sistema di categoria e l’architettura del sito dovrebbero riflettere le esigenze dei tuoi clienti. Clienti felici e motori di ricerca felici sono le chiavi del successo nella navigazione ecommerce.

Infine, mentre una navigazione sfaccettata ottimizzata può aiutare il tuo sito a classificarsi per un insieme più ampio di termini, rappresenta anche un rischio elevato quando non viene gestito correttamente. È fondamentale testare in ogni fase dello sviluppo per assicurarsi che il sistema sia impostato correttamente.