Come aggiungere la navigazione breadcrumb in WordPress

Un modo efficace per migliorare la tua esperienza utente è aiutare il tuo pubblico a navigare più facilmente nel tuo sito web. Breadcrumb Navigation è un potente strumento che può migliorare il modo in cui le persone interagiscono con i tuoi contenuti.

È un modo per gli utenti di sapere dove si trovano in relazione alla tua home page. Quando aggiungi la navigazione breadcrumb al tuo sito web, appare anche nei risultati di ricerca, creando un collegamento più accattivante che genererà più clic sui motori di ricerca.

In questo post, condividerò come puoi facilmente visualizzare i collegamenti di navigazione breadcrumb sul tuo sito Web WordPress. Immergiamoci!

Che cos'è la navigazione breadcrumb?

Conosciamo tutti la storia di Hansel e Gretel e di come i bambini hanno tracciato un sentiero di briciole di pane in modo che potessero ritrovare la strada di casa.

L'idea della navigazione breadcrumb funziona allo stesso modo.

I breadcrumb sui siti Web sono una scia di collegamenti che ti mostrano in quale pagina ti trovi in ​​relazione alla home page. È un menu di navigazione gerarchico separato dal menu principale.

Se impostato correttamente, apparirà sulle tue pagine web e anche sulla pagina dei risultati di ricerca di Google.

Perché aggiungere la navigazione breadcrumb?

Sei mai arrivato sulla pagina di un prodotto e volevi vedere cos'altro c'è nella stessa categoria?

La navigazione breadcrumb consente alle persone di spostarsi su una catena gerarchica di collegamenti. Invece di andare alla home page, quindi cercare la categoria di prodotti, quindi fare clic sulle sottocategorie, un utente può semplicemente fare clic sul collegamento breadcrumb e andare dove vuole.

È un ulteriore modo utile per gli utenti di spostarsi nel tuo sito e trovare ciò di cui hanno bisogno.

Un potente vantaggio aggiuntivo è che aiuta anche i motori di ricerca a comprendere la struttura e la gerarchia del tuo sito web. Più il tuo sito appare strutturato e facile da usare, maggiori sono le tue possibilità di salire nelle classifiche.

I collegamenti breadcrumb vengono visualizzati anche quando Google visualizza una serie di risultati. Fa risaltare il tuo sito Web in una serie di risultati e aumenta la percentuale di clic.

Come aggiungere la navigazione breadcrumb al tuo sito WordPress

Andiamo al sodo! Hai imparato cosa sono i breadcrumb e perché sono importanti.

Ora, questo post illustrerà il modo migliore per aggiungere breadcrumb in modo che appaiano e funzionino correttamente sul tuo sito WordPress.

Tutti i suggerimenti in questo post ti aiuteranno a configurare la navigazione breadcrumb con il markup dello schema. Schema si riferisce al codice che aiuta i motori di ricerca come Google a sapere facilmente di cosa tratta il contenuto del tuo sito web.

Hai mai visto risultati di ricerca per ricette in cui dettagli come tempo di cottura, valutazioni, cucine e altro vengono visualizzati con un collegamento a un sito Web? Questo è un esempio di markup dello schema in azione, che crea quello che viene chiamato rich snippet. Aiuta anche a visualizzare i breadcrumb quando un sito Web viene visualizzato nei risultati di ricerca.

I seguenti sono alcuni dei modi più semplici e veloci per aggiungere breadcrumb al tuo sito.

Usa un plugin SEO per WordPress

Il modo più semplice per aggiungere la navigazione breadcrumb è utilizzare il plug-in AOSEO.

All in One SEO o il plug-in AOSEO è uno dei migliori plug-in WordPress per aumentare la SEO del tuo sito web. Include breadcrumb come funzionalità per aiutarti a rendere il tuo sito web facile da navigare.

Puoi anche considerare di optare per una versione premium in futuro per ottenere più funzionalità, ma iniziare con la versione gratuita ti fornirà una solida conoscenza delle basi. Per prima cosa, scarica e attiva il tuo plugin AOSEO.

Dopo averlo attivato, segui la procedura guidata di configurazione iniziale del plug-in. È quindi necessario visitare la pagina Impostazioni generali dal plug-in All in One SEO sulla dashboard.

Ora che sei nella pagina Impostazioni generali, fai clic sulla scheda Breadcrumbs.

Quando aggiungi AIOSEO per la prima volta ed esegui l'installazione, il plug-in aggiunge automaticamente lo schema breadcrumb al codice del tuo sito.

Per visualizzare i link di navigazione breadcrumb per i tuoi utenti, attiva Abilita breadcrumb . Sarai quindi in grado di mettere a punto come appariranno i tuoi breadcrumb sul tuo sito.

Esistono quattro modi diversi per visualizzare la navigazione breadcrumb sul tuo sito WordPress.

Sono:

1. Aggiunta della navigazione breadcrumb con shortcode
2. Usando il blocco Gutenberg
3. Aggiunta di un widget
4. Aggiunta del codice di navigazione breadcrumb

Analizzeremo rapidamente come utilizzare ciascuna di queste opzioni in modo da poter lavorare con quella più adatta alle tue esigenze.

1. Usa lo shortcode per aggiungere la navigazione breadcrumb

Se vuoi aggiungere la navigazione breadcrumb con uno shortcode sulla tua pagina o sul tuo post, tutto ciò che devi fare è aggiungere il seguente codice nella pagina.

 [aioseo_breadcrumbs]

Questo piccolo pezzo di codice verrà automaticamente convertito nel blocco shortcode.

Salva e visualizza in anteprima il tuo post per vedere come appare. L'immagine seguente mostra come verrà visualizzato il tuo shortcode breadcrumb sul front-end del tuo sito WordPress.

2. Aggiungi la navigazione breadcrumb con il blocco Gutenberg

Il plug-in AIOSEO ti consente di inserire semplicemente un blog Gutenberg e aggiungere collegamenti breadcrumb.

Crea un nuovo post o pagina e fai clic sul pulsante per aggiungere un blocco. Cerca AIOSEO – Breadcrumbs e cliccaci sopra. La tua navigazione breadcrumb apparirà sulla tua pagina. Proprio così!

3. Inserisci la navigazione breadcrumb utilizzando un widget

Vuoi visualizzare automaticamente i breadcrumb per tutti i tuoi post o pagine?

Per fare ciò, usa l'opzione widget. Tutto quello che devi fare è andare su Aspetto »Widget sulla tua dashboard. Quindi aggiungi il widget "AIOSEO - Breadcrumbs" alla barra laterale.

Aggiungi un nuovo titolo o lascia vuoto il campo, quindi premi "Salva". Ora quando vai al tuo sito web, vedrai la navigazione breadcrumb su tutti i tuoi post e pagine che hanno una barra laterale.

4. Aggiungi la navigazione breadcrumb con il codice

Con questo metodo, hai molto più controllo su dove appare la tua navigazione breadcrumb. Tuttavia, per farlo dovrai aggiungere codice ai file del tema del tuo sito WordPress.

Se hai una certa esperienza con la gestione di WordPress e la codifica, puoi provare questa opzione.

Per prima cosa, decidi dove vuoi che appaiano i tuoi link breadcrumb. Dovrai aggiungere codice ai file modello del tuo tema WordPress.

Quindi, in base a dove vuoi mettere la tua navigazione breadcrumb, dovrai scegliere il file modello giusto per inserire il tuo codice.

Questo cheat sheet ti aiuterà a capire quali file modificare nel tuo tema WordPress.

Quindi, modifica il file del tema utilizzando un client FTP. Aggiungi questo codice nel punto in cui desideri visualizzare i collegamenti di navigazione breadcrumb.

 <?php if( function_exists( 'aioseo_breadcrumbs' ) ) aioseo_breadcrumbs(); ?>

Ricordati di salvare le modifiche e tornare al tuo sito web per vedere come appare.

Conclusione

Questo è tutto ciò di cui hai bisogno per trovare il modo migliore per aggiungere la navigazione breadcrumb al tuo sito WordPress.

Con AIOSEO, hai la possibilità non solo di aggiungere breadcrumb gratuitamente e in più modi, ma anche di svolgere altre attività tecniche di SEO.

La navigazione breadcrumb non solo creerà un'esperienza utente migliore, ma mostrerai anche a Google e ad altri motori di ricerca che hai un sito web ben fatto.

E poiché solo circa 10 milioni dei quasi 2 miliardi di siti online utilizzano Schema, probabilmente vedrai classifiche più alte e risultati migliori come più traffico e conversioni. Quindi, prenditi del tempo per migliorare il tuo sito web nel nuovo anno semplicemente aggiungendo la navigazione breadcrumb!