Cos'è
og:image è un meta tag, <meta property="og:image" content="https://tuodominio.com/immagine.jpg">, che dice alle piattaforme social e alle app di messaggistica esattamente quale immagine mostrare nella scheda di anteprima quando il link della tua pagina viene condiviso. A differenza dei tag titolo e descrizione, di solito qui non c'è un ripiego automatico su cui contare — senza questo tag, la maggior parte delle piattaforme mostra semplicemente un'anteprima di solo testo senza alcuna immagine, che risalta come notevolmente meno invitante accanto ad altri link condivisi che ne hanno una.
L'immagine deve essere referenziata tramite il suo indirizzo web completo e diretto (non un percorso relativo), e ospitata in una posizione pubblicamente accessibile senza richiedere login.
Perché è importante
Un link condiviso con un'anteprima visiva viene notato e cliccato in modo significativamente maggiore rispetto a uno che appare come testo puro, semplicemente perché occupa più spazio visivo e si legge come più sostanzioso in un feed social o thread di chat affollato. Questo è vero praticamente su ogni piattaforma che genera anteprime di link — l'immagine è spesso il singolo elemento visivo più grande nell'intera scheda di anteprima.
Un og:image mancante è anche una delle lacune più comuni nella condivisione social proprio perché è facile impostare i tag titolo e descrizione (che sono solo testo) e dimenticare che l'immagine ha bisogno del proprio tag separato e correttamente formattato.
Come risolverlo
- Scegli un'immagine che rappresenti bene la pagina con un rapporto d'aspetto ampio, circa orizzontale (1200×630 pixel è una dimensione comunemente consigliata).
- Carica l'immagine da qualche parte sul tuo stesso sito così ha un indirizzo web stabile e diretto.
- Aggiungi
<meta property="og:image" content="https://tuodominio.com/percorso/immagine.jpg">alla sezione<head>della pagina, usando l'indirizzo completo, non uno relativo. - Se usi un website builder, cerca un campo di caricamento "Immagine di condivisione social" su quella specifica pagina invece di modificare il codice direttamente.
- Testa con lo strumento Sharing Debugger di Facebook o il Post Inspector di LinkedIn — questi strumenti aiutano anche a svuotare l'anteprima in cache (obsoleta) di una piattaforma se stai aggiornando un'immagine già condivisa una volta.