Cosa sono i tag Open Graph?

I tag Open Graph sono elementi meta (og:title, og:description, og:image, og:url, og:type) che indicano alle app social come visualizzare l'anteprima di un link. Senza di essi, Facebook, LinkedIn e Slack spesso indovinano un titolo debole o l'immagine sbagliata.

Quali tag Open Graph mi servono?

Inizia con og:title, og:type, og:image e og:url. Aggiungi og:description, og:site_name e og:locale quando li hai. Questo generatore emette solo i campi che compili, più og:type (predefinito website).

Quali dimensioni dovrebbe avere l'og:image?

Usa un URL https assoluto. 1200 x 630 pixel è la dimensione orizzontale usuale per Facebook e LinkedIn. Immagini più piccole potrebbero essere ritagliate o ripiegare su una minuscola miniatura.

Ho bisogno anche dei tag Twitter Card?

X (Twitter) può leggere i tag Open Graph, ma twitter:card, twitter:title, twitter:description e twitter:image ti danno un controllo esplicito. Attiva l'opzione per includerli. Un'immagine usa summary_large_image; nessuna immagine usa summary.

Incolla i tag all'interno della head del documento HTML (o dell'API dei metadati del tuo framework). Devono trovarsi sull'URL pubblico che hai impostato come og:url in modo che i crawler possano vederli.

La mia copia lascia il dispositivo?

No. Il Generatore di Tag Open Graph viene eseguito interamente nel tuo browser. Titoli, URL e link delle immagini non vengono caricati né archiviati su un server.

Strumenti SEO

Popolare

Generatore di Tag Open Graph

Crea meta tag Open Graph e Twitter Card nel tuo browser.

Titolo pagina

0 caracteres

Descrizione

0 caracteres

URL pagina

URL de la imagen

Recomendado 1200 x 630 px. Usa una URL https absoluta.

og:type

Nombre del sitio

Locale

Usa el formato Open Graph como en_US o es_ES.

Etiquetas HTML

Compila titolo, descrizione, URL o immagine per generare i tag.

Anteprima social

Aggiungi un URL immagine per l'anteprima di condivisione

www.example.com

Il titolo della pagina

La descrizione appare qui quando il link viene condiviso.

Informazioni su Generatore di Tag Open Graph

Crea meta tag Open Graph e Twitter Card nel tuo browser. Inserisci titolo della pagina, descrizione, URL, immagine, tipo, nome del sito e locale, quindi copia l'HTML live nella head della tua pagina in modo che Facebook, LinkedIn, Slack e altre app mostrino una scheda di condivisione pulita. I tag opzionali di Twitter Card utilizzano summary_large_image quando è presente un URL dell'immagine. Nulla viene caricato.

Come usare Generatore di Tag Open Graph

Inserisci il titolo della pagina, la descrizione, l'URL canonico e l'URL dell'immagine.
Scegli un og:type (website, article, product o profile).
Aggiungi un nome del sito e un locale opzionali (ad esempio it_IT).
Lascia attivi i tag Twitter Card a meno che tu non voglia solo il markup Open Graph.
Copia l'HTML e incollalo all'interno della head della tua pagina.

Esempi di Generatore di Tag Open Graph

Scheda di condivisione articolo blog

Titolo "Tag Open Graph per un post del blog", tipo article, un'immagine 1200 x 630 e l'URL del post producono og:title, og:type, og:image e og:url pronti per essere incollati nel template dell'articolo.

Homepage con nome del sito

Usa il tipo website, il tuo brand come og:site_name e l'URL della homepage in modo che Slack e LinkedIn mostrino il nome del brand sotto il titolo.

Elenco prodotti

Il tipo product più un titolo, una descrizione guidata dal prezzo, l'URL del prodotto e l'immagine principale creano una scheda dall'aspetto acquistabile su Facebook e iMessage.

Virgole e "e commerciale"

Un titolo come Acquista "A & B" viene convertito in Acquista "A & B" in modo che l'HTML rimanga valido quando lo incolli.

Guida Completa ai Tag Open Graph

Leggi la guida completa

Come utilizzare Generatore di Tag Open Graph: guida completa (2026) - 5 min di lettura

Domande frequenti su Generatore di Tag Open Graph

Cosa sono i tag Open Graph?: I tag Open Graph sono elementi meta (og:title, og:description, og:image, og:url, og:type) che indicano alle app social come visualizzare l'anteprima di un link. Senza di essi, Facebook, LinkedIn e Slack spesso indovinano un titolo debole o l'immagine sbagliata.
Quali tag Open Graph mi servono?: Inizia con og:title, og:type, og:image e og:url. Aggiungi og:description, og:site_name e og:locale quando li hai. Questo generatore emette solo i campi che compili, più og:type (predefinito website).
Quali dimensioni dovrebbe avere l'og:image?: Usa un URL https assoluto. 1200 x 630 pixel è la dimensione orizzontale usuale per Facebook e LinkedIn. Immagini più piccole potrebbero essere ritagliate o ripiegare su una minuscola miniatura.
Ho bisogno anche dei tag Twitter Card?: X (Twitter) può leggere i tag Open Graph, ma twitter:card, twitter:title, twitter:description e twitter:image ti danno un controllo esplicito. Attiva l'opzione per includerli. Un'immagine usa summary_large_image; nessuna immagine usa summary.
Dove incollo l'HTML?: Incolla i tag all'interno della head del documento HTML (o dell'API dei metadati del tuo framework). Devono trovarsi sull'URL pubblico che hai impostato come og:url in modo che i crawler possano vederli.
La mia copia lascia il dispositivo?: No. Il Generatore di Tag Open Graph viene eseguito interamente nel tuo browser. Titoli, URL e link delle immagini non vengono caricati né archiviati su un server.

Generatore di Twitter Card

Genera meta tag Twitter Card / X da tipo di card, titolo, descrizione, immagine e handle del sito. Generatore twitter:card gratuito con HTML live e anteprima.

Controllo meta description e anteprima SERP

Controllo lunghezza SERP gratuito e anteprima meta description. Contatore caratteri live e anteprima snippet Google - o genera una bozza. Entro il limite 150-160.

Generatore slug

Trasforma titolo o frase in slug URL pulito e SEO-friendly. Minuscolo, rimuovi accenti, separatore trattino o underscore - gratuito, istantaneo e privato.