Generatore Open Graph
Genera meta tag Open Graph e Twitter Card per anteprime di link accattivanti su Facebook, LinkedIn e X. Funziona interamente nel tuo browser.
🔒 Funziona interamente nel tuo browser — nulla viene caricatoCosa fa il Generatore Open Graph
Il Generatore Open Graph crea i meta tag social che decidono l'aspetto della tua pagina quando qualcuno la condivide su Facebook, LinkedIn, Slack, Discord, X/Twitter e molte altre piattaforme. Senza questi tag, un link condiviso mostra spesso solo un URL nudo o un frammento casuale; con i tag giusti la piattaforma mostra una card curata con titolo, descrizione e immagine di anteprima. Questo strumento produce un set completo di proprietà og: e i relativi tag Twitter Card da un unico breve modulo, così inserisci ogni valore una sola volta.
Indichi titolo, descrizione, URL dell'immagine, URL canonico della pagina, nome del sito e un tipo di contenuto come website, article o product. Per X/Twitter puoi scegliere tra una card riepilogativa compatta e una card con immagine grande, e aggiungere l'handle dell'editore. Il risultato è un blocco di tag <meta> pronto da incollare, da inserire nel <head> della pagina. Poiché le piattaforme social memorizzano in cache questi tag, generarli correttamente al primo tentativo ti evita successive riscansioni e attività di debug.
Flusso di lavoro privato, nel browser
Tutti i tag vengono assemblati localmente con JavaScript lato client. Lo strumento non scarica la tua immagine, non analizza il tuo URL e non carica alcuno dei valori digitati: tutto resta nel browser. È utile quando prepari card di condivisione per una campagna non ancora pubblicata, un URL di staging o contenuti ancora sotto embargo, perché nessuno di questi dettagli lascia il tuo dispositivo.
Consigli pratici
Usa un URL dell'immagine assoluto e raggiungibile pubblicamente anziché un percorso relativo, perché i crawler dei social non riescono a risolvere i link relativi. Un'immagine da 1200×630 pixel è un'impostazione sicura e riempie bene la card grande. Mantieni og:title vicino al titolo reale della pagina e scrivi og:description come un gancio breve ed efficace in una riga, perché queste stringhe sono ottimizzate per i clic e non per il posizionamento nei motori di ricerca. Includi sempre og:url con l'indirizzo canonico, così le condivisioni si consolidano su un'unica pagina. Dopo la pubblicazione, verifica i tag con i debugger di condivisione ufficiali di ciascuna piattaforma e rieffettua la scansione se cambi l'immagine, perché le piattaforme memorizzano in cache la prima versione che vedono.
Come usare
- Inserisci i dati della paginaAggiungi titolo, descrizione, URL dell'immagine, URL canonico e tipo di contenuto.
- Scegli una Twitter cardSeleziona una card riepilogativa o con immagine grande per X/Twitter.
- Copia i tagIncolla i tag Open Graph e Twitter generati nell'head della tua pagina.