Pubblicato il 16/10/15e aggiornato il

Come mostrare il titolo del post prima del nome del blog nei link su Facebook e nelle ricerche.

Come visualizzare il titolo dell'articolo prima del nome del blog su Blogger per avere più click nei risultati di ricerca e quindi aumentare il CTR.
L'obiettivo degli webmaster è quello di posizionare al meglio i post del proprio sito nei risultati di ricerca specie del motore di ricerca per antonomasia. Come è noto l'algoritmo di Google si basa su più di duecento fattori di ranking.  Oltre che pubblicare contenuti di buon livello bisogna stare attenti a inserire il tag Alt nelle immagini, prestare grande attenzione al titolo del post, inserire la giusta densità di parole chiave nel testo, aggiungere collegamenti a nostri articoli passati che trattavano lo stesso tema e linkare risorse esterne al sito per arricchire la nostra offerta.

Questo però non è sufficiente. Avere il nostro articolo nelle prime posizioni dei risultati di ricerca non significa che poi verrà scelto tra gli altri. È dimostrato che il primo risultato è il più cliccato e poi gli altri a seguire. In questa fase è particolarmente importante l'autorevolezza di un dominio. Se l'utente che ha effettuato la ricerca trova tra i risultati un post proveniente da un sito che ha già aperto e di cui conosce la affidabilità probabilmente sarà quello su cui cliccherà.

A parità di questi parametri la differenza tra un click fatto e uno negato è dovuta anche alla capacità descrittiva del titolo del post. Ci sono infatti titoli che spiegano esattamente quello che contiene il post e altri che invece lo fanno molto peggio. Gli utenti di Blogger sono svantaggiati perché nel nostro CMS di default viene mostrato prima il Nome del blog e poi il Titolo del Post


nome-blog-titolo-post

con questa struttura

NOME BLOG : TITOLO POST

Vediamo come modificare il template per avere dei risultati di ricerca con quest'altra struttura

TITOLO POST | NOME BLOG

dove al posto dei due punti ho messo la linea verticale in stile Wordpress. Un discorso analogo vale anche per i link condivisi su Facebook o su altri social. Si vedrà il nome del blog e poi il titolo del post insieme a snippet e eventualmente la miniatura

condivisione-facebook

Per risolvere entrambi i problemi dovremo mettere mano al modello di Blogger. Dopo aver salvato il template si va su Modello > Modifica HTML e si cerca questo codice

<title><data:blog.pageTitle/></title>

che sarà intorno alla 12-esima riga del template. Questi sono i tag di Blogger che determinano il titolo di tutte le pagine del sito, sia la homepage che i singoli post. Attraverso i tag condizionali va sostituita questa riga con una espressione che prenda in considerazione le diverse tipologie di pagine. Il codice precedente va quindi sostituito con quest'altro

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

in questo modo

codice-modello

Si salva il modello. Dopo qualche giorno per dare in modo a Google di rilevare la modifica i risultati di ricerca del vostro sito saranno mostrati con la nuova sintassi Titolo Post | Nome Blog

titolo-post-nome-blog
Questa modifica è molto più importante di quanto non possa sembrare a prima vista. Specialmente per i siti che abbiano un nome lungo come questo, il titolo del post viene quasi sempre troncato nei risultati di ricerca e chi l'ha effettuata difficilmente ci cliccherà sopra visto che non riesce a capire di cosa tratti la pagina. Se invece nei risultati di Google viene troncato il nome del blog posizionato dopo il titolo del post significa poco o nulla. Al posto della linea verticale | si può mettere un trattino - o mantenere i due punti  :. Potete verificare la bontà di questa modifica confrontando il CTR prima e dopo averla fatta su Search Console ex Strumenti per Webmaster. Dovrebbe aumentare in modo sensibile la percentuale dei click rispetto alle impressioni ricevute.

condivisione-link-facebook

Se adesso provate a condividere un articolo su Facebook si visualizzerà prima il titolo del post e poi il nome del blog separati dalla linea verticale. Eventualmente condividete un post diverso da quelli condivisi negli ultimi giorni per evitare conflitti tra i cookie. Limitatamente a Facebook ricordo anche che si può mostrare il link al Profilo dell'autore del post.




15 commenti :

  1. Buonasera, io ho riscontrato un problema che si è presentato oggi, ovvero nella condivisione facebook (accade solo con fb, gli altri social visualizzano il titolo senza problemi) non compare il titolo del post ma solo quello della pagina. Saprebbe aiutarmi?

    RispondiElimina
    Risposte
    1. Il tuo sito è questo?
      http://apienigiri.blogspot.it/2015/11/giovani-piloti-allesame-con-abarth_7.html
      In effetti viene rilevata la homepage e non il post. Questo probabilmente è dovuto a un codice diverso da quello visibile alla fine di questo post. Controlla che l'errore non sia quello. Prova anche a inserire le Preferenze di Ricerca se non lo hai già fatto
      http://www.ideepercomputeredinternet.com/2012/03/come-personalizzare-le-preferenze-di.html
      @#

      Elimina
    2. Grazie per la risposta, ma come devo fare per controllare che l'errore sia quello? o meglio, cosa devo andare a guardare?
      grazie ancora.

      Elimina
    3. Ciao Ernesto, volevo avvisarti che ho risolto, o meglio adesso mi vien fuori "nome del post | Nome Blog". adesso il problema si presenta solo sull'ultimo post, infatti i precedenti utilizzano la regola che c'era prima e i nuovi (ho fatto delle prove) adottano il modello su citato. grazie per la disponibilità, buona giornata.

      Elimina
    4. Mi sembrava di essere stato chiaro. Lo sarà ancora di più
      1) Salva il template
      2) Vai su Modifica > HTML
      3) Cerca il tag <data:blog.title/> . Ce ne dovrebbe essere uno o due soltanto
      4) Controlla che il codice intorno a quel tag sia

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

      dove la larghezza del blog (1100) può anche essere diversa. Nel caso non ci fosse questa struttura modifica il template per renderlo in questo modo
      @#

      Elimina
    5. Chiaro lo è stato, ma evidentemente la modifica non si applica sui post precedenti e per quello non risultava. adesso funziona perfettamente. Grazie.

      Elimina
  2. Buongiorno Ernesto e complimenti per l'attività che svolge.
    Io ho un problema da molto tempo relativo alla condivisione degli articoli del mio blog su Facebook. In realtà, quando copio il link dell'articolo e lo incollo in FB, il titolo mi esce bene ma la descrizione sotto no e neppure la foto. Non riesco proprio a risolvere, mi potrebbe aiutare Lei?

    RispondiElimina
    Risposte
    1. Dopo aver fatto la modifica mostrata in questo post devi attivare i metatag di Facebook seguendo queste istruzioni
      http://www.ideepercomputeredinternet.com/2015/12/blogger-metatag-google-facebook-pinterest-twitter.html
      Ci sono anche quelle per gli altri social network. Se sei interessato solo a Facebook inserisci solo il codice relativo a quel social
      @#

      Elimina
  3. Molto utile...

    Ho fatto esattamente come spiegato...tuttavia per alcuni post ora ho (Titolo_post/Nome_Blog), per altri post, invece è rimasto (Nome_Blog/Titolo_post)
    Da cosa può dipendere?

    Grazie

    RispondiElimina
    Risposte
    1. Non c'è ancora stata una nuova scansione ed è rimasta la vecchia. Puoi forzare una nuova scansione in questo modo
      http://www.ideepercomputeredinternet.com/2016/02/google-indicizzare-post-search-console.html
      @#

      Elimina
  4. Salve Ernesto, tempo fa ho inserito il codice nel mio blog (www.gastroliart.it) e tutto ha funzionato alla grande fino a qualche giorno fa. Ora esce solo il titolo del post e il nome del blog non esce più ma io non ho toccato nulla. Sapreste darmi qualche spiegazione?
    Grazie in anticipo e buona domenica.

    RispondiElimina
    Risposte
    1. Non ho doti divinatorie :)
      Prova a ricontrollare per vedere se sia cambiato qualcosa nel codice magari involontariamente. L'importante però è nella condivisione e nei risultati di ricerca si veda il titolo del post
      @#

      Elimina
    2. Ho provato a reinserire il codice ma nulla, sarà un problema di blogger.
      Grazie comunque Ernesto! :)

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.