Generatore di Meta Tag HTML

Generatore di Meta Tag HTML

Genera meta tag HTML completi in pochi secondi: title, description, robots, canonical, Open Graph e Twitter Cards. Codice HTML pronto per copiare e incollare.

Aggiornato maggio 2026

Revisionato da Rafael Duarte

0/60
0/160
Anteprima del codice
<!-- Primary Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <html lang="it"> -->
<meta http-equiv="content-language" content="it">
<meta name="robots" content="index, follow">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
Anteprima SERP

https://example.com/your-page

Titolo della pagina

La tua meta description apparirà qui…

Come usare il generatore di meta tag

Meta tag SEO, Open Graph e Twitter Card in un unico blocco HTML

1. Compila i campi SEO

Titolo della pagina, meta description, robots e URL canonico. I contatori segnalano quando superi 60 e 160 caratteri.

2. Completa la parte social

og:type, tipo di Twitter Card e immagine di anteprima. Titolo, descrizione e URL lasciati vuoti vengono ripresi dai campi SEO.

3. Copia il codice nel <head>

Il codice si aggiorna mentre scrivi: copialo con un clic oppure scaricalo come file meta-tags.html.

Cosa genera questo strumento

I meta tag HTML che servono davvero a una pagina

Title e meta description

Con contatore di caratteri: diventa giallo oltre 50 (title) o 140 (description) e rosso oltre 60 o 160.

Robots e canonical

Quattro combinazioni di index/noindex e follow/nofollow, più il link rel="canonical" verso l'URL preferito.

Tag Open Graph

og:type (website, article, product, profile), og:url, og:title, og:description e og:image per Facebook, LinkedIn e WhatsApp.

Twitter Card

Quattro tipi di card, con titolo, descrizione e immagine ereditati da Open Graph e un campo per l'account @ del sito.

Tag tecnici

Charset (UTF-8, UTF-16, ISO-8859-1), viewport, theme-color con selettore colore e lingua del contenuto.

Anteprima del risultato su Google

Mostra URL, titolo e descrizione come in un risultato di ricerca, tagliando il testo che supera i limiti consigliati.

Esempi: dal campo al tag HTML

Il codice generato, riga per riga

Campo compilato
Tag generato
Titolo: Pizzeria Da Mario – Napoli
<title>Pizzeria Da Mario – Napoli</title>
Robots: noindex, follow
<meta name="robots" content="noindex, follow">
URL canonico: https://esempio.it/menu (og:url vuoto)
<link rel="canonical" href="https://esempio.it/menu"> più og:url e twitter:url con lo stesso indirizzo
Titolo con virgolette: Il "vero" ragù
<meta property="og:title" content="Il &quot;vero&quot; ragù">
Nessun campo social compilato
<meta name="twitter:card" content="summary_large_image">

Quando ti serve un generatore di meta tag

Situazioni tipiche, dal sito vetrina al blog

Pubblicare una nuova landing page

Prepara il blocco <head> completo prima della messa online, senza dimenticare canonical o immagine social.

Anteprime curate su WhatsApp e LinkedIn

Imposta og:image a 1200×630 px e un titolo social diverso da quello per Google, se vuoi un tono più diretto.

Escludere pagine dall'indice

Pagine di ringraziamento, aree riservate o versioni di test: genera il noindex corretto in pochi secondi.

Gestire contenuti duplicati

Schede prodotto raggiungibili con parametri diversi? Il canonical indica a Google quale URL considerare.

Siti statici e progetti per clienti

Per chi scrive HTML a mano o lavora senza plugin SEO: copia il codice e incollalo nel template.

Errori comuni con i meta tag

Lasciare noindex dopo il lancio

Un noindex copiato dall'ambiente di staging tiene la pagina fuori da Google. Prima di pubblicare, controlla che il campo Robots sia su index, follow.

Title troppo lungo

Oltre i 60 caratteri circa Google tende a troncare il titolo. Metti la parola chiave principale all'inizio, non in coda.

og:image assente o troppo piccola

Senza immagine molte piattaforme mostrano un'anteprima vuota o generica. Usa un URL assoluto e almeno 1200×630 px.

Affidarsi al tag lingua per la SEO

Google ricava la lingua dal testo, non dai meta tag. Il tag content-language è solo un'indicazione; per screen reader e browser conta l'attributo lang sull'elemento <html>, che va impostato nel template.

Perché usare questo generatore di meta tag

Mette insieme in un solo blocco i tag SEO, Open Graph, Twitter Card e i tag tecnici, con l'ereditarietà tra i campi: scrivi titolo e descrizione una volta e ritrovi gli stessi testi in og: e twitter:, salvo che tu voglia personalizzarli.

I caratteri speciali come virgolette, & e < vengono codificati automaticamente, così il codice copiato non rompe l'HTML. Tutto avviene nel browser: nessun testo viene inviato a un server e non serve registrarsi.

Open Graph o Twitter Card?

Due standard, generati insieme

Open Graph
Twitter Card
Ideato da
Facebook (ora Meta)
Twitter (ora X)
Letto da
Facebook, LinkedIn, WhatsApp, Telegram, Slack
X
Attributo HTML
property="og:..."
name="twitter:..."
In questo strumento
generato se c'è almeno un titolo, una descrizione, un'immagine o un URL
twitter:card sempre presente

Domande frequenti

Google non fissa un limite, ma nei risultati taglia il testo in base alla larghezza dello schermo: restare tra 140 e 160 caratteri è un buon compromesso. Il contatore dello strumento diventa giallo oltre 140 e rosso oltre 160.

Riferimenti

Strumenti correlati