- \n
- In che modo Facebook trova le immagini in primo piano nei tuoi post<\/li>\n
- Come implementare correttamente il supporto per le miniature di Facebook<\/li>\n
- Come eseguire il debug delle miniature di Facebook quando non funzionano.<\/li>\n<\/ul>\n
Come fa Facebook a sapere quale immagine usare?<\/h2>\n
Facebook usa qualcosa chiamato protocollo Open Graph. In breve, \u00e8 un modo standardizzato per aggiungere informazioni alla tua pagina sulla tua pagina.<\/p>\n
Ad esempio, gli elementi Open Graph sulla tua pagina possono dire a Facebook qual \u00e8 il titolo, l’URL e l’immagine da mostrare quando vengono condivisi su Facebook. Ecco come appaiono i tag Open Graph in un recente post di blog su Compete Themes:<\/p>\n
![\"Come](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f449d5c74a.png\")
<\/a><\/p>\nPuoi vedere tutti i tag Open Graph che iniziano con "og:". Dai un’occhiata in particolare al tag "og:image". Questo \u00e8 esattamente il modo in cui dici a Facebook quale immagine usare come miniatura quando la pagina \u00e8 condivisa.<\/p>\n
Quindi, tutto ci\u00f2 di cui hai bisogno \u00e8 un modo per aggiungere un tag immagine Open Graph ai tuoi post che utilizzer\u00e0 automaticamente la tua immagine in primo piano.<\/p>\n
Non preoccuparti, non \u00e8 necessario scrivere alcun codice. Hai solo bisogno del plugin giusto.<\/p>\n
Ci sono due plugin che funzionano molto bene per aggiungere tag Open Graph. In effetti, potresti persino averne uno gi\u00e0 installato.<\/p>\n
Aggiungi Open Graph con Yoast SEO<\/h3>\n
Stai usando il plugin Yoast SEO<\/a>? Se \u00e8 cos\u00ec, hai gi\u00e0 tutto ci\u00f2 di cui hai bisogno.<\/p>\n
Nel menu Yoast SEO, vedrai il menu Impostazioni social elencato qui:<\/p>\n
![\"Come](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f449ff2da7.png\")
<\/a><\/p>\nVisita le impostazioni Social e quindi fai clic sulla scheda Facebook.<\/p>\n
![\"Come](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44a270d66.png\")
<\/a><\/p>\nInfine, vedrai l’opzione per abilitare i metadati Open Graph. Assicurati che sia attivato per abilitare se non lo \u00e8 gi\u00e0.<\/p>\n
![\"Come](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44a50fcca.png\")
<\/a><\/p>\nQuesto \u00e8 tutto ci\u00f2 che devi fare per aggiungere i tag Open Graph di cui Facebook ha bisogno.<\/p>\n
Ora, ogni volta che condividi un post su Facebook, l’immagine in primo piano impostata per il post verr\u00e0 utilizzata automaticamente.<\/p>\n
Scopri come aggiungere immagini in primo piano con Challenger<\/a><\/p>\n
Nello screenshot qui sopra, puoi vedere che Yoast fornisce anche un’opzione per impostare l’immagine, il titolo e la descrizione che desideri utilizzare per la tua home page. Inoltre, c’\u00e8 un’immagine di riserva che puoi usare per tutti i post\/pagine che non hanno un’immagine in evidenza.<\/p>\n
Se vuoi che Facebook mostri le immagini dei tuoi post, ma non vuoi installare Yoast SEO, usa invece i passaggi seguenti.<\/p>\n
Aggiungi Open Graph con Thumb Fixer per Facebook<\/h3>\n
Se non desideri utilizzare Yoast SEO, puoi invece installare il plug-in Facebook Thumb Fixer<\/a>.<\/p>\n
![\"Come](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44a7dc40b.png\")
<\/a><\/p>\nThumb Fixer per Facebook aggiunge automaticamente i metadati di Open Graph ai tuoi post e alle tue pagine. Come con Yoast SEO, le immagini in evidenza verranno utilizzate come miniature su Facebook.<\/p>\n
Puoi anche impostare un’immagine predefinita per Facebook che \u00e8 utile per tutti i post che non hanno un’immagine in primo piano.<\/p>\n
Ecco le impostazioni che questo plugin aggiunge al menu Impostazioni generali.<\/p>\n
![\"Come](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44aaa65d1.png\")
<\/a><\/p>\nNon \u00e8 necessario impostare nessuna di queste impostazioni, ma possono aiutarti a ottimizzare ulteriormente il tuo sito per la piattaforma social.<\/p>\n
Facebook non mostra una miniatura!<\/h2>\n
Hai aggiunto uno dei plugin consigliati sopra?<\/p>\n
Le miniature non vengono ancora visualizzate?<\/p>\n
Ci sono due passaggi che puoi seguire per risolvere questo problema.<\/p>\n
Svuota la cache del tuo sito<\/h3>\n
Se utilizzi un plug-in di memorizzazione nella cache come WP Rocket<\/a>, i tag Open Graph potrebbero non essere ancora visualizzati nelle tue pagine.<\/p>\n
Per verificare se i tag sono stati aggiunti, visita qualsiasi post sul tuo sito. Fare clic con il pulsante destro del mouse e selezionare l’opzione Visualizza origine pagina.<\/p>\n
![\"Come](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44acb40b2.png\")
<\/a><\/p>\nQuindi usa cmd+f (ctrl+f) per cercare nell’origine della pagina il seguente testo: og:image.<\/p>\n
Dovresti vedere risultati come i seguenti:<\/p>\n
![\"Come](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44aec72f9.png\")
<\/a><\/p>\nSe non trovi i tag, significa che stai visualizzando una versione cache della pagina. Usa il tuo plug-in di memorizzazione nella cache per svuotare la cache e ricaricare la pagina. Dovresti quindi vedere i metadati di Open Graph nel codice sorgente.<\/p>\n
Facebook non utilizza ancora l’immagine?<\/h3>\n
Hai cancellato la cache e vedi i tag OG nella fonte.<\/p>\n
Cosa succede se Facebook continua a non mostrare l’immagine quando condividi il tuo post?<\/p>\n
Ci\u00f2 significa che Facebook sta utilizzando una copia del post dalla propria cache prima di aggiungere i tag Open Graph.<\/p>\n
Visita il debugger di Facebook<\/a> (avrai bisogno di un account FB per accedervi). Inserisci il tuo URL e fai clic sul pulsante Debug. Una volta ricaricata la pagina, fai clic sul pulsante "Recupera nuove informazioni scraping".<\/p>\n
![\"Come](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44b0df1d9.png\")
<\/a><\/p>\nUna volta recuperate le nuove informazioni di scraping, Facebook sostituir\u00e0 la versione memorizzata nella cache con una nuova scrap della pagina contenente i dati di Open Graph appena aggiunti.<\/p>\n
Se scorri verso il basso la pagina del debugger, vedrai la tabella popolata con le informazioni sulla tua pagina, inclusa l’immagine in miniatura desiderata. Prova a condividere di nuovo il tuo post su Facebook e dovresti vedere l’immagine visualizzata.<\/p>\n
Questo trucco risolve il problema il 99% delle volte, quindi assicurati di tenerlo a mente quando FB non visualizza correttamente la tua immagine.<\/p>\n
Altre ottimizzazioni di Facebook<\/h3>\n
Oltre a ottimizzare il tuo sito con i tag Open Graph, dovresti anche ottimizzare la tua pagina Facebook. Ad esempio, ottenere la dimensione perfetta dell’immagine di copertina di Facebook<\/a> pu\u00f2 aiutare con il branding e il coinvolgimento. Rendi questo il tuo prossimo elemento da fare dopo aver aggiunto i tag Open Graphs al tuo sito.<\/p>\n
E se vuoi che pi\u00f9 persone pubblichino i tuoi contenuti su Facebook, prendi in<\/a> considerazione l’ aggiunta di pulsanti di condivisione social<\/a> a tutti i tuoi post di WordPress.<\/p>\n
Conclusione<\/h2>\n
Convincere Facebook a utilizzare le tue immagini in primo piano nelle miniature non deve essere un problema. In effetti, potresti gi\u00e0 avere un plugin installato per aggiungere il supporto necessario.<\/p>\n
La prossima volta che hai un problema con le immagini di anteprima di Facebook, non dimenticare di svuotare la cache del tuo sito e utilizzare il debugger di Facebook e raschiare nuovamente la pagina per una nuova miniatura.<\/p>\n
Hai domande sulla visualizzazione delle miniature di Facebook dai tuoi post di WordPress? Lascia un commento qui sotto.<\/p>\n