Come utilizzare Generatore di Tag Open Graph: guida completa (2026)

Cos'è Generatore di Tag Open Graph?

Un generatore tag Open Graph costruisce i meta tag che le app social leggono quando qualcuno condivide il tuo URL. Il generatore gratuito di ToolsMinify trasforma titolo, descrizione, URL, immagine, tipo, nome sito e locale in HTML og:* pronto da copiare - più tag Twitter Card opzionali - con anteprima social live. Incolla il markup nell'head della pagina così Facebook, LinkedIn, Slack, Discord e iMessage mostrano la card che intendi invece di una miniatura indovinata.

Genera meta tag Open Graph e Twitter Card da titolo, descrizione, URL e immagine. Generatore di tag OG gratuito con HTML live e anteprima social.

Perché usare Generatore di Tag Open Graph?

• Genera og:title, og:description, og:url, og:type, og:image, og:site_name e og:locale mentre digiti
• Tag Twitter Card opzionali (summary o summary_large_image) nello stesso snippet
• HTML live con escape attributi per apici e e commerciale
• Anteprima social per individuare titolo debole o immagine mancante prima di pubblicare
• Gira interamente nel browser - le bozze non lasciano il dispositivo

Come usare Generatore di Tag Open Graph - passo passo

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

Il Generatore di Tag Open Graph si trova in Strumenti SEO. Apri la pagina dello strumento, inserisci l'input nel campo principale e i risultati si aggiornano subito. Usa il pulsante Copia per incollare l'output in documenti, editor di codice o fogli di calcolo.

Casi d'uso comuni

Post blog e articoli

Imposta og:type su article, aggiungi un'immagine cover 1200 x 630 e copia i tag nel template del post così le condivisioni mostrano il titolo che hai scritto.

Pagine prodotto e landing

Usa tipo product o website con immagine hero e descrizione orientata ai benefici così annunci e anteprime chat corrispondono alla pagina.

Homepage e condivisioni brand

Aggiungi og:site_name e un locale come en_US così LinkedIn e Slack mostrano il brand sotto il titolo.

Metadati CMS e framework

Genera l'HTML una volta, poi mappa ogni property in Next.js, WordPress o uno snippet head quando gli editor incollano titoli e URL immagine.

Esempi

• 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.

Consigli professionali

• Usa un URL immagine https assoluto. I percorsi relativi spesso falliscono nei crawler Facebook e Slack.
• 1200 x 630 px e la dimensione landscape usuale. Le immagini quadrate vengono ritagliate sulla maggior parte delle reti.
• Tieni i titoli brevi (circa 60 caratteri) e le descrizioni sotto ~200 caratteri così le card non troncano a metà parola.
• Dopo il deploy, scrapa l'URL live in Facebook Sharing Debugger e LinkedIn Post Inspector per aggiornare la cache.
• Abbina al Verificatore meta description per lo snippet Google - Open Graph governa le card social, non la descrizione SERP.

Domande frequenti

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.

Strumenti correlati che potrebbero servirti

Esplora altri strumenti seo su ToolsMinify. Le utilità correlate sono collegate nella pagina di Generatore di Tag Open Graph per aiutarti a completare il flusso di lavoro senza lasciare il sito.