Anteprima Open Graph
See exactly how your page will look when shared on Facebook and Twitter. Fill in your OG fields and get the correct meta tags to copy into your <head> — instantly, in the browser.
Campi Open Graph
OG Title will appear here
OG description will appear here…
Meta tag generati
<meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" />
Come usare lo strumento di anteprima Open Graph
Compila i campi a sinistra — almeno un titolo OG e una descrizione OG — poi passa tra le schede Facebook e Twitter / X per vedere come apparirà l'anteprima del link su ogni piattaforma. Una volta soddisfatto, copia i meta tag generati e incollali all'interno della sezione <head> del tuo HTML.
Cos'è il protocollo Open Graph?
Open Graph è uno standard di metadati introdotto da Facebook nel 2010 e ora supportato da praticamente ogni social network, app di messaggistica e aggregatore di link. Quando qualcuno incolla il tuo URL in Facebook, LinkedIn, Slack, iMessage o Twitter, quelle piattaforme inviano un crawler per recuperare la tua pagina e leggere i meta tag og:. Senza tag OG, le piattaforme ricorrono a supposizioni — spesso scegliendo l'immagine sbagliata, un titolo troncato o nessuna descrizione. Con tag OG corretti, ogni condivisione del tuo contenuto appare curata e intenzionale.
Come aggiungere questi tag al tuo sito
Incolla i tag generati nella sezione <head> del tuo HTML. In Next.js, usa l'export metadata integrato — il framework scrive i tag automaticamente. In WordPress, plugin come Yoast SEO o Rank Math gestiscono i tag OG tramite un'interfaccia. Per HTML statico o altri framework, incolla direttamente nella sezione head del tuo template. Dopo il deploy, usa gli strumenti di svuotamento cache specifici della piattaforma descritti nella FAQ qui sotto per aggiornare l'anteprima.
Domande frequenti
Cos'è il protocollo Open Graph?
Open Graph (OG) è un protocollo di metadati creato da Facebook che ti consente di controllare come appaiono le tue pagine web quando condivise sui social network. Aggiungendo i meta tag og:title, og:description, og:image e og:type alla sezione <head> della tua pagina, indichi a Facebook, LinkedIn, Slack e altre piattaforme esattamente quale titolo, descrizione e immagine mostrare nelle card di anteprima dei link — indipendentemente dalla struttura effettiva dei titoli della pagina.
Qual è la dimensione consigliata per l'immagine Open Graph?
Facebook e la maggior parte delle piattaforme consigliano 1200×630 pixel (circa rapporto 1,91:1) per og:image. Viene visualizzato bene su display ad alta DPI senza ritaglio. Per le card Twitter summary_large_image, funziona meglio un rapporto 16:9 (es. 1200×675 px). Mantieni le immagini sotto gli 8 MB e usa il formato JPEG o PNG. Evita di incorporare testo critico nell'immagine, poiché le piattaforme potrebbero ritagliarlo su viewport più piccoli.
Quanti caratteri devono avere og:title e og:description?
Facebook visualizza og:title fino a circa 60 caratteri e og:description fino a 155 caratteri prima di troncare. Twitter taglia og:title a circa 55-70 caratteri e og:description a circa 125 caratteri nelle anteprime delle card. Per sicurezza, mantieni og:title sotto i 60 caratteri e og:description sotto i 120 caratteri in modo che entrambe le piattaforme mostrino il testo completo senza tagliare a metà frase.
I tag Open Graph aiutano il SEO?
I tag Open Graph non influenzano direttamente gli algoritmi di ranking di Google — Google usa principalmente il tag title e la meta description per i risultati di ricerca. Tuttavia, i tag OG beneficiano indirettamente il SEO migliorando la condivisione social: un og:title convincente e un og:image di alta qualità portano a più clic e condivisioni, il che può generare traffico e guadagnare backlink naturali. I dati OG completi aiutano anche Slack, iMessage, WhatsApp e Discord a visualizzare anteprime ricche, ampliando la portata del tuo contenuto.
Perché la mia anteprima social mostra ancora il vecchio contenuto dopo aver aggiornato i tag?
I social network memorizzano nella cache le anteprime dei link in modo aggressivo. Dopo aver aggiornato i tuoi tag OG, devi cancellare manualmente la cache per ogni piattaforma: usa lo Sharing Debugger di Facebook (developers.facebook.com/tools/debug), il Card Validator di Twitter (cards-dev.twitter.com/validator) o il Post Inspector di LinkedIn (linkedin.com/post-inspector). Inserisci il tuo URL e clicca su 'Scrape Again' o 'Refresh'. La nuova anteprima si propagherà entro poche ore per la maggior parte delle piattaforme.
Strumenti correlati
Vuoi che il tuo contenuto abbia successo su ogni piattaforma?
I nostri esperti SEO possono verificare l'intera configurazione on-page — meta tag, condivisione social, dati strutturati e altro — e consegnare una roadmap di crescita personalizzata.
Get a Free SEO Audit