Generatore di meta tag
Genera tag meta SEO, Open Graph e Twitter Card per il tuo sito web.
Informazioni sui tag meta
I tag meta forniscono metadati sulla tua pagina HTML. Aiutano i motori di ricerca a capire il tuo contenuto, controllano il modo in cui le tue pagine appaiono nei risultati di ricerca e definiscono l'anteprima dei link sui social network. Un set di tag meta ben ottimizzato può migliorare il tasso di click dalla ricerca e dalla condivisione social. Mantieni i titoli sotto i 60 caratteri e le descrizioni sotto i 160 caratteri per una visualizzazione ottimale nei risultati di ricerca.
Le quattro famiglie di metadati <head>
Il <head> di una pagina HTML moderna porta tipicamente metadati in quattro contenitori, ciascuno al servizio di un pubblico diverso:
- Elementi base del documento, ciò di cui ogni browser ha bisogno:
<title>,<meta charset="utf-8">,<meta name="viewport">,<meta name="description">. - Direttive SEO, ciò che leggono i crawler dei motori di ricerca:
<meta name="robots">,<link rel="canonical">, il titolo della pagina che finisce come link nella SERP. - Open Graph, ciò che Facebook, LinkedIn, Slack, Discord, iMessage e la maggior parte degli altri client di condivisione link mostrano:
og:title,og:description,og:image,og:url,og:type,og:site_name. - Twitter Card, ciò che X / Twitter mostra per i link condivisi, con fallback ai tag OG quando assenti:
twitter:card,twitter:title,twitter:image,twitter:site,twitter:creator.
Questo generatore emette tutte e quattro le famiglie da un singolo modulo. L'output si inserisce direttamente nel <head> di qualsiasi file HTML: incolla, salva, distribuisci. Per un approfondimento specifico su Open Graph, lo strumento dedicato Anteprima Open Graph mostra rendering live delle piattaforme.
Titolo e descrizione: quanto dovrebbero essere lunghi?
Google Search Central è diretto sulla risposta: non c'è un massimo fisso. Gli snippet vengono semplicemente troncati per adattarsi alla larghezza del dispositivo. Le regole dei 60 caratteri per il titolo e 160 caratteri per la descrizione sono convenzioni del settore derivate dal troncamento osservato a larghezza pixel nelle SERP di Google (~580 pixel su desktop). Il consiglio pratico:
- Titolo, punta a 50-60 caratteri. Le lettere maiuscole larghe (W, M, A maiuscola) consumano più spazio pixel rispetto alle lettere strette (i, l, t), quindi due titoli da 60 caratteri possono apparire con larghezze visibili molto diverse.
- Descrizione, 150-160 caratteri su desktop, ~120 su mobile. Metti le informazioni chiave all'inizio cosi sopravvivono al troncamento mobile.
- La lunghezza non influisce sul ranking; influisce solo su quanto del tuo snippet vede chi cerca prima di cliccare.
Il meta tag robots: cosa controlla davvero
A differenza dell'obsoleto tag keywords (vedi sotto), <meta name="robots"> è vivo e vegeto; Google lo supporta esplicitamente. Valori comuni:
index, follow, l'impostazione predefinita. La pagina può apparire nella ricerca; i crawler seguono i suoi link.noindex, escludi questa pagina dai risultati di ricerca. Utile per pagine di ringraziamento, strumenti interni, archivi paginati, pagine di risultati di ricerca e qualsiasi altra cosa che non vuoi che competa con i tuoi contenuti reali.nofollow, non seguire i link su questa pagina. Raramente la scelta giusta per l'intera pagina; di solito applicato per-link tramiterel="nofollow".noindex, nofollow, entrambi. La posizione di privacy più forte per una pagina raggiungibile pubblicamente.noarchive, non mostrare una copia in cache nei risultati di ricerca.nosnippet, non mostrare uno snippet di descrizione, solo il titolo.
Per override specifici di Google, usa <meta name="googlebot"> con gli stessi valori. Nota che noindex è esprimibile anche come header HTTP X-Robots-Tag, che è il posto giusto per esso su PDF, immagini e altre risorse non-HTML dove non puoi aggiungere un meta tag.
Perché gli URL canonici sono importanti
<link rel="canonical"> dice ai motori di ricerca quale versione di una pagina è quella "ufficiale" quando più URL servono lo stesso contenuto o contenuto quasi identico. Casi comuni che richiedono un canonico:
- Slash finale o no (
/pagevs/page/). - HTTP vs HTTPS (i redirect legacy a volte lasciano entrambi indicizzabili).
- WWW vs apex (
www.example.comvsexample.com). - Parametri di tracciamento (
?utm_source=...,?ref=...) che producono infiniti URL "diversi". - Paginazione, ordini di ordinamento, parametri di filtro che producono lo stesso contenuto in ordine diverso.
- Contenuto sindacato ripubblicato su più siti (il canonico punta all'originale).
Senza un canonico, Google sceglie una versione da solo e potrebbe scegliere quella sbagliata. L'URL canonico deve essere assoluto (https:// completo) e dovrebbe corrispondere esattamente all'URL che vuoi indicizzato.
Tag che puoi saltare nel 2026
<meta name="keywords">, Google ha dichiarato esplicitamente da settembre 2009 che non usa il meta tag keywords come segnale di ranking. Bing è andato oltre: tratta l'eccessivo keyword stuffing in questo tag come un segnale di spam. Includerlo non danneggia la SEO ma nemmeno aiuta; il campo esiste in questo generatore per gli utenti i cui template aziendali se lo aspettano ancora.<meta http-equiv="refresh">per i redirect, usa invece redirect HTTP 301/302 appropriati dal server. Il meta refresh ritarda il redirect e confonde alcuni strumenti di accessibilità.<meta http-equiv="X-UA-Compatible">, necessario solo per la compatibilità con Internet Explorer, che non è più una preoccupazione.<meta name="revisit-after">, mai onorato dai principali crawler. Puro cargo cult.<meta name="generator">, solo informativo; dice al mondo cosa ha costruito il tuo sito. A volte un segnale di sicurezza che vale la pena rimuovere.
I due tag di cui ogni pagina ha veramente bisogno
Oltre a <title> e <meta name="description">, due tag sono non negoziabili per una pagina web moderna:
<meta charset="UTF-8">, dovrebbe apparire entro i primi 1024 byte del documento, idealmente come primo figlio di<head>. Lo standard HTML Living lo richiede per una corretta gestione dei caratteri. Senza di esso, i browser possono indovinare la codifica e sbagliarsi, specialmente su script non latini.<meta name="viewport" content="width=device-width, initial-scale=1">, dice ai browser mobili di renderizzare la pagina alla larghezza effettiva del dispositivo piuttosto che zoomare da un layout desktop fittizio di 980 pixel. Senza di esso, ogni utente mobile vede una versione minuscola e zoomata della tua pagina che è quasi inutilizzabile.
Open Graph e Twitter Card in breve
Un breve riassunto; per l'approfondimento usa lo strumento Anteprima Open Graph. I quattro tag OG richiesti secondo ogp.me: og:title, og:type, og:image, og:url. Opzionali ma raccomandati: og:description, og:site_name. Dimensioni dell'immagine: 1200×630 (1,91:1) è la dimensione cross-platform più sicura.
Per X / Twitter: includi twitter:card = summary_large_image (la moderna card a tutta larghezza) e X ricade sui tag OG per tutto il resto se i tag Twitter-specifici sono assenti. Il preview standalone del Twitter Card Validator è stato rimosso da X il 2 agosto 2022; verifica invece incollando l'URL nel Tweet Composer.
I dati strutturati sono un lavoro diverso
I dati strutturati JSON-LD (usando i vocabolari schema.org) sono ciò che alimenta i rich result di Google: schede ricette, info prodotto con stelle di valutazione, snippet FAQ nella ricerca, breadcrumb. Sono distinti dai meta tag e vivono in un blocco <script type="application/ld+json">, non in un tag <meta>. Entrambi sono raccomandati; uno non sostituisce l'altro. I meta tag controllano titolo / descrizione / share card di base; i dati strutturati sbloccano i formati più ricchi.
Errori comuni
- Includere
meta keywordse aspettarsi un beneficio SEO. Google ha annunciato nel 2009 che non lo usa. Più di vent'anni dopo è ancora nei vecchi template; rimuovi o ignora. - Dimenticare
<link rel="canonical">. Se il tuo URL ha parametri di tracciamento o versioni alternative, Google ne sceglie uno da solo. Senza un canonico, la versione scelta potrebbe non essere quella con tutti i tuoi link in entrata. - Titoli diversi in
<title>,og:titleetwitter:title. Non tecnicamente sbagliato, ma incoerente. L'impostazione predefinita pulita è un titolo condiviso tra tutti e tre. - Logo generico del sito come
og:imagesu ogni pagina. Ogni pagina merita un'immagine unica legata al suo contenuto; usare un singolo logo su tutto il sito produce anteprime di condivisione noiose. - Meta
viewportmancante sulle pagine destinate al mobile. I browser mobili renderizzano la pagina a larghezza desktop fittizia e zoomano. L'esperienza utente è terribile. - Usare
<meta http-equiv="refresh">per i redirect. HTTP 301/302 dal server è il modo giusto; il meta refresh è più lento e ostile all'accessibilità, e molti crawler lo gestiscono in modo incoerente ai fini del ranking. - Titolo più lungo di ~580 pixel (~60 caratteri di larghezza). Troncato da Google con un'ellisse; la parte troncata non è visibile a chi cerca.
- Dimenticare che le single-page app hanno bisogno di meta tag renderizzati lato server o pre-renderizzati. Molti crawler dei social media (Facebook, LinkedIn, Slack, Discord) non eseguono JavaScript. I tag scritti da JS lato client non saranno visibili per loro.
Domande frequenti
Il meta tag keywords aiuta ancora la SEO?
No. Matt Cutts di Google ha annunciato nel settembre 2009 che <meta name="keywords"> non è usato come segnale di ranking. Bing tratta l'eccessivo keyword stuffing in questo tag come un segnale di spam. Il campo è incluso in questo generatore per la compatibilità con template più vecchi e flussi di lavoro CMS che se lo aspettano ancora; sicuro lasciarlo vuoto.
Qual è la differenza tra meta description e OG description?
L'HTML <meta name="description"> è ciò che i motori di ricerca usano come snippet sotto il titolo della tua pagina nei risultati. L'Open Graph og:description è ciò che le share card dei social media mostrano. Possono essere lo stesso testo (e di solito lo sono) ma puoi scrivere versioni diverse se il tuo pubblico di ricerca e il tuo pubblico social si aspettano un'inquadratura diversa.
Il mio JavaScript scrive i meta tag dopo il caricamento della pagina. Va bene?
Per il crawler principale di Google (Googlebot), si; Googlebot esegue il rendering JavaScript e vede i meta tag post-rendering. Per i crawler dei social media (Facebook, LinkedIn, Slack, Discord, WhatsApp), in genere no; la maggior parte di loro non esegue JavaScript e vede solo l'HTML iniziale. Se il tuo sito è una single-page app, hai bisogno di rendering lato server, pre-rendering o un servizio come Prerender.io per assicurarti che i crawler dei social media vedano i meta tag giusti.
Dove vanno esattamente questi tag?
Dentro il <head> del tuo HTML, idealmente vicino all'inizio. <meta charset> dovrebbe essere nei primi 1024 byte. <meta name="viewport"> immediatamente dopo. Poi <title>, <meta name="description">, robots, canonical, tag OG, tag Twitter. L'ordine all'interno del <head> non importa per la SEO una volta che charset e viewport sono abbastanza presto.
Devo preoccuparmi del meta refresh tag per la sicurezza?
Non è un rischio di sicurezza di per sé, ma è un pattern scadente. I redirect HTTP 301/302 lato server sono più veloci, gestiscono correttamente gli header referrer e sono più amici dell'accessibilità. Usa il meta refresh solo quando non hai controllo lato server sui redirect (un host stile GitHub Pages statico senza configurazione di redirect).
I miei meta tag vengono caricati su un server?
No. Il generatore funziona interamente nel tuo browser. I tuoi campi titolo, descrizione, URL e immagine restano sulla tua macchina; lo snippet di output è composto localmente e copiato negli appunti su richiesta. Questo è importante perché i tag in bozza spesso contengono URL di pagine non pubblicate, nomi di prodotti interni o copy di marketing pre-lancio che non vuoi che fluiscano attraverso un server di terze parti.
Strumenti correlati
Anteprima Open Graph
Visualizza l'anteprima di come apparirà il tuo link su Facebook, Twitter e LinkedIn. Genera tag OG.
Generatore robots.txt
Costruisci un file robots.txt con regole user-agent, percorsi allow/disallow, sitemap e ritardi di scansione.
Generatore di slug URL
Trasforma qualsiasi testo in uno slug pulito e adatto agli URL. Gestisce accenti, caratteri speciali e altro.