Breadcrumbs WordPress (briciole di pane) sono la parte più importante del nostro sito web, ci sono diversi plugin disponibili che ti aiuteranno ad implementarli. Ora ti mostrerò due modi per inserirli nel tuo blog. Vedremo come inserire i breadcrumbs senza l’utilizzo di plugin e come inserirli sfruttando il plugin Yoast.
Sommario
Inserire Breadcrumbs WordPress.
I Breadcrumbs WordPress cosa sono? Le briciole di pane sono dei link di navigazione utilizzati per visualizzare tutti i collegamenti delle pagine che conducono alla homepage. Sono posti, nella maggior parte dei casi, nella parte superiore della pagina e aiutano l’utente nella navigazione all’indietro ma sono anche utili per Google, infatti è possibile trovarli sulla SERP al posto dell’indirizzo classico del sito quindi inserire in breadcrumbs è positivo anche lato SEO.
Ecco un esempio di Breadcrumbs in WordPress:
Breadcrumbs WordPress senza plugin.
Se vuoi aggiungere i Breadcrumbs in wordpress sei nel posto giusto, ora ti mostrerò come fare.
Qui, al di sotto ho postato il codice necessario per implementare la funzione dei breadcrumbs personalizzati. Cosa Fare? Semplice! Copia il codice nel tuo file functions.php ti basterà aprire il file con il programma blocco note!
<?php
function the_breadcrumb() {
echo '<ul id="crumbs">';
if (!is_home()) {
echo '<li><a href="';
echo get_option('home');
echo '">';
echo 'Home';
echo "</a></li>";
if (is_category() || is_single()) {
echo '<li>';
the_category(' </li><li> ');
if (is_single()) {
echo "</li><li>";
the_title();
echo '</li>';
}
} elseif (is_page()) {
echo '<li>';
echo the_title();
echo '</li>';
}
}
elseif (is_tag()) {single_tag_title();}
elseif (is_day()) {echo"<li>Archive for "; the_time('F jS, Y'); echo'</li>';}
elseif (is_month()) {echo"<li>Archive for "; the_time('F, Y'); echo'</li>';}
elseif (is_year()) {echo"<li>Archive for "; the_time('Y'); echo'</li>';}
elseif (is_author()) {echo"<li>Author Archive"; echo'</li>';}
elseif (isset($_GET['paged']) && !empty($_GET['paged'])) {echo "<li>Blog Archives"; echo'</li>';}
elseif (is_search()) {echo"<li>Search Results"; echo'</li>';}
echo '</ul>';
}
?>
Ottimo, se sei arrivato a questo punto vuol dire che hai copiato il codice che ti ho postato. Ora non ti resta da fare altro che copiare questo pezzetto di codice nel file single.php e page.php ed il gioco è fatto.
<?php the_breadcrumb(); ?>
Breadcrumbs WordPress con plugin Yoast.
Ci sono tantissimi plugin per wordpress che permettono di inserire questa funzionalità ma per chi ha già istallato Yoast SEO, questa funzione è già presente. Vediamo insieme ora come abilitarli e come visualizzarli.
Il procedimento è molto semplice, una volta installato il plugin Yoast SEO portati sulla voce avanzate e seleziona la tab breadcrumbs.
Dunque, abilitiamo la voce switchando su “enabled”. Riempiamo i campi nella form per fornire al plugin le parole da far comparire a video nella riga dei breadcrumbs.
Non è finita qui, l’ultima modifica da fare è quella di inserire il codice sottostante nei file single.php e page.php, quindi portate all’interno di \Wp-Content\Themes\VostroTema e aprite i file che vi ho appena detto e fate copia-incolla.Precisando inseriscilo prima che inizi il loop.
if ( function_exists(‘yoast_breadcrumb’) ) {
yoast_breadcrumb(‘<p id=”breadcrumbs”>’,'</p>’);
}
Dopo averli inseriti salviamo ed il gioco e fatto!
Disclaimer
Ogni volta che esegui delle modifiche al template del tuo sito ricorda di fare sempre il backup, così, in caso di errore puoi sempre ripristinare la versione precedente. Oppure per testare le modifiche che inserisci nel tuo blog trasferisci il tuo sito in locale!
Ricorda di effettuare tali modifiche nel tema child del tuo template in modo da non perdere le modifiche apportate al prossimo aggiornamento. Se non hai ancora creato il tuo tema child cosa aspetti! Leggi la guida!
