Skip to content

Generatore di Meta Tag e Open Graph

Genera meta tag Open Graph, Twitter Card e SEO con anteprima live per Google, Facebook e X. Gratis, nel browser, senza registrazione — copia e incolla.

Niente tracciamento Funziona nel browser Gratuito
Tutto avviene nel tuo browser. I tuoi contenuti e l'URL dell'immagine non lasciano mai questa pagina — nessun caricamento, nessuna registrazione.
SEO di base
Open Graph (Facebook, LinkedIn…)
X (Twitter) Card
Avanzate e icone
Controlli
    Tag <head> generati 
     
      
     Importa da un <head> esistente (analizzato localmente, niente caricato) 
       
     
      
     Verifica dopo il deploy: Facebook LinkedIn Google Rich Results 
     
     
      
      
       Output dei tag e specifiche delle piattaforme verificati rispetto al protocollo Open Graph (ogp.me), Google Search Central e all'attuale documentazione di condivisione di Facebook, X, LinkedIn e Discord. — Go Tools Team · Jul 15, 2026  
          
     
    Cosa sono i meta tag e Open Graph?
     
     
    I meta tag sono frammenti di HTML nell'<head> della tua pagina che la descrivono a browser, motori di ricerca e piattaforme social. I classici tag SEO sono il <title>, la meta description e il link canonical. I tag Open Graph (og:title, og:type, og:image, og:url e simili) sono un protocollo, nato in Facebook, che controlla titolo, descrizione e immagine mostrati quando il tuo link viene condiviso — e quasi ogni piattaforma li legge, tra cui LinkedIn, Slack, Discord, WhatsApp, Pinterest e Telegram.
    Twitter/X usa i propri tag twitter:card ma ricorre ai tuoi tag Open Graph quando mancano, quindi un buon set di tag OG più un singolo valore twitter:card copre ogni rete. Questo generatore scrive tutti questi tag, aggiunge dati strutturati JSON-LD opzionali e mostra il risultato in anteprima live — così non devi mai scriverli a mano né indovinare come apparirà una condivisione.
     
      
      
     
    Specifiche di immagini e tag social per piattaforma
     
     
     
    Open Graph (Facebook e LinkedIn)
     
    Entrambi leggono og:title, og:description, og:image e og:url. Immagine consigliata 1200×630 (1,91:1). Facebook memorizza in cache ~30 giorni; LinkedIn ~7 giorni — riesegui lo scraping con i loro debugger dopo il deploy.
     
     
    X (Twitter) Card
     
    twitter:card è obbligatorio (summary_large_image o summary). Per il resto X ricorre ai tag og:*. Una singola immagine 1200×630 funziona sia per OG sia per X; le immagini sotto i 300×157 declassano una card grande a una piccola.
     
     
    Slack e Discord
     
    Slack legge prima Twitter Card poi Open Graph e può mostrare due campi extra tramite twitter:label/data. Discord legge Open Graph e usa in modo esclusivo theme-color per la barra d'accento dell'embed.
     
     
    WhatsApp e Telegram
     
    WhatsApp richiede og:title e og:image con i metadati vicino all'inizio dell'HTML; Telegram legge Open Graph e mostra in modo affidabile solo immagini JPEG o PNG.
     
     
    Pinterest Rich Pin
     
    Pinterest legge Open Graph o Schema.org. Un Rich Pin di tipo articolo richiede og:type=article più article:published_time e article:author — tutti generati qui quando scegli il tipo article.
     
     
    Snippet di ricerca Google
     
    L'anteprima SERP live per desktop e mobile misura titolo e descrizione in pixel — non solo in caratteri — così vedi il rischio di troncamento prima di Google.
     
     
     
          
     
    Esempi di meta tag
     
     
     
    Homepage di un sito web
     
     
    Title: Acme — Ship faster
Description: The all-in-one platform for modern teams.
URL: https://acme.com
Image: https://acme.com/og/home.png (1200×630)
     
    <title>Acme — Ship faster</title>
<meta name="description" content="The all-in-one platform for modern teams.">
<link rel="canonical" href="https://acme.com">

<meta property="og:title" content="Acme — Ship faster">
<meta property="og:type" content="website">
<meta property="og:image" content="https://acme.com/og/home.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:url" content="https://acme.com">

<meta name="twitter:card" content="summary_large_image">
     
     
    Una homepage ha bisogno solo dei quattro tag Open Graph obbligatori, più titolo, descrizione e canonical. Poiché l'immagine è 1200×630, larghezza e altezza vengono compilate automaticamente, così la prima condivisione su Facebook si visualizza subito invece di restare vuota.
     
     
    Articolo di blog (con article:* + JSON-LD)
     
     
    og:type: article
Title: The Complete Guide to Open Graph Tags
Author: Ada Lovelace
Published: 2026-07-15
     
    <meta property="og:title" content="The Complete Guide to Open Graph Tags">
<meta property="og:type" content="article">
<meta property="og:image" content="https://blog.example.com/og/guide.png">
<meta property="og:url" content="https://blog.example.com/open-graph-guide">
<meta property="article:published_time" content="2026-07-15T00:00:00Z">
<meta property="article:author" content="Ada Lovelace">

<meta name="twitter:card" content="summary_large_image">

<script type="application/ld+json">{ "@type": "Article", "headline": "The Complete Guide to Open Graph Tags", "datePublished": "2026-07-15T00:00:00Z" }</script>
     
     
    Scegliere il tipo article sblocca le proprietà article:published_time e article:author e genera il JSON-LD Article corrispondente, così motori di ricerca e Pinterest Rich Pin ottengono dati strutturati senza sforzo.
     
     
    Twitter/X eredita da Open Graph
     
     
    twitter:card: summary_large_image
Inherit title/description/image from OG: on
     
    <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@acme">
     
     
    X legge i tuoi tag Open Graph quando manca il corrispondente tag twitter:*, quindi ti basta twitter:card. Il generatore non emette mai un twitter:image vuoto, che comprometterebbe questo fallback.
     
     
     
          
     
    Come aggiungere i tag Open Graph al tuo sito
     
       
    1.  1 
       
      Inserisci titolo, descrizione e URL
       
      Digita il titolo della pagina, la meta description e l'URL canonical. L'indicatore in pixel mostra se rientrano nello snippet di ricerca di Google.
       
       
    2.  2 
       
      Aggiungi un'og:image e scegli il tipo
       
      Incolla l'URL di un'immagine 1200×630 e scegli website, article, product o profile — i campi Open Graph corrispondenti e il JSON-LD appaiono automaticamente.
       
       
    3.  3 
       
      Controlla le anteprime live
       
      Passa tra le schede Google, Facebook, X, LinkedIn, Slack e Discord per vedere esattamente come apparirà il tuo link prima di pubblicarlo.
       
       
    4.  4 
       
      Copia nel tuo 
       
      Copia l'intero blocco di tag (o una singola sezione) e incollalo nell' del tuo HTML. Verifica dopo il deploy con i debugger di Facebook e LinkedIn.
       
       
      5.  
     
      
     
    Errori comuni con Open Graph
     
     
     
    Percorso og:image relativo
     
    Un percorso come /cover.png funziona nel tuo editor ma resta vuoto quando viene condiviso, perché i crawler hanno bisogno di un URL assoluto.
     
     
     ✗ Errato 
    <meta property="og:image" content="/cover.png">
     
     
     ✓ Corretto 
    <meta property="og:image" content="https://example.com/cover.png">
     
     
     
     
    og:url mancante
     
    Senza un og:url canonical, i conteggi di condivisione si dividono tra varianti di URL e le piattaforme possono scegliere l'indirizzo sbagliato.
     
     
     ✗ Errato 
    <!-- no og:url -->
     
     
     ✓ Corretto 
    <meta property="og:url" content="https://example.com/page">
     
     
     
     
    Immagine troppo piccola o con proporzioni errate
     
    Facebook ignora le immagini sotto i 200×200 e ritaglia qualsiasi cosa lontana dal 1,91:1.
     
     
     ✗ Errato 
    600×600 og:image
     
     
     ✓ Corretto 
    1200×630 og:image (1.91:1)
     
     
     
     
    Dimenticare twitter:card
     
    Anche con tag Open Graph completi, X non mostra alcuna card se twitter:card non è impostato.
     
     
     ✗ Errato 
    <!-- OG only, no twitter:card -->
     
     
     ✓ Corretto 
    <meta name="twitter:card" content="summary_large_image">
     
     
     
     
    Un twitter:image vuoto rompe il fallback
     
    Un twitter:image vuoto impedisce a X di ricorrere a og:image — ometti il tag invece di lasciarlo vuoto.
     
     
     ✗ Errato 
    <meta name="twitter:image" content="">
     
     
     ✓ Corretto 
    <!-- omit it; X uses og:image -->
     
     
     
     
    Charset posizionato troppo tardi
     
    La dichiarazione charset deve comparire entro i primi 1024 byte del documento, altrimenti viene ignorata.
     
     
     ✗ Errato 
    <meta charset> after many tags
     
     
     ✓ Corretto 
    <meta charset="utf-8"> first in <head>
     
     
     
     
     
      
     
    Casi d'uso comuni
     
     
     
    Lanciare una landing page
     
    Genera l'intero blocco head per una nuova pagina di marketing così da apparire curata nel momento in cui qualcuno condivide il link su X, LinkedIn o Slack.
     
     
    Anteprime di blog e articoli
     
    Aggiungi article:published_time, article:author e il JSON-LD Article così i post si qualificano per i Pinterest Rich Pin e per le rich card social.
     
     
    Sistemare una condivisione difettosa
     
    Importa i tuoi tag attuali, individua l'og:image mancante o la dimensione errata nel pannello dei controlli, correggi e riesegui lo scraping con i link ai debugger.
     
     
    Snippet head per framework
     
    Copia un set di tag pulito e corretto da inserire in un sito statico, un template CMS o un partial head generato dal server.
     
     
     
      
     
    Come funziona il generatore
     
     
     
    Anteprima live nel browser
     
    Ogni card viene renderizzata dai valori che digiti, mai recuperando il tuo URL. Questo mantiene le anteprime istantanee e private, ed è l'unico modo onesto di vedere l'anteprima prima che una pagina sia pubblicata.
     
     
    Indicatore SERP preciso al pixel
     
    Google tronca titoli e descrizioni in base alla larghezza in pixel, non al numero di caratteri. Un canvas misura il tuo testo con lo stesso font, così l'indicatore diventa ambra esattamente quando lo snippet verrebbe tagliato.
     
     
    Controllo immagini lato client
     
    L'URL della tua og:image viene caricato in un oggetto Image nel tuo browser per leggerne larghezza e altezza reali, poi confrontato con 1200×630 e le proporzioni della card. Le immagini cross-origin comunicano comunque le loro dimensioni, quindi il controllo funziona senza alcun caricamento.
     
     
    Set di tag completo e moderno
     
    SEO di base, Open Graph, Twitter Card e JSON-LD in un unico blocco, con charset emesso per primo così da rientrare nei primi 1024 byte. I tag legacy come meta keywords sono disattivati per impostazione predefinita.
     
     
     
      
     
    Best practice per i meta tag
     
     
     
    Usa URL HTTPS assoluti
     
    og:image e og:url devono essere URL https://… completi. I percorsi relativi funzionano in locale ma restano vuoti quando un crawler recupera la pagina live.
     
     
    Imposta sempre og:image:width e height
     
    Dichiarare le dimensioni permette alle piattaforme di comporre subito la card, così la prima condivisione non resta vuota mentre recuperano l'immagine in modo asincrono.
     
     
    Mantieni canonical e og:url identici
     
    Punta entrambi all'unico URL canonical così i conteggi di condivisione e i segnali di ricerca non si dividono tra varianti di URL.
     
     
    Scrivi tenendo conto del budget in pixel
     
    Punta a un titolo di circa 50–60 caratteri e a una descrizione di circa 155 — ma fidati dell'indicatore in pixel, poiché Google misura la larghezza, non il numero di caratteri.
     
     
    Genera i tag lato server
     
    I crawler di Facebook, LinkedIn, WhatsApp, Telegram e Discord non eseguono JavaScript, quindi i tag Open Graph devono trovarsi nell'HTML statico o generato dal server.
     
     
     
      
     
    Domande frequenti
     
     
     Che cos'è un generatore di meta tag? 
     Un generatore di meta tag crea i tag HTML che vanno nell'<head> della tua pagina — il <title>, la meta description, il link canonical, i tag Open Graph per Facebook e LinkedIn e i tag Twitter/X Card. Questo strumento li genera tutti in una volta, mostra un'anteprima live di come apparirà il tuo link su Google, Facebook, X, LinkedIn, Slack e Discord e ti permette di copiare il codice con un clic. Tutto avviene nel tuo browser. 
     
     Come aggiungo i tag Open Graph al mio sito web? 
     Compila titolo, descrizione, URL canonical e l'URL di un'og:image, scegli il tipo Open Graph, poi copia i tag generati e incollali nell'<head> del tuo HTML. Poiché i crawler di Facebook, LinkedIn, WhatsApp e Telegram non eseguono JavaScript, i tag devono essere presenti nell'HTML statico o generato dal server, non iniettati da script lato client. 
     
     Quali dimensioni deve avere un'immagine Open Graph? 
     La dimensione consigliata per og:image è 1200×630 pixel, con proporzioni 1,91:1, che soddisfa anche la card summary_large_image di X. Facebook ignora le immagini più piccole di 200×200 e mostra un piccolo quadrato per qualsiasi cosa sotto i 600×315. Includi sempre og:image:width e og:image:height affinché la prima condivisione si visualizzi subito, e servi l'immagine tramite HTTPS a un URL pubblico non bloccato da robots.txt. 
     
     Il tag twitter:card è obbligatorio? 
     Sì: twitter:card è l'unico tag Twitter/X che devi includere, altrimenti X non mostrerà alcuna card anche se i tuoi tag Open Graph sono presenti. Impostalo su summary_large_image per un'immagine grande o su summary per una piccola miniatura quadrata. Per tutto il resto (titolo, descrizione, immagine) X ricorre ai tuoi tag og:*, quindi questo strumento li omette per impostazione predefinita per mantenere il markup pulito. 
     
     I meta tag aiutano la SEO? 
     Il <title> e il tag canonical contano per la SEO; la meta description non è un fattore di ranking diretto ma influenza il click-through modellando lo snippet nei risultati. I tag Open Graph e Twitter Card non incidono sul posizionamento su Google, ma controllano l'aspetto dei tuoi link quando vengono condivisi, generando traffico social. Google potrebbe riscrivere il tuo titolo nei risultati, quindi scrivine uno chiaro e unico e metti prima le parole importanti. 
     
     Questo strumento carica i miei contenuti o le mie immagini? 
     No. Tutto viene generato localmente nel tuo browser con JavaScript. Titolo, descrizione e URL dell'immagine non lasciano mai la pagina — nessun server, nessun caricamento e nessun account. L'og:image viene caricata solo nel tuo browser per l'anteprima e per leggerne le dimensioni. 
     
     Posso importare meta tag che ho già? 
     Sì. Apri il pannello Importa, incolla i tuoi tag <meta> esistenti e lo strumento li analizza localmente con il parser HTML del browser per compilare il modulo — nessuna richiesta di rete, niente caricato. È l'alternativa privacy-first agli strumenti che recuperano un URL live dal loro server. 
     
     Perché la mia anteprima aggiornata mostra ancora la vecchia immagine su Facebook o LinkedIn? 
     Le piattaforme memorizzano nella cache i dati Open Graph: Facebook per circa 30 giorni, LinkedIn per circa 7 giorni. Dopo il deploy, esegui di nuovo lo scraping della pagina con il Facebook Sharing Debugger o il LinkedIn Post Inspector per aggiornare titolo, descrizione e immagine memorizzati. I link ai debugger sono elencati sotto il codice generato. 
     
     
     
     
       
      
     
     
    Strumenti correlati
      Vedi tutti gli strumenti →
 
     
      
     
      
      
      
     
     
    Generatore e costruttore di comandi cURL
     
     
    Web & API
     
    Crea comandi curl nel browser — imposta metodo, intestazioni, autenticazione e corpo, ottieni subito il comando pronto da copiare. Preset per Bearer, POST JSON, upload file. Gratuito, privato, senza registrazione.
     
     
       
          
     
      
      
      
     
     
    Generatore htpasswd — bcrypt, Apache MD5 (apr1) e Basic Auth
     
     
    Web & API
     
    Genera voci htpasswd con bcrypt, Apache MD5 (apr1), SHA-1 e altro. Ottieni configurazioni pronte per Apache, nginx e Docker. 100% nel browser — nessun caricamento.
     
     
       
          
     
      
      
      
     
     
    Convertitore di Basi Numeriche — Bin, Hex, Ott, Dec
     
     
    Strumenti di conversione
     
    Converti istantaneamente tra binario, esadecimale, decimale, ottale e qualsiasi base (2-36). Strumento online gratuito e privato: tutta l'elaborazione avviene nel tuo browser.
     
     
       
          
     
      
      
      
     
     
    Decodificatore e codificatore Base64
     
     
    Codifica e formattazione
     
    Decodifica e codifica Base64 online gratis. Conversione in tempo reale con pieno supporto UTF-8 ed emoji. 100% privato — gira nel tuo browser. Nessuna registrazione.
     
     
       
          
     
      
      
      
     
     
    Convertitore da Base64 a immagine
     
     
    Codifica e formattazione
     
    Decodifica una stringa Base64 o un data URI in un'immagine nel tuo browser. Anteprima, dimensioni e MIME, poi scarica come PNG, JPG, GIF, SVG. Nessun upload.
     
     
       
          
     
      
      
      
     
     
    Generatore e verificatore di hash Bcrypt
     
     
    Strumenti di sicurezza
     
    Genera e verifica hash bcrypt delle password online: costo regolabile, prefissi $2b$/$2a$/$2y$. 100% nel tuo browser; la password non viene mai caricata.