Con 2,4 miliardi di utenti attivi mensili su Facebook, è importante che i tuoi post vengano visualizzati correttamente nel newsfeed.
Ma siamo stati tutti lì. Stai redigendo un post e nell'anteprima compare l'immagine sbagliata. O peggio, nessuna immagine viene visualizzata affatto.
Come puoi risolvere questo?
In realtà è un processo semplice. Utilizzando lo strumento debugger di Facebook, puoi assicurarti che i tuoi post sui social media siano formattati correttamente.
Di seguito, esaminiamo la procedura dettagliata di HubSpot per correggere le immagini con lo strumento di debug di Facebook.
Che cos'è il debugger dei link di Facebook?
Lo strumento debugger ti consente di vedere quali informazioni vengono raccolte da Facebook per un URL specifico. Ad esempio, se si desidera condividere un post sul blog, è possibile utilizzare lo strumento debugger per vedere quale immagine, testo di anteprima e titolo verranno visualizzati nel newsfeed.
Come marketer, scrivi e promuovi spesso post sul blog. Tuttavia, comprendere il codice o come è costruita la pagina del tuo blog è una questione diversa.
Hai mai pubblicato un blog su Facebook e l'immagine non corretta o nessuna immagine viene visualizzata nell'anteprima? Questo perché la pagina del tuo blog non ha tag grafici aperti (meta titolo, descrizione e immagine) impostati correttamente.
Lo strumento debugger di Facebook semplifica questo processo, quindi tutto ciò che devi fare è comunicare allo sviluppatore i problemi rilevati nello strumento debugger e far loro sapere che gli errori. Ad esempio, potrebbe essere qualcosa del genere, "the og: tag immagine punta all'URL sbagliato." Lo strumento facilita la conversazione tra te come un marketer e i tuoi ingegneri web.
Ora che abbiamo spiegato lo scopo di questo strumento, immergiamoci nel modo in cui lo usi.
Come utilizzare il link debugger di Facebook
L'uso dello strumento debugger è semplice. Di seguito è riportato il processo in cinque passaggi di HubSpot:
1. Incollare l'URL nello strumento debugger.
Per iniziare, copia l'URL del post del blog e inseriscilo nello strumento debugger. Quindi fare clic "Debug".
Una volta cliccato "Debug," vedrai le informazioni che Facebook utilizzerà quando pubblicato sulla sua piattaforma.
Ad esempio, di seguito ho incollato un collegamento a un post sul blog HubSpot.

2. Rivedere le informazioni e tutti i codici di errore.
Dopo aver premuto "Debug", lo strumento ti fornirà le informazioni che utilizzerà quando verrà pubblicato sulla sua piattaforma. Inoltre, fornisce anche un'anteprima in modo da poter vedere se l'immagine verrà pubblicata correttamente.
Se tutto è come previsto, allora sei a posto.
In caso contrario, potresti riscontrare alcuni errori in questa pagina. Facebook inserirà errori in a "Avvertenze da correggere" sezione nella parte superiore della pagina.
Potresti riscontrare errori come:
- Immagini mancanti: Facebook non riesce a trovare un'immagine e indovina quale utilizzare.
- Vecchie immagini: Facebook sta mostrando una vecchia immagine.
- Risoluzione dell'immagine: L'immagine non è presente a causa delle dimensioni e della risoluzione dell'immagine.
- Immagini errate: Facebook sta tirando l'immagine sbagliata.
Ci sono anche altri errori che potresti trovare nei tag grafici aperti circostanti, ma per il focus di questo blog, toccheremo solo le immagini. A parte questo, per risolvere questi problemi, ti consigliamo di includere tag grafici aperti nella tua codifica per il post. Comunica eventuali problemi con i tag del grafico aperto al tuo sviluppatore web.
Nell'esempio seguente, puoi vedere che c'è un avviso, ma poiché non ha a che fare con l'immagine, la ignoreremo. Sotto l'avviso, puoi vedere l'anteprima del link. In questo caso, Facebook sta tirando l'immagine corretta. Dopo l'anteprima, troverai i dati del grafico aperto inclusi titolo, meta descrizione e link immagine.



3. Risolvi i problemi.
Se le tue immagini non vengono visualizzate correttamente, dovresti essere in grado di risolvere facilmente il problema. Di seguito analizzeremo i problemi comuni e come risolverli.
Immagini mancanti
Se Facebook non riesce a trovare la tua immagine, potrebbe essere perché non l'hai resa tua "Immagine in primo piano" nel tuo CSM.
Per correggere ciò, controlla che l'immagine sia caricata sul tuo CSM.
Immagini antiche
A volte Facebook estrae vecchie immagini perché non riesce a vedere quella nuova. Ciò accade a causa di problemi di memorizzazione nella cache nel browser o nel sistema di gestione dei contenuti.
Per risolvere questo problema, svuota la cache in CSM, Facebook e browser.
Dimensione e risoluzione dell'immagine
L'immagine potrebbe mancare a causa delle dimensioni e della risoluzione dell'immagine. Se viene visualizzato un errore relativo a "Og: Immagine" proprietà, in genere significa che l'immagine è troppo piccola. La dimensione minima di Facebook è 200×200 pixel e la risoluzione minima è 600×315.
Immagine errata sulla pagina
Se sul tuo post sul blog sono presenti più immagini, Facebook potrebbe estrarre l'immagine sbagliata come immagine in primo piano.
Quando ciò accade, devi modificare il meta tag nel backend del tuo post sul blog (la codifica HTML).
Per fare ciò, vai al codice HTML, trova i tag del grafico aperto e modifica il "Og: Immagine" tag per garantire che punta all'URL dell'immagine in primo piano corretta.
4. Raschiare nuovamente l'URL.
Dopo aver risolto il problema, torna allo strumento debugger e fai clic su, "Raschia ancora."
Questo costringerà Facebook ad aggiornare la tua pagina nella sua cache.
Una volta raschiato di nuovo, controlla il link di anteprima e assicurati che l'immagine venga visualizzata come desideri.
Lo strumento debugger elencherà l'ora dell'ultimo scrap e tutti gli errori verificatisi durante tale processo. L'immagine sotto mostra come apparirà.

5. Condividi il tuo post.
Se non ci sono più errori, sei pronto per condividere il tuo post! Torna su Facebook, inserisci il tuo URL e controlla l'anteprima del link.
Garantire che i tuoi post sui social media appaiano giusti è un aspetto importante della pianificazione di una campagna sui social media. Se hai problemi a ottenere le informazioni giuste da visualizzare, puoi garantire il titolo, la descrizione e l'immagine corretti con tag grafici aperti.
Ulteriori informazioni sui tag di grafici aperti qui.