[RISOLTO] piccola modifica a mod_breadcrumb per rich snippets

[otto9due]

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  .


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[/size]

[otto9due]

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   ) anche se in effetti il modulo si trova qui: (  http://www.alou.gr/blog/71-html5-breadcrumb-for-joomla  )  unica accortezza bisogna inserire all'interno del template.css la stringa

Codice: [Seleziona]

#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.

[otto9due]

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:

Codice: [Seleziona]

<?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:

Codice: [Seleziona]

<?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, 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]

[alexred]

Ottimo otto9due,
bella ricerca e buona soluzione con l'override!

[otto9due]

Per completezza aggiungo un piccolo accorgimento:
Siccome lo style "  {display:inline;}  " che vi avevo proposto sopra

Codice: [Seleziona]

#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 ):

Codice: [Seleziona]

#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:

Codice: [Seleziona]

/* 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:

Codice: [Seleziona]

/* 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