Indice:

  1. Cosa sono le breadcrumbs di un sito web?
  2. 3 tipi di breadcrumbs
  3. 5 vantaggi dell’utilizzo di breadcrumbs
  4. I 4 migliori plugin per breadcrumbs su WordPress nel 2021

Cosa sono le breadcrumbs del sito web?

Le breadcrumbs di un sito web sono piccole linee di testo che dicono all’utente dove si trova in un sito web, oltre ad aumentare l’usabilità e la funzionalità di un sito.

Fondamentalmente, la navigazione breadcrumb è una navigazione passo dopo passo. Un breadcrumb ti mostra il passo precedente che hai fatto. In questo modo si è sempre in grado di ritrovare la strada da dove si è partiti. Come Hansel e Gretel nella fiaba, sul tuo sito web sono posizionati piccoli “pezzi di pane” in modo che l’utente sia in grado di rintracciare il percorso della storia. Semplicemente seguendo i pezzi indietro si è in grado di trovare il luogo da cui si è partiti. Le breadcrumbs di un sito web indicano il percorso tra la pagina corrente e la homepage.

Di solito si trovano nella parte superiore di una pagina web e ogni passo del percorso è cliccabile. Questo rende facile per gli utenti vedere dove si trovano nella gerarchia di un sito, così come navigare verso pagine di livello superiore se scelgono di farlo.

Un altro posto in cui appaiono le briciole del sito web è nei risultati di ricerca di Google, dove danno agli utenti un’idea di dove si trova una pagina all’interno del tuo sito, il che può rendere il tuo contenuto più attraente. Non solo sono utili per gli utenti, ma le breadcrumbs nei risultati di ricerca sono un ottimo posto per evidenziare parole chiave importanti e aggiungere rilevanza alle tue pagine.

3 tipi di breadcrumbs

1. Breadcrumbs basate sulla posizione

Le breadcrumbs basate sulla posizione sono probabilmente il tipo più comune di navigazione con breadcrumbs, sono visualizzate nella barra orizzontale nella parte superiore di una pagina e dicono agli utenti del sito quante pagine ci sono tra loro e la homepage.

Le breadcrumbs basate sulla posizione presentano agli utenti collegamenti testuali a pagine o categorie di livello superiore rispetto alla pagina corrente in cui si trovano. Le pagine che precedono la pagina corrente nel percorso delle breadcrumbs sono tipicamente indicate come categorie madri.

2. Breadcrumbs basate sugli attributi

Le breadcrumbs basate sugli attributi forniscono informazioni che categorizzano la pagina corrente. Indicano gli attributi o le categorie assegnate a una pagina. Questi tipi di breadcrumbs sono popolari sui siti di e-commerce che aiutano gli utenti a vagliare i risultati.

Se stai guardando un elenco di computer in vendita, un portatile cadrebbe sotto quella categoria, ma saresti anche in grado di filtrare per attributi come la marca e l’anno del modello. Lo stesso vale per chi cerca abbigliamento. Potresti volere una camicia, ma probabilmente la classificherai usando attributi come sesso, taglia e colore.

3. Breadcrumbs basato sul percorso (history - based breadcrumbs)

Le breadcrumbs basate sul percorso sono il tipo meno comune di navigazione breadcrumb. Sono anche conosciute come breadcrumbs basate sulla storia e mostrano tutte le pagine che un utente ha visitato in un sito.

Queste indicano i passi specifici compiuti all’interno di un sito per arrivare alla pagina corrente. Dato che la maggior parte degli utenti di internet cerca qualcosa di specifico quando cerca ciò di cui ha bisogno, è raro che qualcuno cerchi nativamente un sito web e clicchi su diverse pagine per trovare ciò che sta cercando.

5 vantaggi dell’utilizzo di breadcumbs

1. Le breadcrumbs sono utili per il SEO

La ragione numero uno per cui è una buona pratica aggiungere breadcrumbs al tuo sito web è che facilita I motori di ricerca, il che è ottimo per scopi SEO. Quando aggiungi le breadcrumbs, rafforzi e migliori la struttura di collegamento interno del tuo sito web. Le breadcrumbs sono link interni, più link interni ha una pagina e meglio si posizionerà. I crawler dei motori di ricerca sono in grado di navigare e scansionare più facilmente il tuo sito utilizzando le breadcrumbs.

Non solo sono utili per mostrare ai motori di ricerca come è impostato il vostro sito, ma come abbiamo detto sopra, le breadcrumbs hanno la possibilità di essere visualizzate nei risultati dei motori di ricerca. Quando le breadcrumbs sono incluse nei risultati di ricerca, è più probabile che catturino l’attenzione dell’utente e lo portino a cliccare sulla tua pagina.

2. Migliorano l'usabilità del sito

Oltre a migliorare i tuoi risultati nei motori di ricerca, le breadcrumbs rendono anche il tuo sito più facile da usare e da navigare per i visitatori. Molti visitatori possono scegliere di ignorare le breadcrumbs, ma quelli che hanno familiarità con esse dovrebbero trovare facile navigare nel tuo sito e trovare ciò di cui hanno bisogno.
Aggiungendo le breadcrumbs al tuo sito, migliori la reperibilità e aiuti i visitatori a completare i compiti più velocemente.
In ogni momento sai dove ti trovi nel sito. Sui piccoli siti web questo non è così difficile ma sui grandi blog è molto utile.

3. Riducono il bounce rate delle pagine

Un altro vantaggio di avere le breadcrumbs su un sito web è che possono ridurre le percentuali di rimbalzo aumentando la quantità di tempo che gli utenti trascorrono sul tuo sito. Con le breadcrumbs, hai dato agli utenti la possibilità di vedere ed esplorare facilmente gli elementi di livello superiore della navigazione.

4. Non sprecano spazio prezioso

Poiché le breadcrumbs sono in genere in un piccolo carattere nella parte superiore della pagina, non aumentano i tempi di caricamento della pagina o occupano spazio prezioso che potrebbe essere utilizzato per altri contenuti.
Visto che quasi il 50% degli utenti internet si aspetta che una pagina si carichi in due secondi o meno, mantenere tempi di caricamento veloci può essere estremamente utile per raggiungere i tuoi utenti finali.

5. Sono facili da aggiungere

Proprio così, non solo sono utili, le breadcrumbs sono facili da aggiungere al vostro sito. Ci sono diversi plugin per WordPress che rendono l’aggiunta di breadcrumbs un processo semplice e veloce.
Le breadcrumbs sono una funzione di navigazione estremamente utile che migliora l’esperienza degli utenti sul tuo sito e li incoraggia a rimanere più a lungo. Per quelli con siti web complessi, le breadcrumbs sono un must.

Come posso aggiungere le breadcrumbs al mio sito web?

Ci sono diversi modi per aggiungere le breadcrumbs al tuo sito web, blog o webshop. In questo momento parleremo solo del software open source WordPress. Questo è il software che vi raccomandiamo veramente e non richiederà molte conoscenze per farlo funzionare.
Utilizzando un plugin per le breadcrumbs puoi risparmiarti un sacco di tempo per attivare le breadcrumbs.
Semplicemente aggiungendo un nuovo plugin nella tua dashboard e attivandolo, puoi seguire la configurazione e avere il tuo plugin attivato prima che tu lo sappia. Questo dovrebbe essere molto semplice da fare.

I 4 migliori plugin per breadcrumbs su WordPress nel 2021

  1. Breadcrumb
  2. YOAST SEO
  3. Woo Commerce Breadcrumb
  4. Rank Math

1. Breadcrumb

Breadcrumb è un plug in facile da usare e uno dei migliori che puoi scegliere, non influisce troppo sulla velocità della pagina.

È possibile personalizzarlo facilmente con lo stile del tuo sito web. Funziona quasi su tutte le pagine del vostro WordPress. Il plugin può essere utilizzato all’interno dei template dei temi, grazie agli hook e ai filtri del plugin.

Caratteristiche:

  • Visualizza breadcrumbs ovunque grazie all’uso di codici brevi.

  • Visualizza breadcrumbs su tutte le pagine.

  • Font personalizzato.

  • Tex separatore personalizzato in modo che corrisponda al tuo tema.

  • Nascondi il testo “home”.

  • Le pagine degli archivi possono essere nascoste.

  • Nascondi le breadcrumbs in base all’ID del post.

Prezzi: 

La versione premium di Breadcrumb è disponibile in tre piani

  • $9 per una licenza per un singolo sito per un anno
  • $39 per fino a 10 siti per un anno
  • $69 per un uso illimitato per un anno

2. YOAST

YOAST SEO è un plug-in che è stato progettato per l’ottimizzazione dei motori di ricerca. All’interno delle impostazioni è possibile attivare le breadcrumbs nel tuo sito web. Fornisce una buona panoramica ai motori di ricerca su come è costruito il vostro sito. Il plugin offre un buon controllo su come le breadcrumbs sono implementate sul tuo sito web.

Caratteristiche:

  • Mostrerà le breadcrumbs anche nelle pagine di ricerca. Yoast SEO supporta una vasta gamma di schemi in modo che i motori di ricerca abbiano un’idea chiara di cosa sia il vostro sito web.
  • Controllo sull’aspetto delle breadcrumbs: Il plugin ti permette di impostare le breadcrumbs proprio come desideri cambiando l’aspetto, il separatore e le impostazioni correlate.

Per impostare le breadcrumbs, vai a SEO ” Aspetto di ricerca ” Breadcrumbs. Attiva il toggle per impostare le breadcrumbs. Una volta che sei passato attraverso le impostazioni, clicca su Save changes per finalizzare le impostazioni.

Prezzi:
Yoast SEO plugin costa $89 e viene fornito con un anno di supporto e aggiornamenti gratuiti.

3. Plugin Woo Commerce Breadcrumbs

Questo è un plugin WordPress molto semplice di base progettato per il restyling di Woo Commerce Breadcrumbs, cambia l’HTML intorno al tuo Breadcrumbs e non lo stile.

Questo plugin ha lo scopo di fare un solo lavoro: aiutare il restyling delle breadcrumbs di default di WooCommerce. Con questo plugin, è possibile disattivare facilmente la visualizzazione delle breadcrumbs su qualsiasi pagina, migliora le opzioni disponibili per le breadcrumbs di WooCommerce e puoi formattarle nel modo che preferisci.

Per utilizzare il plugin, basta installarlo e attivarlo. Successivamente, andate su Settings WC Breadcrumbs e impostate le opzioni come meglio credete.

Caratteristiche:

  • Controllo HTML: Usa il plugin per modificare il template HTML per un migliore posizionamento e stile delle breadcrumbs.
  • Controllo completo sulle breadcrumbs: Il plugin ti permette di cambiare il separatore e le relative impostazioni.

Prezzi: Il plugin è disponibile gratuitamente.

4. RANK MATH

RankMath è un plugin relativamente nuovo che è riuscito a costruire una buona comunità di utenti. Questo plugin permette anche di impostare le breadcrumbs sul tuo sito web.

Il processo di impostazione delle breadcrumbs è semplice. Vai a RankMath ” Impostazioni generali ” Breadcrumbs. Attiva il toggle per impostare le breadcrumbs. Puoi mettere a punto il modo in cui le breadcrumbs appaiono sul tuo sito web andando attraverso le impostazioni per le breadcrumbs.

Successivamente, assicurati che le breadcrumbs siano visibili sul tuo sito copiando il codice breve nell’editor di testo della tua pagina o dove desideri visualizzarle.

Caratteristiche:

  • Ottimizza il design delle breadcrumbs: RankMath ti permette di impostare come i visitatori vedono e interagiscono con le breadcrumbs.
  • Integrazione con Elementor Page Builder: Grazie al suo supporto per Elementor, devi solo aggiungere il widget delle breadcrumbs, e RankMath popolerà automaticamente il widget con le breadcrumbs della pagina.

Prezzi:

RankMath offre due piani a pagamento principali

  • PRO per $59+tasse e viene fornito con la possibilità di tracciare 500 parole chiave
  • BUSINESS per $199+tasse e viene fornito con l’opzione di tracciare 10.000 parole chiave

In questo articolo ti ho mostrato cosa si intende per breadcrumbs e come impostarli sul tuo sito. Se hai bisogno di un consiglio contattami qui.

Un saluto.
Irina