Pubblicato il 16/10/15 - aggiornato il  | 47 commenti :

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.


47 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
  5. Ciao Ernesto questa regola vale sempre anche ora che il blog è https? posso quindi inserire il codice da te descritto? grazie

    RispondiElimina
  6. Ciao Ernesto, perché andando su tema -> Modifica HTML e cercando il codice non me lo trova? E' normale che non ci sia? Grazie in anticipo

    RispondiElimina
    Risposte
    1. Non c'è il codice data:blog.title/
      ma solo data:view.title.escaped/

      Elimina
  7. Prova a cercare solo una parte del codice come blog.pageTitle
    è questo vale per tutti i codici
    @#

    RispondiElimina
  8. Ciao Ernesto. Volevo capire come mai quando pubblico un post su twitter non mi viene fuori l'anteprima del post del mio blog. Su facebook riesco, ma su twitter no.
    Cosa mi consigli?

    RispondiElimina
  9. Devi seguire queste istruzioni
    https://www.ideepercomputeredinternet.com/2017/05/twitter-summary-card-blogger-theme.html
    @#

    RispondiElimina
  10. Ciao Ernesto, ho eseguito alla lettera le tue istruzioni ma non funziona. Che tu sappia è cambiato qualcosa negli ultimi tempi? Grazie!

    RispondiElimina
    Risposte
    1. Per verificare la condivisione su Facebook prima usa il Facebook Debugger
      https://www.ideepercomputeredinternet.com/2013/03/open-graph-facebook.html
      https://developers.facebook.com/tools/debug/
      Per i risultati su Google invece ci vogliono diversi giorni per i vecchi post, dovrebbe essere invece immediato per quelli nuovi
      @#

      Elimina
  11. Io ho trovato questo per primo scritto in verde



    e più sotto però c'è ne un altro sempre

    < dat a :po st.t i tle/>

    e sotto c'è
    < / :b f>
    < / h3

    non posso trovarlo

    < t i t l e > < dat a:bl og.pa geTit le/>


    nemmeno cercando con blog.pageTitle. se è uno di quelli che ho trovato io qual'è dei due devo cancellare per inserire il codice di sostituzione?

    RispondiElimina
    Risposte
    1. ?????
      Se non c'è la riga
      <title><data:blog.pageTitle/></title>
      probabilmente hai fatto qualche modifica precedentemente oppure hai un modello Responsive in cui non occorre fare questa modifica o hai un tema scaricato da internet.
      Se hai problemi a trovare il codice leggiti questo post
      https://www.ideepercomputeredinternet.com/2019/05/blog-tema-backup.html
      @#

      Elimina
  12. Sto usando il modello Emporio. Allora io dovrei trovare la riga < data :p ost.b ody />
    cancellarla e incollare

    < b:if cond=' data:blog. page Type == &qu o t;i ndex"'>


    |


    RispondiElimina
  13. Il Tema Emporio è Responsive e non ha bisogno di questa modifica. Il titolo del post viene condiviso prima di quello del blog già nativamente
    @#

    RispondiElimina
  14. A ok grazie. Ma ci sono altre modifiche utili che potrei effettuare?

    RispondiElimina
    Risposte
    1. I temi Responsive sono molto difficili da personalizzare.
      @#

      Elimina
  15. Capisco. Grazie per le informazioni

    RispondiElimina
  16. Ciao, forse avevo già scritto un post simili, ma il problema persiste...Google (ma non Yahoo etc..) mette il nome del Blog prima di quello dell'articolo nella ricerca..non so perchè e temo possa ridurmi il traffico.

    Ho controllato andando su tema e modello HTML ed è presente l'identico codice che riporti qui (lo copiai tempo fa)...non capisco perchè Google (e solo lui) lo ignora. Sai darmi qualche consiglio su come muovermi?

    RispondiElimina
    Risposte
    1. Non posso sapere che codice hai messo nel modello ma dal codice sorgente (Ctrl+U) si vede che tra i tag < title > e < / title> nel tuo blog viene mostrato il nome del blog. P.e. in questo blog viene invece mostrato correttamente il nome del post seguito dal nome del sito come puoi vedere da questa immagine
      https://i.imgur.com/WsKwE6Q.jpg

      @#

      Elimina
    2. Grazie, ma da cosa dipende ? E' normale che SOLO Google metta nome-blog prima del nome-articolo ? Tutti gli altri motori di ricerca lo mettono giusto, come del resto faceva Google sino a 20 giorni fa, senza che io abbia cambiato nulla negli ultimi mesi.
      Ti copio il modello relativo, mettendo degli spazi prima e dopo <>, perchè sennò non me lo fa postare....

      C'è qualcosa di sbagliato ? Cosa dovrei cambiare?
      Grazie mille
      < script src='https://sites.google.com/site/scriptperilblog/widget-1/articoli-simili-miniature.js' type='text/javascript'/ >
      < !--Articoli Simili con Miniature Fine-- >
      < head >
      < meta expr:content='data:blog.isMobile ? "width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" : "width=1100"' name='viewport'/ >
      < 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:skin ><![CDATA[/*-----------------------------------------------

      Blogger Template Style
      Name: Picture Window
      Designer: Blogger
      URL: www.blogger.com
      ----------------------------------------------- */

      Elimina
    3. Il codice è giusto. Non so perché nel codice sorgente non lo sia. Prova a spostare questo codice
      < script src='https://sites.google.com/site/scriptperilblog/widget-1/articoli-simili-miniature.js' type='text/javascript'/ >
      subito sopra alla riga < /head >
      Potrebbe essere quello il problema. Probabilmente hai copiato il codice in un mio post ma doveva essere inserito dopo il tag < head > e prima del tag < /head > e invece lo hai messo prima di < head > . Però non so se sia quello il problema. Cmq prova
      @#

      Elimina
    4. Premetto che non so nulla di HTML, ho controllato e nel mio modello non ho neppure un < /head >, solo < head >.

      Non vorrei fare danni, comunque la cosa strana è che fino a poco fa Google lo leggeva giusto ed io non ho apportato nessuna modifica....tra l'altro se il modello fosse sbagliato suppongo che tutti i motori di ricerca mettano nome-blog-nome-articolo, non solo lui..tra l'altro, per alcune parole chiave, anche Google lo mette giusto.

      Non capisco cosa possa esser successo e se in qualche modo lo si può far presente affinchè torni come prima.

      Grazie

      Elimina
    5. Non si può contattare Google per una cosa come questa. Hai sicuramente un tag < /head > che io ho dovuto scrivere con gli spazi. Adesso te lo scrivo senza spazi
      </head>

      Ti mostro anche dove è
      https://i.imgur.com/0gmeNxp.jpg
      nella riga numero 444. Incolla l'URL precedente nel browser e vai su Invio per visualizzare l'immagine
      @#

      Elimina
    6. Quando si fa ctrl + U, il codice che si vede è diverso da quello che ho quanto vado su Tema - Modifica HTML....bò non ci capisco più nulla e comunque dev'esser stata qualche impostazione di Google, dato che io non ho fatto modifiche.

      Grazie, vedrò se cambierà qualcosa nei prossimi mesi.

      Elimina
  17. Su emporio il codice da sostituire va inserito subito dopo hea ad
    Cancellando (io ho trovato questo)

    < da ta:blo g.p agenti tle tle/ >< /tit le>


    RispondiElimina
    Risposte
    1. Il modello Emporio non ha bisogno di questa modifica. Nei modelli Responsive di Blogger il titolo del post viene mostrato nativamente prima del nome del blog
      @#

      Elimina
  18. Ciao Ernesto, ma se invece io voglio mostrare all'interno del post prima il titolo del post e poi la data come devo fare? Adesso sto apportando alcune modifiche a un tema semplice non più emporio

    RispondiElimina
    Risposte
    1. Forse ti può aiutare questo post
      https://www.ideepercomputeredinternet.com/2013/05/data-under-post-title-blogger.html
      @#

      Elimina
    2. Ci sono riuscito con la guida del link che mi hai suggerito grazie genio

      Elimina
  19. salve sul mio tema Notable risulta così

    < data : view . title. Escape />
    < b: Inc lude da ta='bl og' name ='all- h ead - content '/>


    o devo inserire il codice che ai consigliato lei in questo articolo


    RispondiElimina
    Risposte
    1. Si tratta di un Tema scaricato da internet. I codici di questo articolo possono essere applicati solo ai Template ufficiali di Blogger. Per altri Temi bisogna rivolgersi ai loro autori.
      @#

      Elimina
  20. il tema che avevo scaricato da internet lo rimosso. Adesso sto usando il temaNotable offerto da blogger.

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy