Come visualizzare il titolo del post prima del nome del blog nei risultati di ricerca.

Come mostrare in Blogger il titolo del post prima del nome del blog separati da una linea verticale nei risultati di ricerca di Google.

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>

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 == &quot;index&quot;'>
  <title><data:blog.title/></title>
<b:else/>
  <title><data:blog.pageName/> |  <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
    <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 == &quot;index&quot;'>
  <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.