Generatore Open Graph
Costruisce l'intero set di meta tag og: e twitter: e guarda l'anteprima della scheda di condivisione aggiornarsi dal vivo prima di incollare qualsiasi cosa.
HTML snippet
Share card preview
example.com
Page title
Questo strumento gira interamente nel tuo browser. I tuoi dati non lasciano mai il dispositivo: non vengono caricati su nessun server.
Come si usa
- 1Inserisci titolo, descrizione e URL canonical della pagina.
- 2Aggiungi l'URL dell'immagine di condivisione (1200 × 630 px funziona ovunque) e imposta il tipo di scheda.
- 3Copia i tag nel tuo <head> e controlla la scheda di anteprima.
Generatore Open Graph
Quando il tuo link viene condiviso su X, Facebook, LinkedIn, Slack o iMessage, la scheda di anteprima si costruisce quasi interamente dai tag Open Graph, con i tag Twitter card a colmare le lacune. Questo generatore emette entrambi i namespace: og:title, og:type, og:url, og:image, og:image:alt, og:site_name, og:description e og:locale, più twitter:card, twitter:site e twitter:creator.
La maggior parte delle piattaforme ricade sui tag og: quando manca un tag twitter:, quindi gli extra servono solo dove differiscono. L'anteprima dal vivo approssima come si renderizza una scheda a immagine grande o a riepilogo.
Domande frequenti
Che dimensione immagine usare per og:image?
1200 × 630 pixel (1,91:1) è il default sicuro su Facebook, X e LinkedIn. Tieni il file sotto gli 8 MB, usa un URL assoluto e aggiungi sempre og:image:alt per l'accessibilità.
Mi servono sia i tag og: sia i twitter:?
twitter:title, twitter:description e twitter:image ricadono sugli equivalenti og:. Oltre al set og: ti servono solo twitter:card (summary o summary_large_image), twitter:site e, facoltativamente, twitter:creator.
Quale og:type scegliere?
Usa website per homepage e pagine generiche, article per notizie e post di blog (aggiungi article:published_time se puoi), e product per le schede di e-commerce. Il tipo cambia come alcune piattaforme categorizzano il link.
Strumenti correlati
Generatore di meta tag
Genera meta tag title, description, keywords, robots e viewport con output HTML dal vivo da incollare direttamente nel tuo <head>.
Tutti gli strumenti →
Anteprima SERP
Vedi in anteprima il tuo snippet Google su desktop e mobile con troncamento al pixel e indicatori di lunghezza per titolo e descrizione.
Tutti gli strumenti →
Generatore di markup Schema
Genera dati strutturati JSON-LD validi per Organization, LocalBusiness, Product, Article, FAQPage e HowTo — in escape e pronti da incollare.
Tutti gli strumenti →
Costruttore di link UTM
Aggiunge utm_source, medium, campaign, term e content a qualsiasi URL e ottiene un link di tracciamento codificato correttamente, da copiare o condividere.
Tutti gli strumenti →
Incorpora questo strumento
Metti questo strumento sul tuo sito con una riga: gira nel browser del visitatore.
<iframe src="https://zoyku.com/it/tools/open-graph-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — open-graph-generator" loading="lazy"></iframe>