La breadcrumb

In questo articolo ti aiuterò a capire cos’è la breadcrumb, e come ottimizzarla nel tuo sito per aiutare gli utenti a tener traccia della loro posizione all’interno del tuo sito o applicazione.

Chi siamo ?

Siamo una web Agency, che sfrutta il Growth hacking per aiutare le attività ad aumentare il numero dei clienti, attraverso l’espensione e l’ottimizzazione dell’attività sulle piattaforme digitali.

Se vuoi saperne di più su come possiamo aiutarti clicca qui.

Cos’è la breadcrumb ?

La Breadcrumb letteralmente “briciole di pane” è una tecnica di navigazione, un percorso di testo, usata all’interno dell’interfaccia di una pagina di un sito dal l’utente.

Il suo scopo è quello di aiutare l’utente a tener traccia del percorso che ha fatto all’interno di un sito o un’applicazione.

Si può scegliere fra tre tipi di Breadcrumb:

• Breadcrumb basati sulla posizione, essi rappresentano la struttura della pagina, aiutando l’utente a navigare il sito.

Esempio: Home page→Blog→Categori→Articolo.

• Breadcrumb basati sugli attributi, sono il percorso che appare dopo aver applicato dei filtri ad una pagina.

Esempio: Home page→Categoria prodotto→Modello→Color→Taglia.

• Breadcrumb basati sulla cronologia, forniscono al visitatore tutto il percorso da lui effetuato attraverso il sito.

Esempio: Home page→Pagina precedente→Pagina precedente→Pagina corrente.

Quando utilizzare la Breadcrumb ?

La Breadcrumb si utilizza quando si possiede un sito con una struttura complessa esempio un sito e-commerce, blog, ecc.

Se possiedi una pagina singola o una landing page utilizzare la breadcrumb non serve.

Come aggiungere la Breadcrumb a Wordpress 

Per aggiungere una Breadcrumb su wordpress puoi installare plugin come :

• Breadcrumb navxt , per utilizzare questo plugin occorre installarlo e poi andare sulla voce “aspetto”→Edito→Seleziona il template dei singoli post: single.ph→Trova la riga di codice “[php] <?php while (have_posts() : the_post(); $count++; ?>[/php]”→Aggiungi sotto il codice:

[php]

<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">

    <?php if(function_exists('bcn_display'))

    {

        bcn_display();

    }?>

</div>

[/php]

• Yoast Breadcrumbs, per utilizzare questo plugin basta installarlo e procedere come il precedente aggiungendo questo codice:

[php]
<!?php if ( function_exists(‘yoast_breadcrumb’) ) {
$breadcrumbs = yoast_breadcrumb("","",false);
} ?>
[/php]

• Breadcrumb trail,per utilizzare questo plugin basta installarlo e procedere come il precedente aggiungendo questo codice:

[php]
<?php breadcrumb_trail(); ?>
[/php]

• WordPress Breadcrumbs, per utilizzare questo plugin basta installarlo e procedere come il precedente aggiungendo questo codice:

[php]
<?php if(function_exists(‘breadcrumbs’)) {
breadcrumbs();
} else {
bloginfo(‘name’); echo ‘(breadcrumbs are unavailable)’;
} ?>
[/php]

Conclusioni

La Breadcrumb ti aiuterà anche a migliorare la tua strategia SEO su google, perché  i motori di ricerca come appunto google hanno iniziato a visualizzare i dreadcrumbs nei risultati di ricerca.

ATTENZIONE !!!

CLICCA QUI PER RICEVERE IL 10% DI SCONTO SU IUBEND, UN SITO CHE TI AIUTA CON GLI OBBLIGHI DI LEGGE,A CREARE LA TUA PRIVACY POLICY PER LA SICUREZZA EIL RISPETTO DEI TUOI UTENTI.

Ti invito a lasciare un commento qui sotto condividere l’articolo se ti ha aiutato a fare un passioni avanti verso la crescita della tua attività online.

Ritorna sabato prossimo per un nuovo contenuto !!

Seguimi anche su instagram per non perderti neanche un nuovo articolo.