Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => : otto9due 29 Aug 2012, 12:30:19
-
Qualcuno che ha dimestichezza con il php, potrebbe tentare di riscrivere il mod_breadcrumb inserendoci i tag rich snippets seguendo schema.org? Così da visualizzare i breadcrumb nei risultati di ricerca direttamente.
Ho trovato qualche esempio in giro ma ancora nulla di definitivo. Il codice è poco quindi si potrebbe implementare con ottimi risultati per la seo/sef dei nostri siti joomla.
Grazie anticipatamente per chi voglia cementarsi in questo lavoretto :P .
Qualora servisse qualche link per iniziare ne ho alcuni. Fratemi sapere e grazie ancora.
Esiste già qualcosa per la versione 2.5 ma non per la 1.5 la trovate qui: [size=78%]http://extensions.joomla.org/extensions/site-management/seo-a-metadata/meta-data/20096 (http://extensions.joomla.org/extensions/site-management/seo-a-metadata/meta-data/20096)[/size]
-
In questa pag ho trovato un modulo (ricostruito dal modulo originale) che sembra funzionare eco il link ( http://extensions.joomla.org/extensions/structure-a-navigation/site-navigation/17038 (http://extensions.joomla.org/extensions/structure-a-navigation/site-navigation/17038) ) anche se in effetti il modulo si trova qui: ( http://www.alou.gr/blog/71-html5-breadcrumb-for-joomla (http://www.alou.gr/blog/71-html5-breadcrumb-for-joomla) ) unica accortezza bisogna inserire all'interno del template.css la stringa
#breadcrumb div {display:inline;}
altrimenti come da codice, i breadcrumb appaiono uno sotto l'altro essendo nidificati e non in linea.
La seconda possibilità sarebbe quella di spulciare bene questo codice e modificare da se il modulo breadcrumb originale.
Cercherò di scrutarlo a fondo.. e vi aggiorno per ora sembra risolto. :P ;D ;D ;D
-
Allora cercherò di postare la soluzione a cui sono arrivato dopo tante e tante prove e innumerevoli traduzioni dal russo e dal cinese :
Lo stesso processo per ottenere i rich snippets "breadcrumb" sul nostro sito web applicando solamente un override del template ( quindi senza dover istallare ulteriori moduli e componenti aggiuntivi ) ed ottenere il seguente risultato ( vedete in imm sotto )..
Il procedimento è il seguente:
Sostituire nel file : www.tuosito.it/templates/tuo_template/html/mod_breadcrumbs/default.php
questa parte di codice:
<?php for ($i = 0; $i < $count; $i ++) :
// If not the last item in the breadcrumbs add the separator
if ($i < $count -1) {
if(!empty($list[$i]->link)) {
echo '<a href="'.$list[$i]->link.'" class="pathway">'.$list[$i]->name.'</a>';
} else {
echo $list[$i]->name;
}
echo ' '.$separator.' ';
} else if ($params->get('showLast', 1)) { // when $i == $count -1 and 'showLast' is true
echo $list[$i]->name;
}
endfor; ?>
con questa:
<?php for ($i = 0; $i < $count; $i ++) :
// If not the last item in the breadcrumbs add the separator
if ($i < $count -1) {
if(!empty($list[$i]->link)) {
echo '<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="'.$list[$i]->link.'" class="pathway" itemprop="url"><span itemprop="title">'.$list[$i]->name.'</span></a></span>';
} else {
echo $list[$i]->name;
}
echo ' '.$separator.' ';
} else if ($params->get('showLast', 1)) { // when $i == $count -1 and 'showLast' is true
echo $list[$i]->name;
}
endfor; ?>
Per controllare che tutto sia riuscito e che non ci siano errori, vi basterà inserire un link del vostro sito (preferibilmente lungo es www.miosito.it/provaprova/articolo/ciao.it ) nel tool di verifica di google rich snippets (http://www.google.com/webmasters/tools/richsnippets), e sotto apparirà l'anteprima, che dovrebbe mostrarvi come ipoteticamente potrebbe apparire la vostra pag nelle serp dei motori di ricerca (google, yahoo, bing) che hanno partecipato al progetto rich snippets.
[allegato eliminato da un amministratore essendo vecchio più di un anno]
-
Ottimo otto9due,
bella ricerca e buona soluzione con l'override!
-
Per completezza aggiungo un piccolo accorgimento:
Siccome lo style " {display:inline;} " che vi avevo proposto sopra
#breadcrumb div {display:inline;}
non viene più utilizzato, anzi per così dire molti nell'ottimizzazione dei siti web cercano di eliminarli o sostituirli, è possibile ovviare a questo sostituendo questo codice con questo stratagemma:
inserire ( al posto di quello proposto precedentemente che cancellerete ):
#breadcrumb div {float:left}
bisogna avere cura però, di eliminare il ( float: left; ) nella stringa superiore [ nell'esempio sotto è contenuto nella seconda stringa ], altrimenti si sfasa un pò tutto.. Eliminarlo sopra e inserirlo sotto nel seguente modo.
GUARDETE GLI ESEMPI E CONFRONTATELI ..
PRIMA:
/* breadcrumbs and tools */
#main #top-nav { background: transparent; height: 32px; line-height: 32px; border-bottom: 1px solid #252525; }
#breadcrumb { float: left; width: 80%; font-size: 12px; color: #aaa; }
#breadcrumb a { color: #777; }
#breadcrumb a:hover { color: #6b9ccf; }
#breadcrumb .separator { margin: 0 6px; }
#breadcrumb div {display:inline;}
DOPO:
/* breadcrumbs and tools */
#main #top-nav { background: transparent; height: 32px; line-height: 32px; border-bottom: 1px solid #252525; }
#breadcrumb { width: 80%; font-size: 12px; color: #aaa; }
#breadcrumb a { color: #777; }
#breadcrumb a:hover { color: #6b9ccf; }
#breadcrumb .separator { margin: 0 6px; }
#breadcrumb div {float:left}
Spero di essermi spiegato bene :P