Quali sono i breadcrumb e qualche consiglio su come mostrarli nelle tue pagine

In che modo una parola come breadcrumb può avere qualcosa a che fare con il tuo sito Web e le pagine di destinazione? Ma ti è mai stata raccontata la favola di Hensel e Gretel quando eri bambino? Ricordi come usavano le briciole di pane per segnare il percorso che stavano facendo in modo da poter ritrovare la strada di casa? Se avete sentito parlare della storia, allora vi sarà più facile capire quali sono le briciole di pane di cui parleremo oggi. E una volta che impari il significato dietro il termine, non sarà così difficile incorporarlo nelle tue pagine. Come esperti di WordPress, siamo qui per condividere le nostre conoscenze.

Per prima cosa: cosa sono le briciole di pane?

La navigazione breadcrumb è un modo utile per i visitatori del tuo sito Web di visualizzare la loro posizione sul tuo sito Web e rende più facile per loro trovare pagine di destinazione ad alto impatto. Rende più semplice per i tuoi lettori spostarsi all'interno del tuo sito Web, il che è particolarmente utile se il tuo sito Web ha una struttura complessa . Tenendo conto del fatto che i breadcrumb occupano solo una linea nel design, è chiaro che il loro contributo al tuo sito web può essere immenso.

Di solito, la barra di navigazione breadcrumb appare come collegamenti di testo che sono orizzontali. In quanto tale, aiuta gli utenti a trovare risposte a molte domande, come ad esempio quale posizione si trovano rispetto all'intero sito, come trovare sezioni e pagine diverse e quali prodotti/servizi potrebbero essere di loro interesse (questo è particolarmente vero se avere un negozio online sul tuo sito Web WP o avere un sito di e-commerce.)

Per darti un esempio di come funziona, immagina di digitare il nome di un libro su Amazon. Non sei completamente soddisfatto del risultato ottenuto, ma invece di chiudere la pagina, puoi seguire il link ad un altro libro o intero genere che viene offerto nel breadcrumb. In questo modo, puoi esplorare gli elementi correlati semplicemente seguendo i suggerimenti forniti nei breadcrumb. Sapere quali sono le briciole di pane non è abbastanza, non se non conosci i tre tipi che esistono.

I tre tipi di pangrattato

• Pangrattato basato sulla posizione. Questi breadcrumb sono di gran lunga i più comuni. Sono anche chiamati breadcrumb basati sulla gerarchia poiché il loro scopo è rappresentare la struttura della pagina, oltre ad aiutare gli utenti a comprendere la gerarchia del tuo sito in modo che possano esplorarlo con maggiore facilità.
• Pangrattato basato sugli attributi. Questi breadcrumb fungono da collegamento tra diversi prodotti spiegando la loro relazione. Mostreranno i risultati in base all'elenco di attributi selezionati da una persona. Ciò accade quando si utilizzano filtri su un sito Web, ad esempio.
• Pangrattato basato sulla storia . Questi breadcrumb sono di gran lunga i meno popolari in quanto il loro scopo e la loro funzione possono essere sostituiti facendo clic sul pulsante "Indietro". Il loro scopo è mostrarti il ​​percorso che hai intrapreso dal momento in cui hai aperto il sito.

Sappi che non è così raro vedere siti Web che combinano due o più tipi di breadcrumb. Questa è una pratica che spesso seguono anche le aziende di maggior successo che hanno siti Web WP. Ok, ora hai una completa familiarità con il concetto di breadcrumb. È il momento giusto per alcuni buoni consigli su come puoi e dovresti mostrarli nelle tue pagine.

C'è bisogno che tu usi il pangrattato?

All'inizio del testo, ci siamo posti una domanda molto semplice: cosa sono le briciole di pane? Ora conosciamo la risposta, ma alcune persone potrebbero non essere sicure di averne assolutamente bisogno. Mettiamola in questo modo: se il tuo sito è semplice e senza una gerarchia complessa, non ha senso utilizzare i breadcrumb . Perché dovresti averne bisogno se tutto ciò che il tuo sito contiene è la home page, la pagina dei contatti e alcune landing page? Anche i breadcrumb non sono necessari se hai pagine di livello inferiore a cui è possibile accedere da diverse pagine di destinazione. Dovresti sempre tenere a mente che l'obiettivo dei breadcrumb è aiutare i tuoi utenti, non confonderli.

Le briciole di pane non dovrebbero essere troppo evidenti

Dovresti sempre tenere a mente il fatto che la navigazione breadcrumb è lì per aiutare i tuoi utenti. Pertanto, non dovrebbe essere evidente a meno che un utente non lo stia cercando. Ecco perché non dovresti mai aggiungere testo non necessario nella tua navigazione breadcrumb . Ciò creerebbe solo un aspetto disordinato che è l'esatto opposto di ciò a cui stai mirando. Vuoi ottenere un aspetto pulito e attraente.

Anche un buon design è obbligatorio

Se dovessi seguire il tradizionale percorso breadcrumb, che assomiglia a questo Home > Chi siamo > Carriere , potresti prendere una decisione buona o cattiva, dipende dal tuo sito. Ma non c'è assolutamente bisogno di seguire il design tradizionale se pensi che un altro si adatti meglio allo stile del tuo sito web. Puoi usare simboli diversi, testo diverso, colori diversi. Devi solo scegliere!

Guarda la dimensione del pangrattato

Di solito, i siti Web hanno una barra di navigazione principale e breadcrumb. E uno dei più grandi errori commessi dai proprietari di siti Web è rendere i breadcrumb tanto importanti quanto la barra di navigazione principale. Ecco perché è molto importante guardare non solo il design e l'aspetto dei breadcrumb, ma anche le loro dimensioni. Devi ricordare che la modestia è la chiave qui!

Come puoi aggiungere questo strumento di navigazione al tuo sito Web WordPress?

• Plugin Yoast SEO .

Potrebbe sembrare che aggiungere breadcrumb al tuo sito web sarà una cosa molto difficile da fare. Ma di solito non è così. Per cominciare, tutti voi che state già utilizzando il plug-in Yoast SEO non devono preoccuparsi di nulla: la funzionalità breadcrumbs viene fornita con questo plug-in super utile . Inoltre, una volta che le persone optano per questo strumento di navigazione, di solito lo aggiungono tramite Yoast. È uno dei metodi più preferibili là fuori perché offre un carico di diverse opzioni di funzionalità, tutte di cui puoi trarre grandi benefici!

Per aggiungere la funzionalità breadcrumb tramite Yoast, la prima cosa che devi fare è installare e attivare il plugin. Quindi procedi ad aggiungere lo snippet di codice breadcrumbs al tuo tema e quindi configura breadcrumb nelle impostazioni del plug-in. Basta attivare l'opzione "abilitato" e configurare le impostazioni e l'aspetto in base alle proprie esigenze . Così semplice.

• Breadcrumb NavXT .

C'è un altro plugin fantastico ma semplice che può essere utilizzato per aggiungere breadcrumb: Breadcrumb NavXT. Il primo passo è, ovviamente, l'installazione e l'attivazione. Ma per far apparire questo strumento di navigazione sul tuo sito web, puoi utilizzare il widget integrato nelle impostazioni del widget . Vai alla dashboard e poi su Aspetto > Widget. Trascina e rilascia il widget nell'area del widget che scegli e aggiorna le impostazioni.

E perché esattamente dovresti scegliere Breadcrumb NavXT? Perché ha alcune opzioni avanzate per la configurazione. Puoi personalizzare un intero modello per diverse tassonomie e non si sa quasi cos'altro puoi fare. E, naturalmente, perché è semplicissimo da installare e attivare, il che è sempre un vantaggio.

Hai imparato tutto quello che dovevi sapere?

Finché ricordi quali sono i breadcrumb e qual è il loro scopo, sei pronto per incorporarli nel tuo sito web. Solo stai attento! Il modo in cui li mostri nelle tue pagine è importante perché non vuoi che siano troppo ovvi o mal progettati. Invece, sentiti libero di essere creativo e adattarli al tuo sito web in un modo che sembrerà bello e consentirà ai tuoi visitatori di avere un momento più facile per manovrare il tuo sito web. Buona fortuna!