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!!!