Come correggere gli errori con le thumbnail su Facebook
Questa guida è stata aggiornata il
Ti sono capitati errori con le thumbnail su Facebook? Continua a leggere e non ti abbattere! Abbiamo possibili soluzioni che faranno al caso tuo.
Cosa causa gli errori thumbnail su Facebook?
Vari fattori possono influenzare il sistema automatico di Facebook per estrarre la thumbnail corretta. Una causa molto comune è avere svariate immagini nella tag “og:image” e l’immagine di tuo interesse è di dimensione inferiore alle altre. Facebook utilizza “Open Graph (og) tag” e vari Plugin le aggiungono automaticamente al tuo sito per evitare l’errore thumbnail.
Altre cause possono essere, problemi con la cache dei plugins, problemi CDN, problemi con altre tag etc. In generale è molto complicato determinare con precisione cosa causa il problema, anche perché se si effettua il debug, non viene mostrato nessun errore specifico. Senza perderci ulteriormente in tecnicismi, vediamo cosa puoi fare per risolvere il problema.
Non è più possibile caricare manualmente la tua Thumbnail preferita
Fino a qualche mese fa, se stavi condividendo contenuto sulla tua pagina Facebook e la thumbnail corretta non veniva visualizzata, potevi cliccare sul pulsante di upload e scegliere l’immagine che preferivi. Purtroppo questa soluzione non è più disponibile.
Dopo i recenti avvenimenti verificatisi negli Stati Uniti e la crescita vertiginosa dei link click bait, la pressione a combattere le “fake news”, o notizie false, è aumentata esponenzialmente per Facebook. Tra le misure adottate c’è la rimozione della possibilità di modificare immagine, titolo e testo di anteprima dei link condivisi.
Per assicurarsi che l’immagine, il titolo e la descrizione del link corrispondano a quello che hai mente, dovrai prepararli mentre scrivi il contenuto stesso. Per farlo, dovrai usare l’Open Graph. Se non hai impostato questo protocollo, Facebook userà le informazioni nei dati meta per formattare i link condivisi. Al momento questa misura è valida per tutte le pagine e gli account, tranne quelli di società di pubblicazione, come le testate giornalistiche.
Chiediamo aiuto al plugin WordPress SEO del team Yoast
Se utilizzi il fantastico plugin Yoast SEO (la nostra guida disponibile qui) puoi scegliere una specifica immagine thumbnail da utilizzare con Facebook. Quando scrivi un post, sposta il puntatore del mouse verso il basso, sotto l’editor sul meta box di Yost SEO, clicca sulla tabba social. Nella tab social potrai vedere un pulsante per effettuare il caricamento di un immagine thumbnail per Facebook.
Caricando l’immagine thumbnail che preferisci, risolverei l’errore nella maggior parte dei casi. Nel caso dovessi avere ancora l’errore thumbnail dovrai resettare la cache di Facebook.
Vuoi investigare il problema in maniera piú approfindita?
Il tool di debug fornito da Facebook é il modo piú semplice per investigare problemi con l’implementazione di “open graph” sul tuo sito WordPress. Copia l’URL del tuo post WordPress ed incollalo nel tool di debug attivandolo. L’errore piú comune é senza dubbio:
Provided og:image is not big enough. Please use an image that’s at least 200×200 px. Image ‘https://example.com/uploads/2014/06/some-image-from-article.jpg’; will be used instead.
Facebook fa del suo meglio per scegliere l’immagine thumbnail giusta dando precedenza ad immagini che sono state create con dimensioni maggiori. Attivando di nuovo il tool di debug, con lo stesso url, farà scomparire l’errore.. non chiedeteci il perché, è uno dei misteri del web!
Conclusione
In questa guida ti abbiamo descritto le possibili cause dell’errore thumbnail su Facebook e ti abbiamo fornito tre diverse possibili soluzioni. Non sottovalutare l’importanza di avere il tuo contenuto condiviso in maniera appropriata, spesso puó fare la differenza nell’acquisire nuovi utenti.
Utilizzi l’Open Graph sul tuo sito o imposti i meta dati tramite un plugin, come Yoast SEO? Ti è capitato di avere problemi con la thumbnail dei link condivisi su Facebook?
e altri…
Problema condivisione su facebook: Proprietà dedotta
La proprietà “og:image” dovrebbe essere fornita in modo esplicito, anche se è possibile dedurre un valore da altri tag.
Proprietà mancanti
Mancano le seguenti proprietà necessarie: og:url, og:type, og:title, og:image, og:description, fb:app_id Come risolvo? Ho cambiato tema, cancellato la cache, provato con yoast seo ma nulla. In anteprima l’immagine è corretta, dopo aver condiviso su facebook l’immagine viene sostituita automaticamente.
Ciao Daniela, consigliamo di testare anche questo plugin: https://wordpress.org/plugins/facebook-thumb-fixer/. assicurandoti di pulire la cache del sito web. Facci sapere se riesci a risolvere!
Ciao ragazzi. A me usando il debugger mi compare questo errore: fb:app_id
Non capisco cosa vuol dire e come posso risolverlo. Voi avete un’idea?
Ciao, è un falso positivo.
Nel fare il debug, Facebook verifica la presenza di fb:app_id, un collegamento ad una applicazione sviluppata su Facebook (Facebook app ID) per quel sito, che non sempre viene realizzata. E quindi non serve fasciarsi la testa. Se proprio vuoi non vedere quell’errore, puoi assegnare la Facebook app ID delle Insights ufficiale: 966242223397117
Enjoy the web.
Ciao! Grazie per il post. Purtroppo non riesco a risolvere il problema in alcun modo. Ho impostato attivo open graph da seo by yoast e niente. Ho provato a caricare manualmente da yoast l’immagine ma niente. Ho provato a cambiare il tema grafico, disattivare i plugin… niente. Cancellate le cache. idem… Non mi da l’immagine in evidenza di un vecchio post e nemmeno di uno che voglio condividere adesso. La cosa curiosa è che se provo a condividere un altro post presente sul mio sito non mi da problemi. I problemi me li da con quei due post specifici eppure l’immagine è sempre nello stesso formato e della stessa grandezza di tutte le altre 🙁
Ciao Claudia, hai usato la funzionalità specifica di Facebook per capire la origine dell’errore? Vedi al link: https://developers.facebook.com/tools/debug/
Ciao, grazie per il supporto! In realtà, le soluzioni “normali” le ho già provate tutte! Avevo già configurato la frontpage nel mio Yoast SEO, ma proprio non ne vuole sapere! 😀
Ciao Simone, verifica attraverso questo tool https://developers.facebook.com/tools/debug/ quale può essere il problema. Facci sapere!
salve
la condivisione dei miei articoli funziona perfettamente. La mia esigenza è un’altra: Vorrei impostare un’immagine statica da visualizzare quando condivido l’indirizzo del mio blog su facebook, ad esempio: http://www.il-mio-blog.it. Attualmente il “recupero anteprima” di facebook carica le immagini degli articoli in homepage. Come posso fare? c’è un’opzione in bacheca o nelle impostazioni di qualche plugin?
grazie
Ciao Simone, se stai usando Yoast SEO, hai un’impostazione integrata per le immagini di Facebook. Nella tua bacheca, alla voce SEO>Social, vai alla scheda Facebook e seleziona un’immagine sotto ‘Impostazioni Frontpage’. Puoi anche impostare un’immagine come fallback, per i post che non presentano immagini in evidenza, in ‘Impostazioni predefinite’. Un saluto, a presto!
Sto provando a condividere un post da wp su facebook ma una volta condiviso non si vede l’immagine scelta ma un’altra immagine. Ho provato a pubblicare un nuovo post e cambiare anche l’immagine ma non ho risolto il problema. Il debugger di facebook mi ha dato questo riscontro:
Proprietà dedotta
La proprietà “og:image” dovrebbe essere fornita in modo esplicito, anche se è possibile dedurre un valore da altri tag.
Proprietà mancanti
Mancano le seguenti proprietà necessarie: og:url, og:type, og:title, og:image, og:description, fb:app_id
Cosa devo fare?
Grazie
Ciao Cristel, ti consiglio di leggere la nostra guida dedicata a come risolvere l’errore usando Yost SEO: https://sos-wp.it/cosa-fare-se-limmagine-di-anteprima-non-appare-su-facebook/. Un saluto!