Se non sai cosa siano le Breadcrumb presto fatto…te lo spiego subito. Hai presente quando in un sito trovi un percorso di navigazione del tipo: Ti trovi in: Home > Categoria > Titolo Articolo, dove ti viene indicata la pagina corrente che stai navigando? Bene ti trovi di fronte ad un esmpio di Breadcrumb o Briciole di Pane.
Perché sono apprezzate da Google?
È abbastanza intuitivo capire che integrare le Breadcrumb nel proprio blog facilita la navigazione da parte degli utenti rendendola sicuramente più usabile e, se è vero che Google apprezza tutto ciò che possa aiutare gli utenti, si evince che un vantaggio lo avremmo sicuramente. Ritengo che in ambito di ottimizzazione on-page le Breadcrumb non siano assolutamente da sottovalutare.
Plugin o codice, come preferisci
In un recente articolo, che ti invito a leggere, ho parlato di WordPress SEO by Yoast, un ottimo plugin in ambito SEO che tra le molte sue funzionalità incorpora anche la possibilità di inserire le Breadcrumb. Oggi lascerò da parte i plugin e ti spiegherò come integrare il tutto nel tuo tema usando solo del codice.
Integrazione via codice
Come al solito andremo ad agire sul file functions.php contenuto nel tema in uso (se non hai tale file crealo manualmente) apportando delle semplici aggiunte di codice copiando le stringhe che trovi qui di seguito:
[php]function the_breadcrumb() {
echo ‘<ul class="breadcrumbs">’;
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>Archivio per "; the_time(‘F jS, Y’); echo'</li>’;}
elseif (is_month()) {echo"<li>Archivio per "; the_time(‘F, Y’); echo'</li>’;}
elseif (is_year()) {echo"<li>Archivio per "; the_time(‘Y’); echo'</li>’;}
elseif (is_author()) {echo"<li>Archivio Autore"; echo'</li>’;}
elseif (isset($_GET[‘paged’]) && !empty($_GET[‘paged’])) {echo "<li>Archivio Blog"; echo'</li>’;}
elseif (is_search()) {echo"<li>Risultati di Ricerca"; echo'</li>’;}
echo ‘</ul>’;
}[/php]
Per visualizzare le Breadcrumb nel tema dovrai inserire il codice che trovi qui sotto nel punto esatto del template, generalmente dopo l’header e prima dell’inizio del loop, dipende molto dal tipo di tema che usi…ecco il codice:
[php]<?php the_breadcrumb(); ?>[/php]
Bene ci siamo quasi…due righe da aggiungere al file style.css e siamo apposto:
[css]ul.breadcrumbs{list-style:none;padding:0;margin:0;font-size:12px}
ul.breadcrumbs li{float:left;margin:0 5px 0 0;padding:0}[/css]
Alla prossima!!!
Quanto ci mette google per aggiornare gli url con le breadcrumbs?
Cosa intendi di preciso per aggiornare gli url? Ti riferisci ai risultati nella serp?
Si, esatto.
Non sono un guru del SEO ma da come ho potuto capire non è molto chiaro come Google faccia visualizzare le breadcrumbs nello snippet dei risultati di ricerca. Diciamo che si comporta un po come la visualizzazione dei Sitelink. Sembrerebbe che dia importanza a siti con molto traffico, per esempio di commercio online e che usano le breadcrumbs.
Danilo occhio che c’è un errore nel codice, alla riga 29, la versione corretta è questa:
elseif (is_search()) {echo "Risultati di Ricerca";}
Altrimenti rischia di impallare tutto il compilatore PHP..
Grazie Angelo, il problema era del plugin SEO Smart Links che mi inserisce in automatico il link ad un articolo con determinate parole chiave quindi trasformava Risultati di Ricerca in link attivo modificando lo script.
Grazie ancora per la segnalazione 😉
This design is spectacular! You obviously know how to keep a reader amused.
Between your wit and your videos, I was almost moved to
start my own blog (well, almost…HaHa!) Great job. I really enjoyed what you had to say, and more than that, how you presented it.
Too cool!
Thank you so much for your compliments, is always a very big pleasure read things like these… It’s beautiful know that my website is useful and funny for other people, it makes me feel really satisfied, anyway, please, don’t hesitate to contact me for any questions..or why not, also a suggestion for our future posts!
Greetings from Italy.
Bye Bye!!