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 !!!
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.
[instagram-feed num=4 cols=4 showfollow=false]