Generatore di meta tag
Genera meta tag SEO, Open Graph, article e Twitter Card con contatori in tempo reale della lunghezza di titolo e descrizione e opzioni robots, theme-color e autore.
Generatore di meta tag — Compila titolo, descrizione, URL canonico, immagine e nome del sito della tua pagina per ottenere un blocco pronto da incollare di meta tag SEO, Open Graph e Twitter Card per l'head del tuo HTML. Le anteprime live del SERP di Google e della social card mostrano come apparirà la pagina nelle ricerche e quando viene condivisa. Tutto viene generato nel tuo browser — niente della tua pagina viene caricato. I contatori in tempo reale confrontano titolo e descrizione con le lunghezze consigliate, i campi opzionali aggiungono tag robots, viewport, charset, theme-color e autore oltre a tag Open Graph specifici per gli articoli, e lo strumento legge l’URL della tua immagine per segnalare un’immagine di anteprima mancante o di dimensioni anomale.
Cos'è Generatore di meta tag?
Il Generatore di meta tag è uno strumento online gratuito che trasforma pochi dettagli della pagina in un set completo di meta tag HTML: i tag SEO standard (title, meta description, link canonico), i tag Open Graph (og:title, og:description, og:type, og:url, og:image, og:site_name) e i tag Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image). Marketer, blogger e sviluppatori lo usano al lancio di una pagina o di un articolo per controllare come appare nei risultati di Google e come il suo link si espande su Facebook, LinkedIn, X/Twitter, Slack e Discord. Scegli l'og:type (website, article, product, profile o video.other) e lo stile twitter:card (summary, summary_large_image, app o player), e lo strumento scrive solo le righe dei campi che compili. Produce semplici tag HTML — non esegue la scansione del tuo sito né legge la pagina al posto tuo. I contatori in tempo reale avvisano quando il titolo (circa 60 caratteri) o la descrizione (circa 160) diventa troppo lungo, e lo strumento carica l’URL della tua immagine per leggerne le dimensioni reali in pixel e avvisare di un’immagine mancante o troppo grande/piccola. I campi opzionali aggiungono una direttiva robots, tag viewport e charset UTF-8, un theme-color e un autore, oltre a article:published_time, article:author e article:section quando og:type è article.
Come usare Generatore di meta tag
- Digita il titolo della pagina — diventa i tag <title>, og:title e twitter:title.
- Scrivi una meta description (circa 150–160 caratteri) per i tag description, og:description e twitter:description.
- Inserisci l'URL canonico della pagina e un URL immagine assoluto per l'anteprima del link.
- Aggiungi il nome del sito e scegli l'og:type e il twitter:card dai menu a discesa.
- Copia il blocco HTML generato dalla casella di output e incollalo nell'<head> della tua pagina.
- Usa le anteprime del SERP di Google e della social card per verificare il risultato prima di pubblicare.
- Tieni d’occhio i contatori di lunghezza in tempo reale di titolo e descrizione e apri le opzioni ⚙ per aggiungere tag robots, viewport, charset, theme-color, autore o di articolo.
Esempi
Tag di un articolo di blog
Input
Titolo: How to Bake Sourdough Descrizione: A beginner's guide to baking sourdough bread at home. URL: https://blog.example.com/sourdough og:type: article
Output
<title>How to Bake Sourdough</title> <meta name="description" content="A beginner's guide to baking sourdough bread at home." /> <link rel="canonical" href="https://blog.example.com/sourdough" /> <meta property="og:title" content="How to Bake Sourdough" /> <meta property="og:type" content="article" /> <meta name="twitter:card" content="summary_large_image" />
Social card con immagine grande
Input
Immagine: https://example.com/og.png twitter:card: summary_large_image
Output
<meta property="og:image" content="https://example.com/og.png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://example.com/og.png" />
I caratteri speciali vengono codificati
Input
Titolo: Tips & Tricks for "Pros"
Output
<title>Tips & Tricks for "Pros"</title>
Articolo con tag robots e di articolo
Input
Titolo: How to Bake Sourdough og:type: article Robots: index, follow article:published_time: 2024-05-01T09:00 article:section: Food
Output
<meta name="robots" content="index, follow" /> <meta property="og:type" content="article" /> <meta property="article:published_time" content="2024-05-01T09:00" /> <meta property="article:section" content="Food" />
Domande frequenti
- Quali meta tag genera?
- Produce tag SEO standard (<title>, meta description e un link canonico), tag Open Graph (og:title, og:description, og:type, og:url, og:image, og:site_name) e tag Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image). Vengono incluse solo le righe dei campi che compili, quindi non ottieni mai tag segnaposto vuoti.
- Qual è la differenza tra og:type e twitter:card?
- og:type indica alle piattaforme che tipo di oggetto è la pagina — website, article, product, profile o video.other —, il che influisce su come il link si espande. twitter:card sceglie il layout su X/Twitter: summary è una piccola miniatura, summary_large_image mostra una grande immagine in stile banner, mentre app e player sono per app e media. Scegli la coppia che corrisponde ai tuoi contenuti.
- L'URL dell'immagine deve essere assoluto?
- Sì. og:image e twitter:image devono essere URL assoluti completi che iniziano con https:// perché gli scraper li recuperano dall'esterno del tuo sito — un percorso relativo come /og.png non verrà caricato. Per risultati ottimali usa un'immagine 1200×630 per le card grandi.
- Questo strumento esegue la scansione o legge la mia pagina live?
- No. Formatta solo i valori che digiti in meta tag HTML. Non recupera, scansiona né analizza alcun URL — l'URL canonico e l'URL dell'immagine vengono scritti nei tag così come sono, senza essere visitati.
- I miei dati vengono inviati a un server?
- No. I tag vengono creati interamente nel tuo browser con JavaScript. Nulla di ciò che digiti — inclusi titoli, URL o descrizioni non pubblicati — viene caricato, memorizzato o inviato da nessuna parte, quindi è sicuro usarlo su pagine private o prima del lancio.
- Quanto dovrebbero essere lunghi titolo e descrizione?
- Punta a circa 60 caratteri o meno per il titolo e all’incirca 120–160 per la descrizione; i motori di ricerca troncano il testo più lungo. Lo strumento mostra per ciascuno un contatore in tempo reale che passa da uno stato valido a un avviso non appena superi la lunghezza consigliata.
- Quali meta tag aggiuntivi posso inserire e come funzionano gli avvisi sull’immagine?
- Apri le opzioni ⚙ per aggiungere una direttiva robots (preset index/follow), un tag viewport, un tag charset UTF-8, un theme-color e un autore; quando og:type è article puoi aggiungere anche article:published_time, article:author e article:section. Lo strumento carica inoltre l’URL della tua immagine nel browser per mostrarne le dimensioni reali in pixel e avvisare se è mancante o molto distante dal 1200×630 consigliato.
Strumenti correlati
Generatore di tag hreflang
Genera i tag link hreflang per una pagina multilingue a partire da un elenco di coppie lingua-URL, con un x-default opzionale e un tag autoreferenziale.
Generatore di JSON-LD
Genera dati strutturati JSON-LD validi per gli schemi Article, Product, FAQPage, HowTo, LocalBusiness, Event, Recipe, BreadcrumbList e Organization da un semplice modulo.
Verificatore di densità delle parole chiave
Analizza frequenza e densità delle parole chiave in frasi di 1, 2 o 3 parole, con filtro di parole vuote e ricerca della parola chiave target.
Anteprima Open Graph e scheda social
Visualizza in anteprima come un link si espande in una scheda social su X, LinkedIn, Slack, Discord e Facebook a partire da titolo, descrizione, URL dell'immagine e URL della pagina.