Pubblicato il 04/03/16 - aggiornato il  | 61 commenti :

Come aggiungere i metatag e il javascript SDK di Facebook a Blogger.

Come aggiungere nel modello di Blogger i metatag degli Open Graph Markup di Facebook per condividere correttamente titolo, miniatura e descrizione dei post.
Nell'articolo precedente abbiamo visto come creare una applicazione Facebook per un sito web che ci permetterà di avere l'ID della applicazione da utilizzare insieme agli altri dati per implementare i metatag di Facebook.  

Si tratta in sostanza di righe di codice che verranno rilevate da Facebook quando verrà condiviso un contenuto del nostro sito. Vediamo nel dettaglio come procedere per un blog su Blogger. Oltre all'ID della applicazione occorre anche avere l'ID del proprietario del Profilo Facebook e l'indirizzo dello stesso profilo. Inoltre bisogna avere caricato online una immagine di default da mostrare come miniatura qualora non fosse presente nessuna immagine nel post.

AZIONI PROPEDEUTICHE ALLA INSTALLAZIONE DEI METATAG


1) PREFERENZE DI RICERCA

Per i blog su Blogger prima di procedere dobbiamo essere sicuri di avere attivato le Preferenze di Ricerca.  Si va su Impostazioni > Preferenze di ricerca > Metatag > Descrizione > Modifica

preferenze-di-ricerca

e si digita una descrizione di un massimo di 150 caratteri degli argomenti trattati nel nostro sito. Quindi si va su Salva Modifiche. Questa descrizione è relativa a tutto il blog e sarà visibile su Facebook solo quando si condivide la homepage del sito. Dopo aver attivato le Preferenze di Ricerca, quando si creerà un post, sulla destra verrà visualizzata sotto Impostazioni Post il campo Descrizione della ricerca in cui digitare un riassunto dell'articolo

descrizione-della-ricerca

Si va poi su Completato. Questa descrizione sarà lo snippet che verrà visualizzato su Facebook quando si condivide l'articolo in oggetto.

2) MOSTRARE IL TITOLO POST PRIMA DEL NOME DEL BLOG

Come impostazione di default i titoli dei contenuti dei post hanno la struttura

NOME BLOG : TITOLO POST

che vogliamo modificare in questo modo

TITOLO POST | NOME BLOG

e che porterà a questo risultato

titolo-post-nome-blog

per avere il titolo del post prima del nome del blog non solo nei contenuti condivisi su Facebook ma soprattutto nei risultati di ricerca di Google.  Per questa operazione, dopo aver salvato il template, si va su Modello > Modifica HTML e si cerca questa riga di codice

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

che di solito si trova tra la decima e la quindicesima riga.  Si sostituisce tale riga 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>

quindi si salva il modello. Con questa modifica tramite l'introduzione di opportuni tag condizionali si differenzia la homepage dalle altre pagine del blog.

3) AGGIUNGERE IL CODICE SDK AL MODELLO 

Come illustrato nel post linkato all'inizio dell'articolo va inserito nel modello di Blogger il codice javascript SDK che servirà per installare i vari social plugin. Si va su Modello > Modifica HTML e si cerca la seguente riga

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

quindi subito sotto a questa si incolla il codice SDK con questa struttura

<!-- Facebook SDK Start -->
<div id='fb-root'></div>
<script>
 //<![CDATA[
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '116894568356960',
      xfbml      : true,
      version    : 'v2.5'
    });
  };
  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/it_IT/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
 //]]>
</script>
<!-- Facebook SDK End -->

dove dobbiamo inserire l'ID della app del sito al posto di quella colorata di rosso e opzionalmente en_US al posto di it_IT se si preferisce la lingua inglese. Si salva il modello.

AGGIUNTA DEI METATAG OPEN GRAPH MARKUP DI FACEBOOK


L'obiettivo è quello di fare in modo che Facebook riconosca titolo, descrizione, immagine e altri oggetti presenti nel nostro post. A questo scopo vengono usate le API Open Graph Markup che arricchite dai Tag dei dati per i layout di Blogger portano alla creazione di un codice come questo

<!-- Metatag Facebook Inizio -->
<meta content='https://www.facebook.com/parsifal32' property='article:author'/>
<meta content='parsifal32' property='fb:admins'/>
    <meta content='116894568356960' property='fb:app_id'/> 
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <meta content='article' property='og:type'/>
      <meta expr:content='data:blog.title' property='og:site_name'/>
      <meta expr:content='data:blog.pageName' property='og:title'/>
      <meta expr:content='data:blog.metaDescription' property='og:description'/>
      <b:if cond='data:blog.postImageThumbnailUrl'>
        <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
        <b:else/>
        <meta content='https://lh3.googleusercontent.com/-SMxI9TtqpKA/UiPB9AuUYKI/AAAAAAAAADo/Z7FdOnU3H3Q/w640-h180-p-rw/Cover-googleplus3.png' property='og:image'/>
      </b:if>
      <b:else/>
      <meta expr:content='data:blog.title' property='og:title'/>
      <meta content='website' property='og:type'/>
    </b:if>
    <meta expr:content='&quot;it_IT&quot;' property='og:locale'/>
    <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<!-- Metatag Facebook Fine -->

Si va su Modello > Modifica HTML e si incolla tale codice subito sopra alla riga </head>.

PERSONALIZZAZIONI


   1) Nella riga evidenziata di giallo dovete sostituire l'URL del mio profilo Facebook con quello vostro. L'ultima parte può essere un nick (parsila32) oppure anche un numero. In questo modo nelle condivisioni su Facebook verrà inserito il link al nome dell'autore del post

link-profilo-facebook   2) Nella riga <meta content='parsifal32' property='fb:admins'/> a parsifal32 va sostituita l'ultima parte dell'indirizzo del vostro profilo sia esso un username o un numero.

   3) Nella riga  <meta content='116894568356960' property='fb:app_id'/> al posto del numero colorato di rosso va inserito l'ID della applicazione che avete creato per il vostro sito seguendo le istruzioni del post linkato all'inizio di questo articolo.

   4) L'URL della immagine colorato di viola è quello del logo di questo sito. Va sostituito con l'indirizzo del logo del vostro blog. Tale logo deve avere dimensioni adeguate (≥ 400x400 pixel).

COME TESTARE CON FACEBOOK DEBUGGER

Dopo aver salvato il modello si deve testare il funzionamento di tali metatag. È lo stesso Facebook che ci dà lo strumento necessario. Si apre Facebook Debugger e si incolla l'URL di un post 

facebook-debugger
Si va quindi su Debug per verificare che i metatag siano stati rilevati correttamente

metatag-facebook-debugger
Se ci sono degli warning di colore rosso significa che qualcosa non ha funzionato bene. Un Warning come quello presente nello screenshot è trascurabile anche perché avverte che la proprietà 'og:description' deve essere esplicitamente prevista anche se può essere dedotta dagli altri tag.

In realtà la descrizione del post viene dedotta dalle Preferenze di Ricerca secondo le istruzioni illustrate anche in questo post. Non ho ancora trovato un modo per esplicitare metatag 'og:description' per Facebook ma non escludo di riuscirci in futuro. La descrizione è invece facilmente inseribile nei metatag per Pinterest e Twitter come mostrato nel post seguente


Se si scorrono verso il basso i risultati di Facebook Debugger

SNAGHTML4e94b3
si visualizzerà anche l'Anteprima della condivisione oltre agli altri metadati rilevati. Nei prossimi post inizieremo a prendere in considerazione l'installazione dei vari social plugin. Concludo ricordandovi di non testare con Facebook Debugger un post appena pubblicato ma aspettate un tempo ragionevole che potrebbe essere un quarto d'ora o anche di più per i siti meno indicizzati.

Aggiornamento: Ho risolto il problema della mancanza del tag og:description nel test con Facebook Debugger con l'aggiunta della riga evidenziata di verde




61 commenti :

  1. Grazie Ernesto,
    i tuoi post sono sempre utilissimi e ultra affidabili!

    RispondiElimina
  2. Buongiorno Ernesto. Ho seguito la tua guida passo

    per passo ma riscontro dei problemi. Sto usando il

    template "PICTURE WINDOWS" di Josh

    Peterson.Fatto tutto cio che dici in questa guida,

    quando faccio il debug da fb, mi dice che esiste gia

    un tag og:url che viene richiamato da qualche altra

    parte sul template. Usando il pulsante ispeziona

    elemento da chrome e poi da li cercando la parola "og:url" , scopro che ci sono dei metatag che non si trovano propriamente sul template ma a quanto pare vengono richiamati dall'esterno. Guardando e e cercando dall'editor del codice sorgente dentro blogger non c'è traccia di questi meta tag e non so come rimuoverli per sfruttare solamente quelli indichi in questa guida per la condivisione su fb. Come faccio a togliere questo

    conflitto tra i tag? Vorrei poter mantenere il

    template in questione. Soluzioni ? Grazie in anticipo

    e complimenti per il tuo sito. Grazie per tutte le

    guide che crei ;)

    RispondiElimina
    Risposte
    1. I Metatag di Facebook mi hanno già fatto venire il mal di testa :)
      1) Quando si fa il Debugger con Facebook i risultati non sono univoci. Magari il giorno dopo si ottengono risultati diversi dal giorno prima
      2) I post appena pubblicati non danno dei risultati attendibili. Bisognerebbe aspettare almeno un giorno
      3) In linea di massima però le condivisioni funzionano quasi sempre
      4) Ho notato che altri metatag come quelli di Pinterest possono interagire con quelli di Facebook. Togliendoli dal mio modello ho migliorato la situazione del Debugger
      http://www.ideepercomputeredinternet.com/2015/12/blogger-metatag-google-facebook-pinterest-twitter.html
      @#

      Elimina
  3. Facendo il debug di un post di blogger,mi esce fuori questo messaggio:
    The provided 'og:image' properties are not yet available because new images are processed asynchronously. To ensure shares of new URLs include an image, specify the dimensions using 'og:image:width' and 'og:image:height' tags
    Puoi darmi qualche suggerimento?

    RispondiElimina
    Risposte
    1. Mi dice qualcosa di simile anche a me. Dipende dal tag
      data:blog.postImageThumbnailUrl
      che indica come immagine del post la miniatura che però non ha dimensioni sufficienti. Sto studiando come risolvere. Se ci riesco ci faccio un nuovo post.
      @#

      Elimina
  4. Ciao Ernesto, sei sempre il riferimento numero uno per noi "bloggers", vorrei fare in modo che nell' anteprima non esca la descrizione del sito, è possibile?

    RispondiElimina
    Risposte
    1. Per non mostrare la descrizione del sito devi attivare le Preferenze di ricerca e modificare il modello come illustrato nei primi due capitoli di questo post. Se poi per descrizione intendi non la descrizione del sito ma quella del post allora segui queste istruzioni
      http://www.ideepercomputeredinternet.com/2016/09/blogger-metadescrizione-incipit-snippet-schemaorg.html
      @#

      Elimina
    2. intendo la descrizione del sito. Nella descrizione ho usato delle keywords che effettivamente mi portano delle visite tramite google, ma sono "sconvenienti" nel momento in cui appaiono in un post fb. Vorrei mantenerle nella descrizione ma non farle apparire nelle anteprime. Si possono modificare manualmente da fb desktop, ma oltre ad essere una perdita di tempo, questa funzione da mobile o da hootsuite non è prevista.

      Elimina
    3. Le keyword inserite nella descrizione del sito non dovrebbero vedersi nella condivisione di un post su Facebook. Si dovrebbe vedere solo la descrizione di ricerca inserita con l'Editor del post. Forse le hai aggiunte nel modello e quindi vengono rilevate automaticamente.
      @#

      Elimina
  5. Salve, e se non volessi avere il nome del mio profilo Facebook?
    Che riga devo cancellare? E' possibile?
    Chiara

    RispondiElimina
    Risposte
    1. Potresti cancellare la riga evidenziata di giallo, sparirebbe il link ma rimarrebbe il nome. Per non avere il nome bisognerebbe che tu creassi un altro Profilo per poi utilizzarlo per creare la Applicazione. Però Facebook non lo vede di buon occhio e potrebbe bannarti il profilo falso. Per evitarlo dovresti aprire i due Profili di Facebook con due diversi browser.
      @#

      Elimina
  6. A me da questo errore "Più di un URL Open Graph specificato" cosa dovrei fare? :/
    Grazie mille per la guida!

    RispondiElimina
    Risposte
    1. Significa che ci sono più metatag per lo stesso oggetto. Non è cosa di cui preoccuparsi. Sarebbe stato peggio se non ci fossero stati metatag per quell'oggetto. Guarda di che oggetto si tratta e controlla nel tuo template. Forse c'era un'altra riga oltre a quelle che hai copiato da questo post
      @#

      Elimina
  7. Da alcuni giorni quando condivido un post su Facebook la foto è sbagliata. Sono costretto ad usare il "Debugger di condivisione" per correggere la foto. Come risolvere il problema? Non ho modificato nulla nel template.

    RispondiElimina
    Risposte
    1. Guarda, non saprei proprio. Se non hai modificato nulla può darsi che il problema sia in Facebook. Prova a aspettare qualche giorno
      @#

      Elimina
  8. Ciao Ernesto sono iscritta alla tua new ho un problema ho appena creato un blog cioè questo

    http://benessereerisparmio.blogspot.it/

    dal blog riesco a condividere i post su Twitter e Pinterest ma nn su Facebook....
    Ho cercato di vedere le impostazioni con l'altro blog ma nulla...
    Cosa posso fare? grazie ciaooo

    RispondiElimina
    Risposte
    1. Ho analizzato il tuo sito con Facebook Debugger
      https://developers.facebook.com/
      e il risultato è che i contenuti del sito non rispettano gli standard della comunità.
      https://www.facebook.com/communitystandards
      Se ritieni si tratti di un errore clicca comuicalo a Facebook anche da questa pagina
      https://www.facebook.com/help/986265348145792?helpref=search&sr=1&query=blocchi%20facebook
      oppure cliccando su Comunicacelo in questa pagina
      https://developers.facebook.com/tools/debug/sharing/?q=http%3A%2F%2Fbenessereerisparmio.blogspot.it%2F2017%2F08%2Fdetergente-baby-ultradelicato-con-aloe.html


      @#

      Elimina
  9. Ciao Ernesto grazie per tutto ho scritto a Facebook segnalando il tutto e scrivendo che il mio blog non ha contenuti Spam... Spero che mi rispondono ciao

    RispondiElimina
  10. Buongiorno Ernesto,

    questo articolo è stato davvero una manna dal cielo!

    Io ho solo due problemi:

    1) Da sempre, prima di postare su facebook devo usare sistematicamente il Debugger, altrimenti al primo colpo nel post non appaiono nè la foto nè la descrizione;

    2) Da qualche tempo il link al profilo non appare più.

    Come è possibile risolvere questi problemi?

    Grazie in anticipo!

    RispondiElimina
    Risposte
    1. Per il link al Profilo controlla che non codice ci sia la riga evidenziata di giallo che genera il link mentre il Debugger serve per eliminare i cookie di Facebook presenti nel browser. Forse ce ne sono alcuni che danno fastidio.
      Potresti provare a eliminare tutti i cookie di Facebook
      http://www.ideepercomputeredinternet.com/2016/07/cookie-chrome-firefox-internet-explorer.html
      per poi effettuare di nuovo l'accesso. Non ti posso assicurare il risultato
      @#

      Elimina
    2. Si, la riga del codice c'è!
      E' strano perchè linkando gli articoli vecchi non mi dà problemi (anche provando a rilinkarli adesso), mentre invece suglia articoli nuovi (da un mese a questa parte) non c'è verso di far apparire il link al profilo...

      Elimina
    3. Per completezza, questi sono gli articoli per i quali non appare il link al profilo:

      https://maffytour.blogspot.com/2017/05/50-cose-da-sapere-prima-di-partire-per.html
      https://maffytour.blogspot.com/2017/07/15-consigli-per-pianificare-la-vostra.html
      https://maffytour.blogspot.com/2017/08/un-week-end-disneyland-paris.html
      https://maffytour.blogspot.com/2017/08/10-cose-da-sapere-sulle-usanze.html

      Puo' esserci qualche elemento nel codice HTML del singolo articolo che blocca il link al profilo?

      Mi scuso per il disturbo, ma non riesco a venirne a capo...

      Elimina
    4. Mi fa piacere che tu pensi che possa risolvere tutti i problemi ma purtroppo non è così :(
      Non saprei perché il profilo appare nella condivisione di certi post e non in quella di altri. Forse, ripeto forse, dipende dal fatto che hai abilitato HTTPS invece di HTTP. Visto però che si tratta di alcuni post potrebbe anche essere che siano proprio i contenuti di questi posta a creare delle incompatibilità. Mi spiace non poterti aiutare di più
      @#

      Elimina
    5. Grazie comunque! :)
      Continuo le mie investigazioni e se ne vengo a capo ti faro' sapere...
      Sono convinta comunque che sia un problema di facebook, spero temporaneo.

      Un'ultima domanda: è possibile ottenere lo stesso risultato anche per le Pagine del proprio blog che si condividono su facebook e non solo per i Post?
      A meno che non sia un problema del mio blog, il codice qui sopra funziona solo per i Post, mentre quando si condividono le Pagine il risulatato è lo stesso della condivision della Home Page (titolo, descrizione e immagine del blog di default).

      Elimina
    6. Le Pagine non sono fatte per essere condivise su Facebook m hanno altre funzioni. Poi le pagine non hanno metadescrizione. Facebook non le rileva
      @#

      Elimina
  11. Ciao Ernesto, ho inserito questo codice e tutto ha funzionato bene per diverso tempo, da qualche giorno invece, pur non avendo modificato niente, è sparito il mio nome nell'anteprima di Facebook e quando vado su debugger mi appare scritto: ''Le seguenti proprietà sono specificate sulla pagina Web ma non sono supportate per lo specifico "og:type": article:author''. Non so se c'entra in qualche modo, ma ho notato che sempre nell'anteprima di Facebook, l'indirizzo del mio blog alcune volte finisce con ''.PE'' invece di finire con ''.COM''.Hai qualche idea a riguardo? Grazie in anticipo ;)

    RispondiElimina
    Risposte
    1. "Le seguenti proprietà sono specificate sulla pagina Web ma non sono supportate per lo specifico "og:type": article:author" lo dice anche a me. Si può risolvere togliendo la riga
      < meta content='article' property='og:type'
      L'anteprima su Facebook mi sembra non abbia problemi. Ho testato questo post
      http://argilla---digitale.blogspot.it/2017/11/requiescat-in-pace.html
      che spero sia del tuo blog.
      @#

      Elimina
    2. Ho eliminato quella riga ma il mio nome (che indirizza al mio profilo di Facebook) ancora non ritorna. Facendo il debugger mi appaiono questi avvisi: Proprietà non pertinenti specificate
      Le seguenti proprietà sono specificate sulla pagina Web ma non sono supportate per lo specifico "og:type": article:author
      Proprietà mancanti
      Mancano le seguenti proprietà necessarie: og:type
      Reindirizzamento circolare
      Non siamo riusciti a risolvere l'URL canonico perché il percorso di reindirizzamento conteneva un ciclo.

      Elimina
    3. Si, Il link che hai testato è del mio blog

      Elimina
  12. Si ho provato anche io a togliere la riga e l'avviso rimane. Il nome dell'autore di vede se è presente la riga evidenziata di giallo. Nel tuo blog c'è ma controlla che sia giusta. Per la parte finale dell'avviso che ricevi non ti so dire nulla
    @#

    RispondiElimina
  13. Questo commento è stato eliminato dall'autore.

    RispondiElimina
  14. Niente... non se ne viene a capo :( Ho addirittura creato un nuovo Blog (sempre su Blogger) aggiungendo nell'applicazione di Facebook il nuovo indirizzo per vedere se magari avevo pasticciato troppo con il mio modello, ma niente. Ho provato anche a variare lì dove dice ''v2.5'' proprio perchè la versione dell'applicazione di Fb ora è ''v2.11'' ma il mio nome non appare. Continuo a notare il cambiamento da .COM a .PE ogni volta che faccio il debugger, secondo me è lì l'anomalia, ma non saprei davvero come mettere mano.

    RispondiElimina
  15. Dico che il problema potrebbe essere il .COM/.PE perchè in passato, senza che avessi toccato nulla, il mio nome era già scomparso mentre notavo appunto che in ogni singolo post pubblicato (sempre su Fb) l'indirizzo in basso a sinistra variava in questo modo. Non ho toccato ugualmente nulla e infine il mio nome è riapparso proprio quando ogni post pubblicato finiva sempre in .COM ma adesso è più di un mese che c'è quest'alternanza nell'indirizzo ed è più di un mese che non appare il mio nome.

    RispondiElimina
    Risposte
    1. Mi spiace ma non so come posso aiutarti. Questo suffisso .pe è il dominio del Perù e non capisco da dove provenga :)
      @#

      Elimina
    2. Questo commento è stato eliminato dall'autore.

      Elimina
  16. Questa è proprio bella! il Perù... :D Strano però, visto che il test con il pulsate ''Like'' di Facebook funziona (anche se solo con en_US) ma per quanto riguarda il nome, niente! Va bene, magari mi trasferisco in Perù :D Grazie ugualmente per la disponibilità. P.S. Possibile che si tratti di una sorta di clonazione del sito o di qualche genere di violazione?

    RispondiElimina
    Risposte
    1. Il bello (se così si può dire) è che anche con il post del nuovo blog creato stamattina c'era ad ogni debugger l'alternanza tra COM e PE... Dannato il Perù! :( :D

      Elimina
    2. Vista la situazione non si può escludere un bug di Blogger. Ti consiglio di postare il problema nel forum
      https://productforums.google.com/forum/#!forum/blogger
      magari in inglese per vedere se altri utenti hanno o hanno avuto problemi analoghi. Io quando ho testato il tuo sito in verità non me ne sono accorto
      @#

      Elimina
    3. Confermo che il "problema" .PE si presente anche con i miei blog. Riguardo agli avvisi su Debugger, credo che il problema sia la versione aggiornata 2.11 dell'API. Non ho nessuno avviso con due blog, mentre con un altro si. L'unica differenza è che ho aggiornato l'API da 2.5 a 2.11.

      Elimina
    4. Potrebbe dipendere dal fatto che Blogger adopera dei server che si trovano lì? Dal Perù ci sono state 23 visualizzazioni di pagine questo mese, c'entra qualcosa? Grazie per quel link, spero di riuscire a risolvere in inglese quello che non sono riuscito a risolvere in italiano :D Maxso, grazie mille anche a te per essere intervenuto! Per quanto riguarda il tuo blog, l'avviso è seguito anche dal fatto che è sparito il nome dell'autore? Anche su quel blog c'è l'alternanza COM/PE?

      Elimina
    5. Prova a scrivere blogspot.pe nella barra degli indirizzi e vedi che esce. A me compare l'indirizzo www.google.it con una specie di codice vicino.

      Elimina
    6. PS: Sembra che sia un problema di Facebook. Ho trovato questa discussione
      https://productforums.google.com/forum/#!topic/blogger/bKk31Vr_XP4;context-place=forum/blogger

      Elimina
    7. Confermo: anch'io ho inspiegabilmente il problema .PE e il link al mio profilo facebook non appare più.

      Elimina
  17. Grazie! Letto... su Twitter non ci sono ma a quanto scrivono, il problema si presenta solo su Facebook e solo per alcuni blogger, perchè non mi pare che ci siano molti con questo problema... Consigliano di contattare Facebook ma come è noto, è come cercare di mettersi in contatto con il Creatore :(

    RispondiElimina
  18. Quindi è almeno dal 12 ottobre che sta succedendo questa cosa che ha del ridicolo. Se la colpa come pare è di Facebook se la prenderanno sicuramente molto comoda :(
    Rimane un mistero perché il combinato disposto blogspot e pe generi questo bug, boh
    @#

    RispondiElimina
  19. L'ultima volta il problema si è risolto in automatico, anche se è durato poco più di una settimana, se ricordo bene. Incrociamo le dita... :D

    RispondiElimina
  20. Caio Ernesto, ti chiedo se hai mai affrontato in qualche articolo il tema dell'immagine di anteprima di un post una volta condiviso su Facebook, vorrei sapere se si può personalizzare, visto che alcune volte l'immagine viene tagliata in un modo terribile. Grazie ;)

    RispondiElimina
    Risposte
    1. Scrissi questo post più di tre anni fa
      http://www.ideepercomputeredinternet.com/2014/07/facebook-personalizzare-miniatura-snippet-condivisione.html
      che ebbe grande successo di Mi Piace. È un metodo manuale ma spesso risolve
      @#

      Elimina
  21. Buonasera, ho trovato un codice in rete da inserire nel modello ma se mi permetti di postare il link della pagina (in inglese) magari ne potrai capire di più, si riferisce proprio al mio problema, anche se facendo il copia e incolla non è accaduto nulla :( l'ho fatto sia quando ho tradotto la pagina con google che in inglese, ma niente!


    RispondiElimina
    Risposte
    1. Nella seconda riga del codice in cui si legge ''blogspot'' ho provato anche ad inserire al posto dei due punti, dell'asterisco e del punto interrogativo, sia .pe che .com ma niente di fatto :( P.S. ho copiato tutto, anche le scritte con il nome dell'autore e via dicendo, ma credo che quello sia ininfluente, giusto?

      Elimina
    2. https://www.labnol.org/internet/prevent-blogger-country-redirection/21031/

      Elimina
  22. Adesso sono riuscito a fare rimanere .com dopo ogni debugger anche se ancora non torna il link al mio profilo, sono andato qui https://support.google.com/blogger/answer/2402711?hl=en e ho inserito nel codice (dopo head) http://[blogname].blogspot.com/ncr che adesso però appare in alto a sinistra sotto la copertina, sia nella pagina principale che in ogni singolo post, ma non sarebbe un problema se almeno riavessi il mio nome giù in basso a destra. Po*co Blog*er! :D

    RispondiElimina
    Risposte
    1. P.S. tutto questo avviene anche dopo aver eliminato completamente il codice trovato nella prima pagina postata

      Elimina
    2. P.P.S adesso facendo il debugger l'unico avviso che compare è: La proprietà "og:image" dovrebbe essere fornita in modo esplicito, anche se è possibile dedurre un valore da altri tag.

      Elimina
    3. E su ''Proprietà mancanti'' adesso appare anche ''Mancano le seguenti proprietà necessarie: og:url, og:type, og:title, og:image, og:description, fb:app_id''

      Elimina
    4. Mi Correggo, http://argilla---digitale.blogspot.com/ncr appare sopra la copertina, adesso è la prima scritta che si legge nel blog

      Elimina
    5. Il post di Labnol che hai citato riguarda il blocco del redirect ai domini localizzati come spiegato qui
      http://www.ideepercomputeredinternet.com/2015/09/redirect-dominio-localizzato-blogger-canonico-com.html
      Non credo abbia attinenze con la condivisione di articoli su Facebook
      @#

      Elimina
  23. Capisco... anche se ho avuto, come scritto nell'articolo di Labnol, un calo significativo delle visite (da 2000 a 200/300 al giorno) da quando è apparso questo problemaccio. Ho eliminato anche l'ultimo breve codice aggiunto perchè è tornata di nuovo l'alternanza .pe/.com :( Che Blogger ce la mandi buona!

    RispondiElimina
  24. Ho scritto anche all'assitenza Facebook. Per il momento nessuna risposta.

    RispondiElimina

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.