Magento 2 Layered Navigation SEO: la guida definitiva

Pubblicato: 2018-07-12

In un panorama aziendale sempre più competitivo, è impossibile immaginare un negozio Magento di successo senza una navigazione intuitiva e facile da usare.

Menu multilivello, mappe del sito, architettura del sito ben pianificata con interconnessione intelligente : questi sono i componenti essenziali per una migliore usabilità del sito Web e metriche di conversione più elevate.

La navigazione a più livelli è anche uno degli aspetti chiave della navigazione del sito.

Inoltre, le pagine generate da questo meccanismo hanno una vasta capacità SEO.

Continua a leggere per imparare a:

  • imposta la navigazione a più livelli nel tuo negozio Magento 2 (e aggira le sue limitazioni predefinite),
  • pianificare la strategia SEO per le pagine LN,
  • evitare errori SEO comuni quando si lavora con pagine di questo tipo,
  • ottimizzare efficacemente queste pagine per risultati SEO migliori,
  • integrarli con successo nell'architettura del tuo sito.

Sommario

  • Che cos'è la navigazione a più livelli in Magento 2?
  • Come abilitare la navigazione a strati in Magento?
  • Pianificazione della strategia SEO per le pagine dei filtri di categoria
  • Piano A
  • Creazione di URL SEO-friendly per pagine filtro di categoria
  • Aggiunta di Meta Header Robot per pagine di navigazione a strati
    • Aggiunta di rel=Canonical per i cercapersone con filtro di categoria
  • Piano B
  • Linea di fondo

Che cos'è la navigazione a più livelli in Magento 2?

La navigazione a più livelli (nota anche come filtri di categoria o LN o breve) è un insieme di filtri dinamici che possono essere posizionati su qualsiasi pagina di categoria (e talvolta sulla home page).

Il suo scopo principale è aiutare il cliente a smistare rapidamente i prodotti in base ai criteri scelti: prezzo, materiale, colore, marca, ecc. In questo modo, consente di evitare la navigazione manuale tra le categorie del negozio e di trovare immediatamente la versione desiderata di un prodotto .

Come abilitare la navigazione a strati in Magento?

Fuori dagli schemi, Magento offre la possibilità di filtrare i prodotti nelle pagine delle categorie.

Per abilitare questa funzionalità, segui le istruzioni seguenti:

  1. vai su Store ⟶ Configurazione , salta alla sezione Catalogo nel menu di sinistra e seleziona la stessa voce di menu del titolo lì;
  2. nell'elenco delle opzioni aperte, selezionare Navigazione a livelli , fare clic per espanderlo,
  3. nelle impostazioni che si aprono, impostare Visualizza conteggio prodotti su e Calcolo passaggio di navigazione prezzo su Automatico ,
  4. fare clic su Salva per rendere effettive le modifiche.

Navigazione a strati in Magento predefinito pronto all'uso
* Per configurare ulteriormente la navigazione a più livelli, ad esempio per impostare attributi filtrabili , controlla queste istruzioni. Per modificare i prezzi di navigazione a più livelli , consulta questa guida.

Ecco come appaiono i filtri di categoria predefiniti sul frontend:

Navigazione a livelli in Magento 2 predefinito
IMPORTANTE

Ma nota che fuori dagli schemi, la piattaforma non consente di selezionare contemporaneamente più attributi dello stesso tipo. Ad esempio, è impossibile filtrare prodotti di 2 o più colori, materiali , ecc. diversi, il che è piuttosto scomodo, soprattutto se vendi prodotti altamente personalizzabili.

È qui che viene utile l'estensione Layered Navigation di MageWorx. Con l'estensione puoi:

  • aggiungi l'opzione di selezione multipla per consentire ai clienti di filtrare più attributi,
  • abilitare/disabilitare la selezione multipla per ciascun attributo del prodotto individualmente,
  • visualizzare gli attributi LN su pagine di categorie specifiche,
  • e altro ancora.

Clicca qui per esplorare l'estensione.

Ecco come funziona il filtro di categoria ottimizzato:

Navigazione a livelli ottimizzata in Magento 2

Pianificazione della strategia SEO per le pagine dei filtri di categoria

Prima di arrivare alla stesura di un piano SEO per pagine di questo tipo, dovresti capire come vengono generate dal sistema.

Consideriamo uno scenario semplice: diciamo, abbiamo un negozio Magento che vende vestiti di diverse marche a Minneapolis. Chiamiamola www.mystore.com

Il negozio ha alcune estensioni di terze parti che consentono di filtrare le categorie in base a tonnellate di criteri: marca, design, sesso, colore, taglia, modello, prezzo, ecc. In questo modo, ogni volta che un cliente filtra le categorie, il sistema genera pile di pagine con URL non ottimizzati .

Ad esempio, una volta che un cliente ha selezionato alcuni parametri di filtraggio (ad esempio 'Colore' e 'Prezzo'), Magento genera una pagina con i risultati filtrati. La piattaforma utilizza i parametri GET per creare l'URL di questa pagina.

Di conseguenza, per una categoria filtrata, otterrai qualcosa del genere:

www.mystore.com/men/shoes.html ?color=23
www.mystore.com/women-tops.html ?size=353

Se disponi di un'estensione che ottimizza la navigazione a più livelli e consente ai clienti di selezionare due o più filtri, ciò peggiora anche la situazione, poiché otterrai una pila di URL non ottimizzati con più parametri di filtro: www.mystore.com/men/ shorts.html?color=49&price=-1000

Inoltre, questi tipi di pagina possono potenzialmente generare tonnellate di contenuti duplicati poiché i loro metadati e descrizioni vengono automaticamente copiati dalla pagina principale della categoria filtrata.

E il fatto più importante è che per impostazione predefinita, le pagine di navigazione a più livelli NON sono nascoste dall'indicizzazione . Ciò significa che possono potenzialmente peggiorare le prestazioni del posizionamento del tuo sito e ostacolarne i progressi SEO.

Alla luce di questi fatti, il primo pensiero che ti viene in mente è quello di nascondere a Google tutte le pagine di questo tipo. Sì, ha senso. Ma ci sono sempre delle alternative migliori da considerare.

Confrontiamo 2 possibili scenari SEO per un negozio del genere.

Piano A

Ottimizzazione della navigazione a strati in Magento 2 per i motori di ricerca
Come detto sopra, puoi nascondere le pagine LN dai bot dei motori di ricerca utilizzando meta robots / setting rel=canonical tags .

Professionisti

Se non hai tempo o esperienza SEO per occuparti di queste pagine, questa è la strada da percorrere. Inoltre, eliminando i filtri delle pagine di categoria, ottimizzi il processo di gestione dei prodotti: sarà più facile per te importare/esportare le categorie e i loro prodotti quando necessario.

contro

Limitando l'accesso a queste pagine, perderai l'opportunità di ottimizzarle correttamente e ottenere una porzione extra di traffico mirato.
Inoltre, trascurando le pagine dei filtri di categoria, dovrai gestire manualmente i prodotti all'interno della categoria (ad esempio quando gestisci i prodotti in vendita).

Come

Per impostazione predefinita, non c'è modo di aggiungere i meta header NOINDEX FOLLOW robots in Magento, così come impostare i tag rel=canonical per loro o aggiungerli a un file robots.txt.

Il motivo è che, immediatamente, la piattaforma non genera URL SEO-friendly per le pagine LN e semplicemente non puoi identificarli.

Quindi creare URL ben strutturati è un passaggio obbligatorio per individuare e gestire comodamente queste pagine.

Creazione di URL SEO-friendly per pagine filtro di categoria

Per aggiungere tali URL e implementare le suddette operazioni, puoi utilizzare MageWorx SEO Suite Ultimate per Magento 2.

Con l'estensione, puoi facilmente trasformare tutti gli URL delle pagine LN in questo modo. Ecco come:

  1. Vai a Negozi ⟶ Configurazione ⟶ MAGEWORX ⟶ SEO ⟶ SEO Esteso – URL SEO .
  2. Impostare Abilita per filtri LN su .
  3. Nel campo SEO LN URLs Identifier , inserisci un identificatore (o qualsiasi altra lettera/numero o loro combinazione) che sarà associato a tutte le pagine di questo tipo: nel nostro caso è ' l '.

URL SEO per pagine di navigazione a più livelli in Magento 2
Ora, tutti gli URL delle nostre pagine LN hanno il seguente aspetto: www.mystore.com/category/women-tops/l/brand:nike/color:black.html e possono essere facilmente individuati dai loro URL specifici.

Aggiunta di Meta Header Robot per pagine di navigazione a strati

Questo viene fatto anche con SEO Suite Ultimate.

Innanzitutto, è necessario impostare il numero minimo di filtri. Ciò è necessario per informare i motori di ricerca su quanto in profondità i loro crawler possono approfondire durante la scansione e quanti livelli di filtri di categoria possono indicizzare.

Dire,

  1. Vai a Stores ⟶ Configurazione ⟶ MAGEWORX ⟶ SEO Meta Robots Settings e imposta NOINDEX, FOLLOW for Category LN Pages su No .
  2. Imposta il numero richiesto di filtri che desideri indicizzare.

Ad esempio, si imposta il numero minimo di filtri su 2. In questo caso:

  • www.mystore.com/kids-clothes/boys/l/nike-hoodies/color:grey/size:m/material:cotton.html — questa pagina sarà esclusa da Google Index, in quanto generata da 4 filtri
  • www.mystore.com/eyewear/l/brand:rayben/genger:men.html – e questo verrà indicizzato, poiché è stato filtrato in base a 2 criteri.

Al termine, rimani in queste impostazioni. Da qui potrai:

  • imposta NOINDEX FOLLOW Robots Meta Header per tutte le pagine LN,
  • o aggiungi meta robot specifici per qualsiasi combinazione di filtri LN.

Segui i passi:

  1. Vai a Negozi ⟶ Configurazione ⟶ MAGEWORX ⟶ SEO . Vai alla scheda Base SEO ⟶ Meta Robot .
  2. Imposta la Meta Header di NOINDEX FOLLOW Robots per TUTTE le pagine filtrate di categoria : seleziona dal menu a discesa.
  3. Aggiungi meta robot per combinazioni di filtri specifiche se desideri mantenere alcune pagine LN scansionate e indicizzate e limitare l'accesso alle altre (ad es. index,follow: color,brand: consente a Google di eseguire la scansione delle pagine filtrate dagli attributi colore+marca ignorando il gli altri).

Impostazione di meta robot per le pagine filtrate con navigazione a più livelli in Magento 2 Si noti che questa impostazione ha una priorità maggiore rispetto al numero minimo di filtri.

Significa che se imposti il ​​numero di filtri NOINDEX LN su '0' e aggiungi "index,follow:color" in questo campo, l'estensione sovrascriverà l'impostazione del conteggio dei filtri e aggiungerà l'intestazione INDEX, FOLLOW Meta Robots per le pagine LN filtrate per 'colore'.

Aggiunta di rel=Canonical per i cercapersone con filtro di categoria

In alternativa, puoi dire a Google che le tue pagine LN e le pagine delle categorie sono in realtà la stessa cosa.

Questo può essere fatto con l'aiuto del tag rel=canonical. Può informare Google che le tue pagine LN rappresentano la copia principale di:

  • la categoria attuale,
  • la pagina filtrata mirata (es. brand).

Se selezioni la prima opzione, Google non indicizzerà le pagine dei filtri di categoria. Mentre se si opta per quest'ultima, il motore di ricerca indicizzerà tutte le pagine filtrate dall'attributo specificato.

Ad esempio, se l'opzione Pagina filtrata è abilitata, quando gli acquirenti filtrano i prodotti in base al tipo di tessuto colorato, il tag canonico guiderà Google a /apparel/l/color:red/cloth-type:silk.html.

Per applicare il tag rel=canonical:

1. Vai a Negozi ⟶ Configurazione ⟶ MAGEWORX ⟶ SEO ⟶ Impostazioni URL canonici .
2. Passa a queste impostazioni e scegli l'opzione preferita:

Rel=canonical per le pagine filtrate con navigazione a strati in Magento 2

Tieni presente che puoi sovrascrivere questa impostazione separatamente per ogni attributo del prodotto. Questo può essere nelle impostazioni "Tag canonico per pagine filtrate da livelli di navigazione a" che si trovano in NEGOZI ⟶ Attributi ⟶ Prodotto ⟶ Attributo ⟶ Proprietà frontend .

Questo è tutto!

Uff! Stanco?

Non preoccuparti, siamo a metà!

Piano B

Ottimizzazione della navigazione a più livelli in Magento 2 per i visitatori del sito

Se sei tosto, forte e senza paura, puoi fare uno sforzo in più e trasformare le pagine LN in pagine (quasi) regolari e completamente ottimizzate .

Ciò può essere fatto aggiungendo i titoli di pagina, le parole chiave, le descrizioni, il contenuto univoci .

Vediamo come possiamo realizzarlo sull'esempio del nostro negozio online che vende vestiti a Minneapolis.

Professionisti

Questo approccio può essere utile per te in vari modi:

  • se non ci sono sottocategorie nel tuo negozio, le pagine dei filtri di categoria possono svolgere correttamente il loro ruolo,
  • queste pagine possono essere completamente ottimizzate per la coda lunga o per qualsiasi query di ricerca specifica ; in questo modo, gli acquirenti che cercano " sneakers New Balance nere da donna, taglia 35 " atterreranno su una pagina con risultati altamente rilevanti,
  • se ottimizzate, queste pagine possono estendere e rafforzare l'architettura del tuo sito,
  • Le pagine LP vengono aggiornate automaticamente insieme alle modifiche agli attributi del prodotto.

contro

Fare SEO per queste pagine richiederà tempo e sforzi extra. Inoltre, se decidi di importare/esportare dati da queste pagine, sarà piuttosto problematico.

Come

Questo è ciò che si può fare per rendere le pagine filtrate con la navigazione a strati tra i preferiti di Google.

Poiché la funzionalità predefinita della piattaforma non ha la funzionalità richiesta, dovrai ricorrere ad alcune soluzioni di terze parti.

Se hai già installato SEO Suite Ultimate, continua a lavorarci: l'estensione ha tutti gli strumenti per ottimizzare con successo le pagine dei filtri di categoria.

Meta modelli SEO per Magento 2

Se non disponi di alcuna estensione SEO per Magento 2, potresti prendere in considerazione un'app semplice ma molto utile per ottimizzare grandi quantità di metadati per qualsiasi tipo di pagina: SEO Meta Templates di MageWorx.

Fare clic qui per installare il componente aggiuntivo.

Una volta installata una delle istanze sopra menzionate, vai su Marketing ⟶ MageWorx SEO Templates ⟶ Category Filter Templates .

Questo è il luogo in cui potrai generare rapidamente metadati ( meta titolo, descrizione e parole chiave ) per ogni pagina filtrata e ottimizzare la descrizione del negozio .

L'estensione ti consente di creare modelli avanzati che ti consentono di ottimizzare in massa questi importanti elementi della pagina nel modo più SEO-friendly.

Innanzitutto, seleziona per cosa creare un modello.

Modelli SEO per pagine di navigazione a più livelli in Magento 2 Una volta selezionato da un utente sul frontend, questo attributo attiverà la creazione di una pagina LN e questo modello verrà applicato automaticamente per ottimizzarla.

Inoltre, da qui, puoi selezionare la visualizzazione del negozio per cui funzionerà questo modello.

Nel passaggio successivo, seleziona il tipo di assegnazione . Ciascun modello può essere utilizzato sia per tutte le categorie che solo per quelle selezionate (per selezionarle, passare alla scheda Categorie nel menu di sinistra).

Inoltre, da qui, puoi aggiungere il nome del modello (per identificarlo successivamente nell'elenco di tutti i modelli).

Selezione delle categorie nei modelli SEO per le pagine di navigazione a più livelli in Magento

Si noti che esiste una sola combinazione Tipo di modello – Visualizzazione negozio – Categoria – Attributo disponibile per la categoria di destinazione.

Le categorie assegnate a modelli diversi con le stesse condizioni verranno visualizzate come Disabilitate nell'albero delle categorie.

Selezione delle categorie nei modelli SEO per le pagine di navigazione a più livelli in Magento Quindi, aggiungi una regola modello .

L'aggiunta è la parte molto importante del processo, poiché definisce come apparirà la descrizione del negozio di meta elementi scelta.

Ad esempio, per aggiungere una meta descrizione come questa: Acquista scarpe Nike, collezione estate 2018 nel Best Shoes Store per $ 300 a Minneapolis ', devi:

  1. aggiungi una parola introduttiva Acquista, Acquista, Ordina . Nota che puoi aggiungere un numero di sinonimi e utilizzare il randomizer (||) tra/tra di essi. Con questa funzione, l'estensione raccoglierà automaticamente in modo casuale uno dei sinonimi inseriti. Questo approccio può essere utilizzato per le altre variabili del modello, ad esempio: [-parameters:||-filters: {filter_all}]. Il numero di blocchi randomizzatori non è limitato all'interno del modello.
  2. aggiungi le variabili per [marca] [collezione] [nome negozio] [prezzo] [posizione].

In alcuni casi, puoi affrontare una sfida quando i valori degli attributi non sono popolati.

La soluzione rapida consiste nell'utilizzare la struttura [attributo1|attributo2|attributo3|…].

Nel lavoro in questo modo. Supponiamo che tu abbia una struttura come [produttore|marchio]. Se si utilizza la struttura sopra menzionata nella regola del modello, l'estensione verificherà il primo valore dell'attributo e se non è disponibile il secondo, il terzo e così via fino a trovare l'opzione più adatta.

La struttura [prefix {attribute} suffix] può essere utilizzata nel caso in cui il prodotto abbia qualche attributo.

Acquista [awesome {color}] [model] per solo [price] significa che questa struttura verrà trasformata in "Compra Sketchers On-the-GO"
Oppure "Compra questi fantastici Sketchers neri in movimento per soli $ 99" se il prodotto ha l'attributo [colore].

Di seguito è riportato l'elenco delle variabili di modello statiche e dinamiche:

Variabili nei modelli SEO per pagine di navigazione a più livelli in Magento

Inoltre, in queste impostazioni, puoi anche scegliere di applicare questi modelli ai filtri di tutte le categorie o solo a quelli con i valori Vuoti .

Inoltre, puoi impostare l'applicazione automatica di questo modello con Magento Cron .

Ottimizzazione dei modelli SEO di navigazione a più livelli in Magento 2 Questo è fondamentalmente.

Ora vai su MageWorx SEO Templates ⟶ Category Filter Templates e gestisci (testa, applica, modifica, elimina) tutti i tuoi modelli creati lì.

Gestione dei modelli SEO di navigazione a più livelli in Magento 2
IMPORTANTE

Secondo le migliori pratiche SEO, in genere si consiglia di ottimizzare un filtro attributo LN alla volta .

Ad esempio, se hai una pagina di categoria con più attributi, ad esempio marca, modello, colore, materiale, prezzo. Quando un cliente li seleziona tutti, otterrai una pagina così filtrata: /l/brand:new=balance/model:sport-g/color:white/material:genuine-leather/price:299.html ).

Pagine come questa funzioneranno meglio in SEO se ottimizzate per il suo attributo principale (marchio New Balance in questo caso).

Con l'estensione, è anche possibile specificare la priorità per diversi attributi di navigazione a più livelli . In questo modo, se lo stesso modello è associato a un numero di attributi diversi, l'estensione prenderà quello che ha la priorità maggiore.

Per impostare la priorità dell'attributo, disabilita prima l'opzione abilitata per impostazione predefinita "Utilizza dati SEO per un filtro singolo" in Negozi ⟶ Configurazione ⟶ MAGEWORX ⟶ SEO ⟶ SEO esteso.

Scelta del filtro da ottimizzare nei modelli SEO di navigazione a più livelli per Magento 2
E ora, vai su Negozi⟶ Attributi ⟶ Prodotto e specifica la posizione (più grande è la posizione, minore è la sua priorità).

Linea di fondo

Come puoi vedere, il processo di ottimizzazione delle pagine filtrate dalla navigazione a più livelli non è così semplice.

Ma ne vale sicuramente la pena! Invece di una pila di pagine inutilizzabili che fanno rumore sul tuo sito, puoi ottenere un sacco di unità di siti Web ben strutturate e SEO. Tutto ciò che serve per raggiungere questo obiettivo è un piano dettagliato e gli strumenti giusti .

* * * * *

Hai qualche esperienza nell'ottimizzazione delle pagine dei filtri di categoria? Sentiti libero di condividere la tua esperienza nella sezione commenti qui sotto.