Bisogna riconoscere che il Team di Blogger in questi ultimi mesi ha fatto parecchi progressi per rendere più attrattiva dal lato SEO questa piattaforma. D'altra parte non potrebbe essere altrimenti visto che si tratta di un servizio che fa parte della galassia Google.
La possibilità di personalizzare il Permalink ha reso Blogger molto più simile a Wordpress che ha questa funzionalità praticamente da sempre. Le novità più interessanti sono però state introdotte attraverso le Preferenze di Ricerca che consentono di inserire una metadescrizione non solo nella Homepage del blog ma anche una descrizione specifica per ciascun post che pubblicheremo o che abbiamo già pubblicato.
Non si capisce perché non sia ancora stato fatto nulla nella struttura del titolo che viene visualizzato nei motori di ricerca, Google in primis. Senza alcuna modifica del template, il titolo di ciascun post appare nelle ricerche di Google in questo modo
Il risultato è stato ottenuto digitando su Google il titolo esatto di un articolo che ho pubblicato in un mio sito di test denominato "Blog Di Prova". Come vedete la struttura è la seguente:
Nome del blog: Titolo del post
Se abbiamo un nome del blog piuttosto lungo si rischia che gli utenti visualizzino solo questo e non riescano a vedere neppure la prima parte del titolo dell'articolo che è stato richiamato dalla ricerca. Questo ha delle ricadute negative sul traffico verso il nostro sito visto che gli utenti cliccheranno più raramente sul nostro link che visto che non è chiaro neppure di cosa parli.
Il nostro obiettivo sarà quello di modificare la struttura del titolo nativa di Blogger con quest'altra
Titolo del post | Nome del blog
in modo da avere dei risultati su Google in questo modo
con il titolo del sito all'inizio del risultato e il nome del blog nella parte finale. Se poi il titolo è molto lungo e il nome del blog non si vede è certamente meno grave rispetto al non vedere il titolo del post. Ricordo che si può anche mostrare l'avatar dell'autore con degli appositi link al Profilo su Google+.
Dopo aver salvato il template, si va su Modello > Modifica HTML > Procedi e si cerca questo codice
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/> <b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
dove la larghezza 1100 può ovviamente anche essere diversa e dove la prima riga colorata di viola può essere stata sostituita da quest'altra
<meta content='IE=8, IE=9, IE=10, chrome=1' http-equiv='X-UA-Compatible'/>
per visualizzare il blog in modo più corretto con Internet Explorer. Se andate su Impostazioni > Preferenze di ricerca e abilitate questa opzione allora si dovrebbe vedere anche la riga
<meta expr:content='data:blog.metaDescription' name='description'/>
In ogni caso per impostare nei risultati prima il titolo e poi il nome del blog dobbiamo sostituire il precedente codice con quest'altro
<meta content='IE=8, IE=9, IE=10, chrome=1' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
Successivamente occorre salvare il modello. Le ultime tre righe colorate di verde sono opzionali e servono solo se si sono impostate le Preferenze di ricerca. Ovviamente il numero 1100 può variare da template a template. La riga verticale ( | ) può essere sostituita da un altro simbolo come i due punti ( : ) o il trattino ( - ) e serve per separare il titolo del post dal nome del blog.
I risultati di ricerca del blog non appariranno immediatamente con la nuova struttura ma occorrerà attendere alcuni giorni per i post e delle settimane per le etichette che sono state indicizzate.
Se volete fare le cose più semplici basterà sostituire questa riga
<title><data:blog.pageTitle/></title>
con questo codice
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
dove il carattere | serve per dividere titolo del post e nome del blog.
Bellissima e utilissima novità, la applico subito, grazie del consiglio:)
RispondiEliminagrazie l'ho subito modificato, ciao e buon fine settimana!
RispondiElimina@ NIco
RispondiElimina@ Caterina
Ne avevo già parlato anni fa ma ho pensato di riprendere il tema perché nel frattempo è cambiato anche il codice
Infatti... Il codice "vecchio" è ancora perfettamente funzionante. :)
EliminaCiao Parsi.
ho scelto la terza opzione quella + facile !! grazie per qst utile suggerimento!
RispondiEliminaCi provo, ovviamente con la terza soluzione
RispondiEliminaOttima dritta, provo subito a metterla in pratica grazie!
RispondiEliminaPS: C'è anche un modo per scegliere un'immagine fissa da far apparire nelle condivisioni di un blog su facebook? Me ne esce sempre una che non voglio :-/
@ Melangy PerSempre
EliminaProva a mettere i tag OpenGraph scegliendo una immagine da visualizzare quando non sono presenti nel post
http://www.ideepercomputeredinternet.com/2012/10/open-graph-facebook-modello-blogger.html
Grazie Ernesto io ho seguito l'ultima spiegazione più semplice, ti ringrazio che ne fai anche di più semplici per chi come me è un po' imbranata
RispondiEliminaa presto
Ciao Ernesto,
RispondiEliminami sono appena accorta che cercando online alcuni titoli dei miei post, anzichè comparire tutto il titolo come l'ho scritto io (ad esempio "Dieta tisanoreica: come funziona, pro e contro") appare "Dieta tisanoreica - Dieta e dintorni.net".
Una volta appariva il titolo per intero, e stavolta non mi sembra di aver toccato niente... Poi, ho visto che succede solo con alcuni titoli, mentre con altri no. Sai a cosa potrebbe essere dovuto?
Ti ringrazio.
@ Giuliana
EliminaCerto che lo so :D .... Google tende a modificare i titoli dei post quando sono troppo lunghi. Li può scegliere in funzione delle parole chiave oppure in base agli anchor text con cui sono stati linkati.
Io per esempio usando WLW linko dei post con lo stesso testo di ancoraggio e Google mi cambia spesso il titolo nei risultati di ricerca. Per esempio prova a incollare su Google
tag condizionali blogger
il secondo risultato che troverai avrà come titolo proprio l'anchor text "tag condizionali" invece del titolo del post ma ti potrei fare molti altri esempi.
Ah, ok. Dunque niente di cui preoccuparsi ;)
EliminaGrazie per il chiarimento.
Io ho seguito il procedimento più veloce però, se cerco con google il titolo esatto del post, come risultato mi compare solo il titolo del blog come intestazione e nella descrizione il titolo del post, come mai?
RispondiElimina@Startfromscratch
EliminaAspetta almeno una settimana per far indicizzare i post con le nuove impostazioni.
Ciao Ernesto,
RispondiEliminaho applicato l'ultimo codice, quello più semplice. Ho notato però che mentre l'indirizzo di alcuni post è composto ora nella parte finale dalle prime parole del testo del post stesso, quello di altri è invece un anonimo "blog post_xxxx"...mi sai dire perchè?
Grazie mille anticipatamente ^^
@ Antonella
EliminaNon posso sapere tutto, magari fosse così :)
Se hai inserito correttamente il codice dopo qualche giorno o qualche settimana, tutti i post dovrebbero vedersi con la struttura Titolo post | Nome blog
Grazie mille per la risposta tempestiva, e scusami per la domanda sono ancora alle prime armi ^^ Si aspetto allora e vediamo come va ^^
RispondiEliminaCiao!!!
Come sempre, grazie mille dei tuoi utilissimi consigli!
RispondiEliminaNon so se te l' ho già detto ma il tuo blog,insieme a un altro che frequento spesso è nella mia home.page così che possa tornare utile anche ad altri blogger!
Ora non mi resta che attendere che tutto sia filato liscio come l' olio :)
Valentina
@ Valentina
EliminaGrazie del link. Sono questi i ringraziamenti che preferisco per la mia attività. Ci vorranno dei giorni per visualizzare nei risultati la nuova struttura. I nuovi post dovrebbero essere tutti indicizzati con prima il titolo e poi il nome del blog
Ciao, articolo molto utile e ho appena applicato queste informazioni al mio blog, volevo chiederti per, nel mio caso nei risultati di ricerca appare solo il titolo del post, senza il nome del blog ne prima e ne dopo, come posso fare per farlo visualizzare?
RispondiElimina@# Se nel modello hai inserito il tag del terzo codice dopo il segno | vedrai che tra qualche giorno comparirà anche il nome del blog
EliminaUtilissimo e funziona, però su alcuni template no, chissà perchè...
RispondiEliminaa dirla tutta , non funziona su template che nei risultati di ricerca danno SOLO il titolo del post che però su FB danno PRIMA il titolo del Blog POI quello del post, evidentemente il team di Blogger non ha ottimizzato questa funzione pure per FB...
Elimina@# Prova con la descrizione
Eliminahttp://www.ideepercomputeredinternet.com/2012/03/la-descrizione-nelle-preferenze-di.html