La na­vi­ga­zio­ne brea­d­crumb è una funzione utile sia per i siti web che per gli utenti. Su WordPress, i brea­d­crumb possono essere aggiunti tramite il tema, con i plugin o ma­nual­men­te tramite il codice.

Registra il tuo dominio
  • Domain Connect gratuito per una con­fi­gu­ra­zio­ne facile del DNS
  • Cer­ti­fi­ca­to SSL Wildcard gratuito
  • Pro­te­zio­ne privacy inclusa

Cosa sono i brea­d­crumb di WordPress?

I brea­d­crumb sono percorsi di na­vi­ga­zio­ne ben visibili che indicano all’utenza in modo rapido e semplice in quale area del sito si trovano, fa­ci­li­tan­do l’orien­ta­men­to all’interno della pagina e mi­glio­ran­do al tempo stesso la na­vi­ga­zio­ne. Grazie ai brea­d­crumb, è facile tornare indietro o al punto di partenza con un clic.

Immagine: Esempio di un breadcrumb su un sito web
I brea­d­crumb con­sen­to­no di navigare più ra­pi­da­men­te tra le diverse sot­to­pa­gi­ne.

Quali sono i vantaggi dei brea­d­crumb di WordPress?

Come accennato, i brea­d­crumb non offrono solo vantaggi per l’utenza di un sito web, ma rap­pre­sen­ta­no anche un chiaro mi­glio­ra­men­to per la pagina stessa. Potendosi orientare meglio e potendo navigare più fa­cil­men­te tra le singole (sotto)pagine, le/gli utenti restano in media più a lungo sul sito, riducendo la frequenza di rimbalzo. Al tempo stesso, non solo migliora l’usabilità, ma aumentano anche no­te­vol­men­te i col­le­ga­men­ti interni. Questo a sua volta ha un effetto positivo sui vari crawler e bot dei motori di ricerca. Pertanto, i brea­d­crumb fanno gua­da­gna­re punti ai siti web anche nell’ambito dell’ot­ti­miz­za­zio­ne SEO.

Consiglio

Come ottenere il massimo da WordPress: con l’Hosting per WordPress di IONOS, non solo avrete il 99,97% di di­spo­ni­bi­li­tà del server e numerose utili funzioni di sicurezza, ma potrete anche gestire il vostro sito web più fa­cil­men­te grazie al controllo WP-CLI.

Quali tipi di brea­d­crumb di WordPress esistono?

Esistono tre diversi tipi di brea­d­crumb a seconda della struttura e dello scopo del sito web. Il fun­zio­na­men­to è sempre lo stesso. Le tre varianti sono:

  • Ge­rar­chi­ci: questi brea­d­crumb mostrano esat­ta­men­te a chi visita il sito web in quale punto del sito web si trovano at­tual­men­te, mostrando al tempo stesso anche i livelli superiori. Nella maggior parte dei casi, viene mostrata l’homepage impostata e poi le ri­spet­ti­ve sot­to­pa­gi­ne. Questi brea­d­crumb si adattano ge­ne­ral­men­te alla maggior parte dei siti web.
     
  • Basati sulla cro­no­lo­gia: questa opzione viene usata molto meno fre­quen­te­men­te, ma ha lo stesso scopo. Qui le singole fasi della visita sul sito web vengono create e mostrate come percorso. Se ne­ces­sa­rio, è possibile accedere nuo­va­men­te ai singoli punti della cro­no­lo­gia.
     
  • Basati sugli attributi: i brea­d­crumb di WordPress basati sugli attributi si adattano in par­ti­co­lar modo ai negozi online. Con questa opzione vengono vi­sua­liz­za­ti i termini di ricerca e le categorie tramite cui l’utenza ha raggiunto un de­ter­mi­na­to prodotto. Un esempio di ciò potrebbe essere la struttura: “Pagina iniziale -> Bi­ci­clet­te -> Bi­ci­clet­te elet­tri­che -> modello specifico”.
Consiglio

Il dominio dei vostri sogni in pochi clic: se scegliete IONOS per la re­gi­stra­zio­ne del vostro dominio, be­ne­fi­ce­re­te anche di un cer­ti­fi­ca­to SSL Wildcard, di un’as­si­sten­za clienti ven­ti­quat­tr’ore su ven­ti­quat­tro e di una con­fi­gu­ra­zio­ne par­ti­co­lar­men­te semplice.

Inserire brea­d­crumb su WordPress

Ci sono tre modi per impostare i brea­d­crumb su WordPress: tramite il tema, tramite plugin per la SEO o altri plugin o in maniera com­ple­ta­men­te manuale, quindi senza plugin. Vi pre­sen­tia­mo le diverse opzioni e vi mostriamo in una guida passo dopo passo come potete mi­glio­ra­re la vostra presenza online con WordPress grazie ai brea­d­crumb.

Tramite il tema

Certi temi di WordPress offrono l’opzione di ag­giun­ge­re brea­d­crumb. Questa è una soluzione semplice e pratica se state creando una nuova presenza online. Se disponete già di un sito web per­fet­ta­men­te fun­zio­nan­te, è più probabile che un tema diverso causi problemi e lavoro sup­ple­men­ta­re, poiché il design del sito web verrebbe mo­di­fi­ca­to. Tuttavia, se state creando un sito web com­ple­ta­men­te nuovo con un nuovo menu di WordPress o se avete in­ten­zio­ne di mo­di­fi­car­ne comunque l’aspetto, potete ricorrere a varie soluzioni gratuite. Un tema molto popolare di WordPress che include i brea­d­crumb è OceanWP.

Il modo più semplice per ag­giun­ge­re i brea­d­crumb su WordPress è tramite la sezione Per­so­na­liz­za. Non solo potete se­le­zio­na­re l’opzione stessa, ma potete anche per­so­na­liz­zar­la a vostro pia­ci­men­to. Potete scegliere il po­si­zio­na­men­to, la se­pa­ra­zio­ne tra i singoli livelli e il colore del testo. Con questa opzione, potete ag­giun­ge­re fa­cil­men­te i brea­d­crumb al vostro sito web e fare in modo che si adattino all’aspetto della vostra presenza online.

Immagine: Screenshot della sezione Personalizza di WordPress con il tema Astra
L’in­se­ri­men­to tramite la funzione Per­so­na­liz­za è molto semplice e intuitivo con Astra.

Tramite i plugin

Se non volete mo­di­fi­ca­re il design del vostro sito web o blog WordPress o se avete già scelto un tema che non offre un’opzione per i brea­d­crumb, potete anche ricorrere co­mo­da­men­te a un plugin di WordPress. Pro­ba­bil­men­te lo strumento più popolare a questo scopo è Brea­d­crumb NavXT. È gratuito e molto facile da usare. Altri plugin fun­zio­na­no secondo un principio simile.

  1. Per prima cosa, ag­giun­ge­te il plugin come di consueto.
     
  2. Ora se­le­zio­na­te la voce “Widget” nell’area “Aspetto”. Qui trovate la nuova opzione Brea­d­crumb NavXT.
     
  3. A questo punto, tra­sci­na­te il widget nell’area in cui volete che vengano vi­sua­liz­za­ti i brea­d­crumb di WordPress.
     
  4. Sotto la freccia troverete un menu a discesa. Qui potete ef­fet­tua­re diverse re­go­la­zio­ni, ad esempio impostare la pagina iniziale, me­mo­riz­za­re i se­pa­ra­to­ri, de­ter­mi­na­re l’ordine, escludere alcune pagine o ignorare il caching.
     
  5. Ora salvate le im­po­sta­zio­ni e ve­ri­fi­ca­te come i brea­d­crumb di WordPress sono integrati nel vostro sito web.
Immagine: Screenshot delle opzioni di impostazione di Breadcrumb NavXT nei widget
Brea­d­crumb NavXT offre diverse opzioni di per­so­na­liz­za­zio­ne.
Managed Hosting per WordPress
Genera il tuo sito web con l'IA: al resto pensiamo noi
  • 0 co­no­scen­ze pre­li­mi­na­ri richieste grazie a intuitive funzioni IA
  • Tanti temi e plugin per per­so­na­liz­za­re come vuoi
  • Ag­gior­na­men­ti semplici e gestione minima

Tramite i plugin per la SEO

Se de­si­de­ra­te fare a meno di plugin ag­giun­ti­vi, esistono anche diversi plugin di WordPress per la SEO che offrono la pos­si­bi­li­tà di inserire i brea­d­crumb. Una delle soluzioni più popolari in questo ambito è Yoast SEO. La funzione brea­d­crumb è pensata per essere vi­sua­liz­za­ta nei risultati di ricerca, ma può essere uti­liz­za­ta anche di­ret­ta­men­te sul sito web. Per inserire i brea­d­crumb su WordPress con il plugin, procedete come segue:

  1. In­stal­la­te Yoast SEO e attivate il plugin nella vostra dashboard.
     
  2. Ora se­le­zio­na­te “Avanzato” nella sezione “Yoast SEO” a sinistra della vostra dashboard e poi “Abilita i Brea­d­crumbs”: at­ti­va­te­lo in fondo alle im­po­sta­zio­ni per l’aspetto del sito web.
     
  3. Ora, uti­liz­zan­do lo shortcode [wpseo_brea­d­crumb], potete inserire la na­vi­ga­zio­ne in qualsiasi punto del vostro sito web.
Immagine: Screenshot delle impostazioni dei breadcrumb di Yoast SEO su WordPress
Impostate il brea­d­crumb di WordPress come de­si­de­ra­te.

Con il codice

Se volete ri­nun­cia­re com­ple­ta­men­te all’aiuto delle esten­sio­ni, potete anche inserire ma­nual­men­te i brea­d­crumb su WordPress. Tuttavia, è ne­ces­sa­rio un po’ di codice, che dovrete inserire in­nan­zi­tut­to nel file functions.php del vostro tema. Per sicurezza, dovreste prima creare un tema child. Il codice si presenta, ad esempio, come segue:

function breadcrumb() {
    echo '<a href="'.home_url().'" rel="nofollow">Pagina iniziale</a>';
    if (is_category() || is_single()) {
        echo "  »  ";
        the_category(' • ');
            if (is_single()) {
                echo "   »   ";
                the_title();
            }
    } elseif (is_page()) {
        echo "  »  ";
        echo the_title();
    } elseif (is_search()) {
        echo "  »  Suchergebnisse... ";
        echo '"<em>';</em>
        echo the_search_query();
        echo '"';
    }
}
php

Quindi inserite un altro codice nel modello cor­ri­spon­den­te. Per esempio, se volete po­si­zio­na­re i brea­d­crumb di WordPress nell’in­te­sta­zio­ne, ag­giun­ge­te il seguente codice a header.php, nella sezione header (o “in­te­sta­zio­ne”) del file.

<div class="breadcrumb"><!--?php breadcrumb (); ?--></div>
html

Se de­si­de­ra­te per­so­na­liz­za­re il design dei brea­d­crumb di WordPress, potete farlo tramite un CSS sup­ple­men­ta­re.

In sintesi

I brea­d­crumb di WordPress sono un’aggiunta molto utile al vostro sito web, in quanto hanno un effetto positivo sulla SEO e al tempo stesso mi­glio­ra­no l’espe­rien­za utente. Avete diverse opzioni per uti­liz­za­re questa funzione. Mentre l’in­te­gra­zio­ne tramite temi o plugin è par­ti­co­lar­men­te semplice, l’im­ple­men­ta­zio­ne tramite codice offre maggiori pos­si­bi­li­tà di pro­get­ta­zio­ne e per­so­na­liz­za­zio­ne.

Vai al menu prin­ci­pa­le