Strumento Open Graph Preview Gratuito

Guarda esattamente come i tuoi link appariranno quando condivisi su Facebook, Twitter/X, LinkedIn, WhatsApp e altre piattaforme.

Inserisci i tuoi meta tag

Inserisci i tuoi tag OG manualmente qui sotto per visualizzare l'anteprima di come il tuo link apparirà sui social media.

0/60 car.
0/160 car.

Consigliato: 1200x630px (rapporto 1,91:1) per il miglior rendering su tutte le piattaforme

Anteprime social media

Compila i campi a sinistra per vedere le anteprime live.

Cos'è uno strumento Open Graph Preview?

Uno strumento di anteprima Open Graph ti permette di vedere esattamente come i tuoi link appaiono quando vengono condivisi sui social media prima di pubblicare. Quando qualcuno condivide il tuo URL su Facebook, Twitter/X, LinkedIn o WhatsApp, queste piattaforme leggono i tag meta Open Graph nella tua pagina HTML per costruire la card di anteprima — titolo, descrizione e immagine.

Questo strumento gratuito ti permette di inserire manualmente i dati dei tag OG per visualizzare in anteprima come appariranno su 6 piattaforme diverse. Non hai bisogno di accedere alla tua pagina web pubblicata — inserisci semplicemente i valori e vedi le anteprime all'istante.

Consigli per anteprime perfette dei link social media

1

Usa immagini 1200x630px

Il rapporto d'aspetto 1,91:1 (1200x630px) funziona su tutte le principali piattaforme. Immagini più piccole possono essere scartate o mostrate con ritagli.

2

Mantieni i titoli sotto i 60 caratteri

Facebook tronca i titoli a circa 60-65 caratteri. Twitter/X mostra circa 70 caratteri. Tieni i titoli concisi per evitare il troncamento.

3

Descrizioni: massimo 155 caratteri

La maggior parte delle piattaforme tronca le descrizioni tra 155-200 caratteri. Metti le informazioni più importanti all'inizio.

4

Includi sempre og:image

I link senza immagini ricevono significativamente meno clic. Un'immagine di qualità può aumentare il CTR del 150-300% sui post social.

5

Testa su ogni piattaforma

Ogni piattaforma renderizza le anteprime in modo diverso. Facebook mostra immagini più grandi; Twitter ha requisiti più severi; LinkedIn preferisce contenuti professionali.

6

Usa URL assoluti per le immagini

I crawler dei social media non possono risolvere URL di immagini relativi. Usa sempre URL assoluti completi (https://tuosito.com/immagine.jpg).

Kleap OG Preview vs altri strumenti

FunzionalitàKleapMetatags.ioOpenGraph.xyzFacebook Debugger
PrezzoGratuitoGratuito (limitato)Gratuito (limitato)Gratuito
Piattaforme in anteprima6 piattaforme4 piattaforme3 piattaformeSolo Facebook
Inserimento tag manualeNo (solo URL)No (solo URL)
Copia meta tagNoNo
Avvertimenti caratteriNoNoNo
Nessuna registrazione richiestaLogin Facebook

Domande frequenti

Cosa sono i meta tag Open Graph?+
I meta tag Open Graph (OG) sono tag HTML inseriti nella sezione <head> della tua pagina che controllano come il tuo contenuto appare quando viene condiviso sui social media. I tag principali sono og:title, og:description, og:image e og:url.
Qual è la dimensione consigliata per l'immagine OG?+
La dimensione consigliata per l'immagine Open Graph è 1200x630 pixel (rapporto 1,91:1). Questo funziona su Facebook, Twitter/X, LinkedIn e la maggior parte delle altre piattaforme. Le immagini più piccole di 600x315 potrebbero non essere mostrate.
Perché l'anteprima del mio link mostra l'immagine sbagliata?+
Di solito accade perché: 1) L'URL di og:image usa un percorso relativo invece di un URL assoluto; 2) L'immagine è inferiore a 600px; 3) La piattaforma ha memorizzato nella cache una versione precedente — usa lo strumento di debug della piattaforma per forzare l'aggiornamento.
Come forzo Facebook ad aggiornare l'anteprima del mio link?+
Usa lo Strumento di Debug di Condivisione di Facebook (developers.facebook.com/tools/debug). Inserisci il tuo URL e clicca 'Ottieni nuove informazioni di scraping'. Questo pulisce la cache e forza Facebook a riprocessare i tuoi tag OG.
Qual è la differenza tra og:image e twitter:image?+
og:image è il tag Open Graph standard usato da Facebook, LinkedIn, WhatsApp e altri. twitter:image è specifico per Twitter/X. Se non imposti twitter:image, Twitter tornerà a og:image. La differenza principale: le Twitter Cards hanno varianti di dimensione diverse.
Ho bisogno sia dei tag OG che di quelli Twitter?+
Hai sempre bisogno dei tag OG (og:title, og:description, og:image). Aggiungi i tag Twitter meta (twitter:card, twitter:title) se vuoi un controllo preciso sull'aspetto su Twitter/X — altrimenti Twitter usa i tag OG come fallback.
Perché questo strumento non può recuperare i tag OG da un URL?+
Le politiche di sicurezza del browser (CORS) impediscono agli strumenti lato client di recuperare contenuto da altri domini. Quindi, invece di recuperare tag da URL live, questo strumento ti permette di inserire i tag manualmente per un'anteprima istantanea senza requisiti del server.
Cos'è og:type e quali valori devo usare?+
og:type indica alle piattaforme che tipo di contenuto è la tua pagina. I valori comuni sono: 'website' (per la maggior parte delle pagine), 'article' (per post del blog), 'product' (per pagine e-commerce), 'profile' (per pagine utente). Il tipo predefinito 'website' va bene per la maggior parte dei casi.
Come influenzano i tag OG il SEO e i tassi di clic?+
I tag OG non influenzano direttamente i ranking di Google, ma migliorano significativamente il CTR sui social media. I link con immagini accattivanti e titoli descrittivi ricevono il 150-300% di clic in più rispetto ai link senza immagini.
Posso usare titoli diversi per Google e social media?+
Sì. Il tag HTML <title> è quello che Google mostra nei risultati di ricerca. Il tag og:title controlla cosa viene mostrato sui social media. Possono essere diversi — spesso il titolo SEO e il titolo social hanno obiettivi diversi.

Hai bisogno di un sito web con anteprime social perfette?

Il costruttore AI di Kleap genera automaticamente meta tag OG ottimizzati per ogni pagina che crei.

Costruisci il tuo sito gratis
Strumento Open Graph Preview Gratuito | Anteprima Link sui Social Media