Immagini nelle condivisioni di link

Il metatag Open Graph

Il tag og:image può essere utilizzato per specificare l'URL dell'immagine che viene mostrato quando qualcuno condivide il contenuto su Facebook. La lista completa delle proprietà dell'immagine è disponibile qui.

Requisiti

La dimensione minima consentita dell'immagine è 200 x 200 pixel.
Il file immagine non deve superare gli 8 MB.
Usa immagini di almeno 1200 x 630 pixel per ottimizzare la visualizzazione sui dispositivi ad alta risoluzione. Usa immagini di almeno 600 x 315 pixel per mostrare post della Pagina con link contenenti immagini di grandi dimensioni.

Se l'immagine è inferiore a 600 x 315 pixel, sarà ugualmente visualizzata nel post della Pagina con link, ma le dimensioni appariranno notevolmente ridotte.

Abbiamo riprogettato i post della Pagina con link in modo tale che le proporzioni per le immagini siano le stesse nel feed su computer e mobile. Mantieni il rapporto larghezza/altezza il più vicino possibile a 1,91:1 per mostrare immagini intere nel feed, evitando che vengano ritagliate.
Il nostro crawler accetta solo codifiche gzip e deflate, quindi assicurati che il tuo server utilizzi la codifica corretta.

Pre-memorizzazione nella cache delle immagini

Quando il contenuto viene condiviso per la prima volta, il crawler di Facebook eseguirà lo scraping e la memorizzazione nella cache dei metadati dall'URL condiviso. Il crawler deve vedere un'immagine almeno una volta prima di mostrarla. Questo significa che la prima persona che condivide una porzione di contenuto non vedrà l'immagine visualizzata:

Ci sono tre modi per evitare questo scenario e consentire la visualizzazione delle immagini alla prima azione di "Mi piace" o condivisione:

Pre-memorizza l'immagine nella cache con il Debugger di condivisione: passa l'URL nel debugger URL per recuperare in anticipo i metadati per la pagina. Può essere utilizzato anche per aggiornare l'immagine per una porzione di contenuto.
Pre-memorizza l'immagine nella cache usando l'API Graph: esegui uno scraping forzato dell'URL utilizzando in modo programmatico l'API Graph per recuperare in anticipo i metadati per la pagina. Può essere utilizzato anche per aggiornare l'immagine per una porzione di contenuto.
Usa i tag Open Graph og:image:width e og:image:height: utilizzando questi tag, le dimensioni dell'immagine verranno comunicate al crawler in modo che possa mostrare l'immagine immediatamente, senza doverla scaricare ed elaborare in modo asincrono.

Aggiornamento delle immagini

Memorizziamo nella cache tutte le immagini a cui si fa riferimento sulla base dell'URL di ciascuna immagine, quindi se sostituisci un'immagine:

Usa un nuovo URL per la nuova immagine, altrimenti l'immagine non verrà aggiornata.
Non rimuovere le vecchie immagini, dal momento che potrebbero essere presenti delle notizie che fanno riferimento a quelle immagini.
Segui le istruzioni nella sezione sopra per assicurarti che la nuova immagine sia stata scaricata dal crawler.

Tieni presente che l'aggiornamento dell'immagine per un URL non aggiornerà automaticamente l'anteprima delle condivisioni precedenti. Per farlo, devi aggiornare la condivisione come descritto qui.

Risoluzione dei problemi

Nel caso in cui le immagini non vengano visualizzate correttamente per un URL, prova a inserire l'URL delle immagini nel Debugger di condivisione per eventuali errori. Se ritieni che ci sia un problema da parte nostra, prendi in considerazione di inviarci una segnalazione di bug.