Generatore di meta tag — Title, description, Open Graph e tag Twitter
Compila title, description e dettagli della social card di una pagina; ottieni un blocco <head> completo, con escape corretto e contatori di lunghezza in tempo reale.
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Free Business & Marketing Tools | FreeToolsForWeb</title> <meta name="description" content="Free online tools for business: converters, calculators, SEO utilities and a sample-file library. No signup, no ads."> <link rel="canonical" href="https://www.example.com/page"> <meta name="theme-color" content="#244b3f"> <!-- Open Graph (Facebook, LinkedIn, Slack, WhatsApp) --> <meta property="og:type" content="website"> <meta property="og:title" content="Free Business & Marketing Tools | FreeToolsForWeb"> <meta property="og:description" content="Free online tools for business: converters, calculators, SEO utilities and a sample-file library. No signup, no ads."> <meta property="og:url" content="https://www.example.com/page"> <meta property="og:site_name" content="Example Co"> <meta property="og:image" content="https://www.example.com/images/share.png"> <meta property="og:locale" content="en_US"> <!-- Twitter / X card --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Free Business & Marketing Tools | FreeToolsForWeb"> <meta name="twitter:description" content="Free online tools for business: converters, calculators, SEO utilities and a sample-file library. No signup, no ads."> <meta name="twitter:image" content="https://www.example.com/images/share.png">
Incolla all'interno di <head>. In Next.js, React Helmet o in un CMS, associa ogni riga al campo equivalente invece di incollare HTML grezzo.
Funziona interamente nel tuo browser. Nulla di ciò che inserisci viene inviato a noi o salvato. Sfoglia tutti gli strumenti gratuiti.
Hai trovato un problema o qualcosa che potrebbe andare meglio? Leggiamo ogni messaggio e sistemiamo le cose in fretta.
Questo generatore di meta tag gratuito produce l'intero set di tag head di cui una pagina ha bisogno: title e meta description con contatori di lunghezza in tempo reale, direttive canonical e robots, e i tag Open Graph e Twitter Card che controllano l'aspetto di un link quando viene condiviso su LinkedIn, Facebook, X, Slack e WhatsApp. I valori vengono sottoposti a escape correttamente, quindi un title con una e commerciale o delle virgolette non rompe l'HTML.
I meta tag sono la parte più piccola e più visibile della SEO on-page: title e description sono il testo dell'annuncio che Google scrive per te se non lo scrivi tu, e i tag social decidono se un link condiviso mostra un'immagine e un titolo o un semplice URL. Le note qui sotto riportano gli attuali limiti di lunghezza e i tag che non servono più a nulla, così non ti ritrovi a curare il tag meta keywords nel 2026.
Come si usa
- Inserisci il title della pagina (punta a 50–60 caratteri, parola chiave all'inizio) e la meta description (120–160 caratteri, un motivo per cliccare). I contatori diventano verdi quando sei nell'intervallo giusto.
- Imposta come URL canonical l'indirizzo preferito della pagina e lascia robots su index, follow, a meno che la pagina non debba restare fuori dalla ricerca.
- Aggiungi l'immagine di condivisione (1200 × 630 pixel), il nome del sito e l'handle Twitter. Title e description vengono riutilizzati per i tag social.
- Controlla l'anteprima di ricerca, poi copia il blocco generato nell'<head> della pagina.
- Dopo la pubblicazione, testa la pagina online con lo strumento di anteprima Open Graph per verificare che i tag vengano serviti come previsto.
Domande frequenti
Quali meta tag contano davvero per la SEO?
Title (un fattore di ranking diretto e il titolo nei risultati), meta description (non è un fattore di ranking, ma è il tuo snippet e influisce sui clic), canonical (evita la dispersione dovuta ai contenuti duplicati), robots (controllo index/noindex) e viewport (usabilità su mobile). I tag Open Graph e Twitter influiscono sulla condivisione social, non sul posizionamento. Il tag meta keywords è ignorato da Google dal 2009: lascia perdere.
Quanto devono essere lunghi title e description?
Title: circa 50–60 caratteri, perché Google tronca in base alla larghezza in pixel, intorno ai 600 px. Description: 120–160 caratteri su desktop, meno su mobile. Google riscrive l'uno o l'altra quando pensa di poter fare meglio, cosa che succede più spesso con testi generici o pieni di parole chiave, quindi scrivi testi specifici e onesti.
Servono sia i tag Open Graph sia quelli Twitter Card?
X legge i tag Open Graph come ripiego, quindi nella maggior parte dei casi bastano gli og:*; twitter:card vale comunque la pena di aggiungerlo, perché sceglie tra la card con immagine grande e il riepilogo piccolo. Tutti gli altri (LinkedIn, Facebook, Slack, WhatsApp, iMessage, Discord) leggono solo Open Graph.
Che dimensioni deve avere l'immagine di condivisione?
1200 × 630 pixel (1,91:1) è la dimensione sicura per la card grande di ogni piattaforma. Sotto i 600 px di larghezza, Facebook e LinkedIn ripiegano su una miniatura piccola o nessuna immagine. Tieni i contenuti importanti lontano dai bordi: alcune piattaforme ritagliano a quadrato nei feed. Usa un URL assoluto su HTTPS.
Ogni pagina deve avere un tag canonical?
Sì, che punti alla pagina stessa, a meno che la pagina non sia un duplicato di un'altra. Riconduce a un unico URL parametri di tracciamento, varianti con o senza slash finale e http/https, ed è un'assicurazione che costa poco. Il canonical deve essere un URL assoluto di una pagina che restituisce 200.
Tag che non servono più a nulla
meta keywords (ignorato dal 2009), meta revisit-after, meta distribution, meta rating e i tag geo.* specifici per Google sono tutti zavorra. I valori robots noodp, noydir e le varianti di nosnippet sono stati ritirati o sostituiti da max-snippet. Se un template li genera ancora, rimuoverli è sicuro e rende il codice un po' più ordinato.
Escape e codifica
Nei valori degli attributi & va scritto come & e " come "; questo generatore lo fa per te. Dichiara charset utf-8 come primo elemento dell'<head>, così il browser decodifica correttamente il resto. Nei framework (Next.js, Nuxt, Django, Rails, WordPress), imposta questi valori tramite il componente head o SEO del framework invece di incollare HTML grezzo, così restano specifici per pagina e l'escape avviene automaticamente.
Strumenti gratuiti correlati
- Anteprima snippet SERP — Guarda in anteprima come appariranno su Google il titolo e la meta description della tua pagina, con il conteggio dei caratteri in tempo reale.
- Anteprima Open Graph — Inserisci un URL e guarda la scheda esatta che mostreranno Facebook, LinkedIn, X e Slack, ogni tag trovato e cosa manca.
- Generatore di robots.txt — Crea un robots.txt con preset per consentire tutto, ambienti di staging e WordPress, una sezione per i crawler IA (blocca l'addestramento, mantieni la ricerca IA) e avvisi per gli errori che deindicizzano i siti.