Apri la Guida ai grafici

Come personalizzare le immagini Open Graph e link anteprime.

Scopri come WhatsApp, LinkedIn e X interpretano i metadati, perché le cache diventano obsolete e cosa cambiare quando la carta pubblica non corrisponde alle tue intenzioni.

Illustrazione dell'ottimizzazione dell'anteprima di Open Graph

Cos'è Open Graph?

Il protocollo Open Graph indica alle piattaforme quale titolo, descrizione, immagine e URL canonico utilizzare quando qualcuno condivide una pagina web. Senza di esso, le reti e le app di chat spesso indovinano in modo errato.

Ecco perché la qualità dell'anteprima pubblica è così spesso legata ai metadati tecnici invece che al contenuto visibile del corpo di una pagina.

I tag principali da controllare

  • og:title
  • og:description
  • og:image
  • og:url

Questi valori sono ciò che la maggior parte dei crawler legge per prima quando decide come deve apparire la tua pagina in un feed, chat o scheda di anteprima.

Il comportamento specifico della piattaforma è ancora importante

WhatsApp è aggressivo riguardo alla memorizzazione nella cache. LinkedIn è più severo riguardo alla convalida e offre il Flusso di lavoro post-ispettore. X può fare affidamento su Open Graph, ma supporta anche tag Twitter Card più granulari.

Se stai correggendo specificatamente il comportamento di WhatsApp, passa a Guida anteprima WhatsApp.

Esempio di meta tag richiesti

<!-- Standard Open Graph -->
<meta property="og:title" content="Your Amazing Title" />
<meta property="og:description" content="A brief summary of your page." />
<meta property="og:image" content="https://yourdomain.com/social-visual.jpg" />
<meta property="og:url" content="https://yourdomain.com/page" />

<!-- X / Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your Amazing Title" />
<meta name="twitter:description" content="A brief summary of your page." />
<meta name="twitter:image" content="https://yourdomain.com/social-visual.jpg" />

Problemi comuni

I soliti motivi per cui le anteprime pubbliche falliscono.

Viene mostrata l'immagine sbagliata

Solitamente causato da più tag immagine concorrenti o dai crawler che scelgono il primo supporto utilizzabile che incontrano.

Vecchia anteprima memorizzata nella cache

Le piattaforme spesso mantengono metadati obsoleti per giorni, anche dopo aver distribuito una correzione corretta.

Immagine non visualizzata

URL relativi, file inaccessibili o formati non supportati sono ancora le cause più comuni.

Titolo errato

I metadati dei titoli duplicati o non corretti spesso portano le piattaforme a indovinare invece di obbedire alle tue intenzioni.

FAQ

Altre domande su Open Graph

Posso utilizzare un'immagine diversa per WhatsApp e LinkedIn?

Puoi tentare la logica specifica della piattaforma, ma un'immagine 1200x630 potente che funzioni ovunque è solitamente l'opzione più sicura e meno fragile.

Perché la mia immagine og: ritorna a quella precedente?

Ciò di solito significa che la cache della piattaforma conserva ancora i metadati precedenti. Utilizza gli strumenti di debug o di ispezione per forzare un aggiornamento.

Esistono limiti di caratteri per og:titolo?

La maggior parte delle piattaforme tronca i titoli da 60 a 90 caratteri, quindi carica in anticipo le parole importanti.

Centralizza il tuo Apre il livello Grafico.

Smetti di toccare il codice ogni volta che una campagna necessita di una nuova social card. Visualink si trova tra la pagina di destinazione e il crawler della piattaforma.