Come visualizzare i link di navigazione breadcrumb in WordPress

Se hai mai navigato su un sito web e hai visto una serie di link come Home » Blog » Questo Post vicino alla parte superiore della pagina, allora hai già utilizzato i breadcrumb. Questi aiuti di navigazione offrono ai visitatori un modo semplice per vedere dove si trovano sul tuo sito e tornare indietro di un livello.

Utilizziamo i breadcrumb sui nostri siti web e rendono più facile per i lettori spostarsi tra le pagine. I breadcrumb possono anche apparire nei tuoi risultati di ricerca di Google, il che aiuta il tuo elenco a distinguersi.

In questa guida, ti spiegheremo come aggiungere link di navigazione breadcrumb in WordPress, partendo dal metodo più semplice.

Cos'è la navigazione breadcrumb e perché ne hai bisogno?

La navigazione breadcrumb è un termine usato per descrivere un menu di navigazione sotto forma di una scia di link. Viene spesso utilizzato come menu di navigazione secondario che consente agli utenti di risalire la gerarchia delle pagine del sito web.

Esistono tre tipi comuni di breadcrumb:

• Basati sulla gerarchia (più comuni): Mostra dove si trova la pagina nella struttura del tuo sito, come Home » Categoria » Post. Questo è il tipo che la maggior parte dei temi WordPress e dei plugin SEO generano.
• Basati sugli attributi: Mostra gli attributi della pagina in cui si trova un visitatore, come Home » Abbigliamento » Uomo » Blu. Vedrai questi più spesso sui negozi WooCommerce.
• Basati sulla cronologia: Mostra il percorso che un visitatore ha seguito per raggiungere la pagina, come una cronologia del browser. Questi sono meno comuni sui siti WordPress.

I link di navigazione breadcrumb sono diversi dal sistema di menu di navigazione predefinito di WordPress. Aiutano gli utenti a spostarsi sul tuo sito web e aiutano anche i motori di ricerca a comprendere la struttura e la gerarchia delle tue pagine.

Se i tuoi breadcrumb sono impostati correttamente, i motori di ricerca come Google potrebbero anche visualizzarli insieme al titolo della pagina nei risultati di ricerca. Ciò fa risaltare il tuo elenco nei risultati di ricerca e può contribuire a migliorare il tuo tasso di clic.

I metodi in questa guida ti aiuteranno a impostare correttamente i breadcrumb utilizzando schema markup. Schema è un codice di markup intelligente che aiuta Google a identificare i tuoi breadcrumb in modo che vengano visualizzati nei risultati di ricerca.

In altre parole, i link on-page sono per i tuoi visitatori e il markup schema è per Google. Alcuni metodi aggiungono entrambi, mentre altri aggiungono solo i link visibili, motivo per cui ti mostreremo come verificare la tua configurazione in seguito utilizzando i rich snippet.

Ora, vediamo come aggiungere link di navigazione breadcrumb in WordPress. Ti mostreremo più metodi, partendo dal più semplice, in modo che tu possa scegliere quello che funziona meglio per te:

Metodo 1: Aggiungere il blocco nativo Breadcrumbs di WordPress (Nessun plugin necessario)

Se stai utilizzando un tema a blocchi, questo è il modo più semplice per aggiungere i breadcrumb e non richiede alcun plugin.

WordPress include un blocco nativo Breadcrumbs che puoi aggiungere direttamente nell'Editor del sito completo in pochi clic.

Vai semplicemente alla pagina Aspetto » Editor per aprire l'Editor del sito.

Da qui, puoi modificare un modello come ‘Singoli Post’ o la parte del modello dell’intestazione.

Quindi, aggiungi il blocco Breadcrumbs dove vuoi che appaia il percorso.

Il blocco costruisce automaticamente il percorso dalla posizione della pagina corrente nella gerarchia del tuo sito, quindi devi solo aggiungerlo una volta.

Nelle impostazioni del blocco, puoi personalizzare esattamente come il percorso appare e si comporta. Puoi mostrare o nascondere il link alla tua homepage, mostrare o nascondere il titolo della pagina corrente e cambiare il carattere separatore tra gli elementi.

Puoi anche scegliere se il percorso segue la tua gerarchia di pagine rigorosa o utilizza la tua struttura di categorie per organizzare i link.

Una cosa da tenere a mente è che il blocco nativo è progettato principalmente per visualizzare il percorso nella pagina per i tuoi visitatori.

Potrebbe non aggiungere il markup dello schema BreadcrumbList di cui Google ha bisogno per visualizzare i breadcrumb nei risultati di ricerca, quindi ti consigliamo di verificarlo con il Rich Results Test.

Metodo 2: Aggiungere la navigazione Breadcrumb in WordPress utilizzando All in One SEO (Consigliato)

Se il tuo tema non gestisce i breadcrumb, o desideri il beneficio dei risultati di ricerca derivante da un markup schema corretto, allora un plugin SEO è la soluzione. Questo metodo è adatto ai principianti e funziona su qualsiasi tema.

Per questo metodo, utilizzeremo il plugin gratuito All in One SEO for WordPress, che è il miglior plugin SEO per WordPress sul mercato.

Ti aiuta a migliorare facilmente la tua SEO per WordPress senza alcuna competenza tecnica. Viene inoltre fornito con una funzione breadcrumb facile da usare.

Una volta che hai installato e attivato il plugin, verrai portato alla procedura guidata di configurazione. Puoi seguire le istruzioni sullo schermo per impostarlo.

Hai bisogno di aiuto con l'impostazione? Vedi il nostro tutorial passo passo su come installare e configurare All in One SEO.

Successivamente, devi visitare la pagina All in One SEO » Impostazioni generali e passare alla scheda ‘Breadcrumbs’.

Il markup dello schema breadcrumbs viene aggiunto automaticamente da All in One SEO al codice del tuo sito web in modo che i motori di ricerca possano trovarlo.

Tuttavia, se desideri visualizzare anche i link di navigazione breadcrumbs sul tuo sito web, devi attivare l'opzione ‘Abilita Breadcrumbs’.

Attivando l'interruttore, puoi vedere le diverse impostazioni di visualizzazione dei breadcrumb che puoi utilizzare sul tuo sito WordPress.

Ci sono quattro modi che puoi utilizzare per visualizzare il percorso di navigazione dei breadcrumb sul tuo sito WordPress:

• Blocco (il più semplice): Modifica qualsiasi post o pagina e aggiungi il blocco AIOSEO – Breadcrumbs dove desideri il percorso. Il plugin mostra un'anteprima live direttamente nell'editor.
• Shortcode: Aggiungi lo shortcode fornito a qualsiasi post, pagina o prodotto dove desideri che appaia il percorso.
• Widget (su tutto il sito): Vai su Aspetto » Widget e aggiungi il widget AIOSEO – Breadcrumbs alla tua barra laterale, piè di pagina o a qualsiasi area widget in modo che venga visualizzato automaticamente in tutto il tuo sito.
• Codice PHP (posizionamento esatto): Aggiungi lo snippet qui sotto al modello del tuo tema dove desideri il percorso. Questo è l'ideale per utenti avanzati che desiderano visualizzare i breadcrumb in un punto specifico, come subito sotto il titolo del post.

Come per qualsiasi modifica del tema, consigliamo di utilizzare un tema figlio o un plugin per snippet di codice in modo che la tua modifica non venga persa al prossimo aggiornamento.

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

Come per qualsiasi modifica del tema, consigliamo di utilizzare un tema figlio o un plugin per snippet di codice in modo che la tua modifica non venga persa al prossimo aggiornamento.

Per ulteriore aiuto, consulta la nostra guida su come aggiungere snippet di codice in WordPress e il nostro foglio informativo su quali file modificare in un tema WordPress.

Ecco come apparivano i breadcrumb sul nostro sito di prova:

Modificare l'aspetto dei tuoi link breadcrumb

Per impostazione predefinita, All in One SEO utilizza un modello per visualizzare i tuoi link di navigazione breadcrumb. Contiene un link alla tua home page, categoria, pagina genitore e titolo del post o della pagina separati dal simbolo '»'.

Puoi cambiarlo visitando la pagina All in One SEO » Impostazioni generali e andando alla scheda 'Breadcrumb'. Successivamente, scorri verso il basso fino alla sezione Impostazioni breadcrumb.

Da qui, puoi cambiare il separatore, mostrare o nascondere il link home, aggiungere un prefisso e altro ancora.

Una volta terminato, non dimenticare di salvare le impostazioni.

Utilizzi Yoast SEO o Rank Math invece?

L'idea è esattamente la stessa con altri plugin SEO popolari.

È sufficiente abilitare i breadcrumb nelle impostazioni, quindi inserire il blocco o lo shortcode del plugin, o aggiungere il suo snippet al tuo tema:

• Yoast SEO: Attiva i breadcrumb in Yoast SEO » Impostazioni » Avanzate » Breadcrumb, quindi aggiungi lo shortcode [wpseo_breadcrumb], oppure inserisci <?php if ( function_exists( 'yoast_breadcrumb' ) ) { yoast_breadcrumb(); } ?> nel tuo tema. Per un'analisi più approfondita di questo plugin, consulta la nostra guida su come configurare Yoast SEO.
• Rank Math: Attiva i breadcrumb in Rank Math SEO » Impostazioni generali » Breadcrumb, quindi aggiungi lo shortcode [rank_math_breadcrumb], oppure inserisci <?php if ( function_exists( 'rank_math_the_breadcrumbs' ) ) { rank_math_the_breadcrumbs(); } ?> nel tuo tema.

Verifica che i tuoi Breadcrumb funzionino

Una volta che i tuoi breadcrumb sono attivi, devi confermare che Google possa effettivamente leggerli.

Apri semplicemente lo strumento gratuito di Google Test dei risultati multimediali, incolla l'URL di un post o di una pagina pubblicata ed esegui il test.

Se tutto è configurato correttamente, lo strumento mostrerà 'Breadcrumb' come elemento rilevato con uno stato verde e valido. Ciò conferma che il tuo schema BreadcrumbList è presente e idoneo ad apparire nei risultati di ricerca.

Se vedi un avviso o un errore, o se i breadcrumb non vengono rilevati affatto, allora il tuo metodo probabilmente ha aggiunto i link visibili senza lo schema. In tal caso, passare al metodo del plugin SEO sopra aggiungerà il markup di cui Google ha bisogno.

Risoluzione dei problemi comuni dei Breadcrumb

I breadcrumb sono generalmente semplici da configurare, ma si presentano spesso alcuni problemi. Ecco come risolvere i più comuni.

I breadcrumb non vengono visualizzati su Google

Anche dopo che il Test dei risultati multimediali è superato, i breadcrumb non appariranno immediatamente nei risultati di ricerca. Google si affida a bot automatizzati per scansionare miliardi di pagine e non saprà che hai aggiunto lo schema breadcrumb finché i suoi bot non rivisiteranno il tuo URL specifico. Questo processo di ricreazione può richiedere da pochi giorni a qualche settimana.

Per accelerare le cose, puoi richiedere l'indicizzazione tramite Google Search Console utilizzando lo strumento Ispezione URL. Questo avvisa Google che hai aggiornato i tuoi contenuti e segnala al loro sistema di rivedere il tuo markup schema prima.

La categoria è mancante dal percorso

Il percorso è costruito in base alla posizione della pagina corrente nella gerarchia del tuo sito. Per i post, quel livello intermedio proviene dalla categoria del post, e per le pagine, proviene dalla pagina genitore.

Quindi la causa più comune è un collegamento mancante in quella gerarchia. Al post non è assegnata alcuna categoria (o solo quella predefinita 'Senza categoria'), oppure alla pagina non è impostata una pagina genitore.

Per un post, aprilo nell'editor, assegnalo alla categoria giusta in Post » Categorie, e poi ricarica la pagina per controllare il percorso.

Se il livello è ancora mancante, allora il problema potrebbe essere quale gerarchia segue il percorso. Il blocco nativo Breadcrumbs ha un'impostazione Avanzata chiamata 'Preferisci termini tassonomia' che alterna il percorso tra la gerarchia delle tue pagine e la struttura delle tue categorie.

Se invece usi un plugin SEO, controlla la sua origine dei breadcrumb o l'impostazione della tassonomia. In All in One SEO, questo si trova in All in One SEO » Impostazioni Generali » Breadcrumbs.

I breadcrumb vengono visualizzati sulla tua homepage

I breadcrumb non hanno molto scopo sulla tua pagina principale, poiché non c'è nessun posto 'sopra' a cui andare.

Se hai aggiunto i breadcrumb con il blocco nativo o un widget, allora dovresti posizionarli in un template che non si applica alla homepage. In alternativa, puoi usare le impostazioni integrate del tuo plugin SEO per nascondere il percorso sulla tua pagina principale.

Hai ricevuto un errore PHP dopo aver aggiunto lo snippet

Invece di modificare direttamente i file, ti consigliamo di aggiungere lo snippet con un plugin per snippet di codice come WPCode. Questo plugin convalida il tuo codice e ti permette di disattivare uno snippet in modo sicuro se qualcosa si rompe.

Aggiungere il codice a un tema child è un'altra opzione sicura, poiché mantiene le tue modifiche separate dal tema genitore.

Punti chiave da ricordare

• Controlla prima il tuo tema: Spesso non hai bisogno di un plugin aggiuntivo per i breadcrumb, specialmente se usi un tema a blocchi che include il blocco nativo Breadcrumbs.
• Il markup dello schema è ciò che conta per la ricerca: Il markup dello schema, non i link visibili, è ciò che fa apparire il tuo percorso di breadcrumb nei risultati di ricerca di Google. Conferma sempre che funzioni con il Test dei Risultati Ricchi.
• Usa i tuoi strumenti esistenti: Se usi già un plugin SEO come All in One SEO, allora puoi usarlo per gestire i tuoi breadcrumb. Non c'è bisogno di aggiungere un secondo strumento al tuo sito.

Domande frequenti sui Breadcrumb di WordPress

Ho bisogno di un plugin per i breadcrumb in WordPress?

No, non sempre. Molti temi WordPress aggiungono i breadcrumb da soli, e WordPress include un blocco nativo Breadcrumbs, quindi è meglio controllare il tuo tema prima di installare qualsiasi cosa. Se il tuo tema non supporta i breadcrumb, allora un plugin SEO è il modo più semplice per aggiungerli.

Perché i miei breadcrumb non vengono visualizzati in Google?

Questo è solitamente dovuto a un ritardo nell'indicizzazione o a uno schema mancante. Se Google non ha ancora ricrawlerizzato le tue pagine, allora richiedi l'indicizzazione in Google Search Console. Se il percorso ancora non appare, esegui il tuo URL tramite il Test dei Risultati Ricchi per confermare che il tuo schema BreadcrumbList sia valido.

I breadcrumb sono utili per la SEO?

Sì. I breadcrumb migliorano l'esperienza utente rendendo il tuo sito più facile da navigare e aiutano i motori di ricerca a comprendere la struttura del tuo sito. Se configurati con markup schema, possono anche ottenere risultati di ricerca più ricchi che migliorano il tuo tasso di clic.

Shortcode, blocco o widget: quale dovrei usare?

Usa il blocco o il widget quando vuoi che i breadcrumb appaiano automaticamente in tutto il tuo sito. Usa lo shortcode quando vuoi inserire il percorso solo in un post o pagina specifica.

Speriamo che questo articolo ti abbia aiutato a imparare come visualizzare i link di navigazione breadcrumb in WordPress. Potresti anche voler consultare la nostra guida SEO definitiva per WordPress o la nostra selezione dei migliori temi WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro Canale YouTube per tutorial video su WordPress. Puoi trovarci anche su Twitter e Facebook.