Convertitore gratuito

Etichetta OG Generatore

Genera meta tag Open Graph per Facebook, Twitter e LinkedIn. Generatore di tag OG gratuito con anteprima della social card in tempo reale.

0/95
0/200

Anteprima di Facebook

YOURWEBSITE.COM
Il titolo della tua pagina (max 95 caratteri)
Una breve descrizione della tua pagina (max 200 caratteri)

HTML generato

<!-- Open Graph Tags -->
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:url" content="" />
<meta property="og:image" content="" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="" />
<meta property="og:locale" content="en_US" />

<!-- Twitter Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="" />

Informazioni su questo strumento

I tag Open Graph (OG) controllano il modo in cui appare una pagina quando viene condivisa su piattaforme social. Facebook, LinkedIn, Slack, Discord e molti altri leggono i tag OG per costruire carte di anteprima. Senza tag OG adeguati, i collegamenti condivisi sembrano interrotti: favicon generiche, immagini mancanti, titoli troncati. Con loro, le condivisioni appaiono raffinate e le percentuali di clic migliorano in modo significativo.

I tag OG standard: og:title (il titolo mostrato nell'anteprima), og:description (lo snippet di testo), og:image (l'immagine di anteprima, idealmente 1200×630), og:url (URL canonico), og:type (tipicamente "sito web" o "articolo"). Livello dei tag della Twitter Card in alto: twitter:card, twitter:title, twitter:description, twitter:image. La maggior parte degli strumenti ricorre all'OG quando i tag specifici di Twitter sono assenti.

Questo generatore produce un set completo di tag OG e Twitter Card dal tuo input. Incolla l'HTML risultante nel <head> della pagina. Il risultato è un rendering dell'anteprima corretto su tutte le principali piattaforme social.

Perché utilizzare un generatore di tag OG

Le pagine senza tag OG hanno un aspetto pessimo quando vengono condivise. Immagine vuota, titolo generico, descrizione mancante: l'anteprima compete scarsamente con le pagine codificate correttamente nei feed. Per il content marketing e la condivisione di link, ciò influisce direttamente sulla percentuale di clic.

I tag OG scritti a mano sono ripetitivi. Ogni pagina ha bisogno del proprio set. Un generatore che produce tag corretti da pochi input evita errori di battitura e proprietà mancate che interrompono le anteprime social.

Come usarlo

Compila gli input, ottieni i tag.

  1. Inserisci titolo e descrizione: Questi sono ciò che appare nell'anteprima della condivisione. Mantieni il titolo sotto i 60 caratteri e la descrizione sotto i 200 caratteri per una visualizzazione pulita su tutte le piattaforme.
  2. Fornire un URL dell'immagine: 1200×630 pixel è la dimensione standard. Utilizza un URL assoluto (https://example.com/og-image.png). L'immagine deve essere accessibile pubblicamente: le immagini autenticate interrompono le anteprime.
  3. Imposta l'URL canonico: L'URL della pagina stessa. Utilizzato come og:url e aiuta le piattaforme a identificare la risorsa canonica anche se condivisa tramite URL di reindirizzamento.
  4. Scegli il tipo di pagina: sito web per pagine generali, articolo per post di blog e notizie, prodotto per e-commerce. Influisce sul modo in cui alcune piattaforme eseguono il rendering dell'anteprima.
  5. Copia i tag generati: Lo strumento produce tag di collegamento HTML pronti per essere incollati nell'<head> della pagina. Candidati tramite il tuo CMS, il motore dei modelli o direttamente in HTML.

Casi d'uso comuni

Dettagli tecnici

I tag OG utilizzano l'attributo meta property (non il nome): <meta property="og:title" content="..." />. L'attributo property è obbligatorio per OG; alcuni parser accettano il nome come fallback ma la proprietà è corretta.

Requisiti immagine: 1200×630 pixel per il rendering retina, proporzioni 1,91:1. I tag og:image:width e og:image:height aiutano le piattaforme a memorizzare correttamente le immagini nella cache. og:image:alt fornisce testo di accessibilità.

I tag delle Twitter Card utilizzano l'attributo nome: <meta name="twitter:title" content="..." />. Twitter ricorre ai tag OG quando quelli specifici di Twitter sono assenti, quindi spesso è sufficiente un OG ben impostato. L'aggiunta di twitter:card sceglie esplicitamente il tipo di carta (summary_large_image è il più comune).

Migliori pratiche

Domande frequenti

Posso personalizzare l'output generato?
SÌ. Lo strumento fornisce varie opzioni di personalizzazione per adattare l'output alle vostre esigenze specifiche. Regola le impostazioni prima di generare o rigenera con opzioni diverse.
Il contenuto generato è gratuito?
SÌ. Tutto ciò che generi con questo strumento può essere utilizzato per scopi personali, educativi o commerciali senza alcuna restrizione o requisito di attribuzione.
Ciò richiede un account?
No. Lo strumento è pronto per l'uso immediatamente senza registrazione, e-mail o registrazione. Basta aprire la pagina e iniziare a generare.
I miei dati inseriti vengono mantenuti privati?
SÌ. Tutta l'elaborazione avviene nel tuo browser. I tuoi dati di input e l'output generato non vengono mai inviati a nessun server esterno.
Posso utilizzare la stessa immagine OG per ogni pagina?
Possibile ma non ottimale. Le immagini specifiche della pagina superano le immagini generiche dell'intero sito in termini di clic. Utilizza un'impostazione predefinita per il fallback ma produci immagini per pagina per contenuti importanti.
È necessaria la dichiarazione della dimensione dell'immagine?
Utile ma non strettamente necessario. og:image:width e og:image:height consentono alle piattaforme di memorizzare nella cache le immagini senza recuperarle nuovamente per determinare le dimensioni. Accelera le condivisioni successive.
I miei dati sono caricati?
No. La generazione avviene nel tuo browser.
Come posso testare i tag OG?
Il debugger di condivisione di Facebook, lo strumento di convalida delle carte Twitter e l'ispettore dei post di LinkedIn recuperano e convalidano ciascuno. Usali dopo aver distribuito nuovi tag OG.