STRUMENTO GRATUITO PER META TAG SEO E TAG OG
I meta tag sono frammenti di codice HTML inseriti nella sezione <head> di una pagina web. Non compaiono nella pagina vera e propria, ma comunicano a motori di ricerca, browser e piattaforme social informazioni fondamentali sul tuo contenuto -- di cosa parla la pagina, come deve essere indicizzata e che aspetto deve avere quando viene condivisa. Pensa ai meta tag come alle istruzioni dietro le quinte che determinano come il mondo scopre e percepisce il tuo sito.
Meta tag scritti bene influenzano direttamente il tasso di clic (CTR) nei risultati di ricerca. Quando qualcuno cerca su Google, il title tag e la meta description sono spesso la prima impressione che si fa della tua pagina. Un titolo efficace e accurato abbinato a una descrizione chiara può fare la differenza tra un clic e uno scroll che ti ignora. Diversi studi dimostrano che pagine posizionate allo stesso livello possono avere variazioni di CTR anche del 2x o più, solo in base a quanto sono scritti bene i loro meta tag.
Questo generatore di meta tag gratuito ti aiuta a creare tutti i tag essenziali in pochi secondi -- tag SEO di base, tag Open Graph per Facebook e LinkedIn, tag Twitter Card e persino dati strutturati JSON-LD. Ottieni un'anteprima in tempo reale di come apparirà la tua pagina nei risultati di Google e sui social, così puoi perfezionare tutto prima di aggiungere il codice al tuo sito.
<head> del tuo HTML.Title Tag: l'elemento SEO on-page più importante in assoluto. Appare come titolo cliccabile nei risultati di ricerca e nelle schede del browser. Ogni pagina dovrebbe avere un titolo unico che descriva accuratamente il suo contenuto. Google in genere mostra i primi 50-60 caratteri, quindi metti le keyword più importanti all'inizio.
Meta Description: anche se non è un fattore di ranking diretto, la meta description influenza molto il CTR. Google mostra fino a circa 155-160 caratteri su desktop. Scrivila come un testo pubblicitario -- spiega cosa otterrà l'utente e perché dovrebbe cliccare. Se non ne fornisci una, Google genererà automaticamente uno snippet dal contenuto della pagina, che potrebbe non rappresentarla bene.
Robots Meta Tag: controlla come i motori di ricerca eseguono la scansione e l'indicizzazione di una pagina. I valori più comuni sono index, follow (comportamento predefinito), noindex (impedisce l'indicizzazione), nofollow (non seguire i link) e noarchive (non mostrare una versione cache). Usalo in modo strategico per pagine come schermate di login, risultati di ricerca interni o contenuti duplicati.
Open Graph Tags: creati da Facebook, i tag Open Graph (OG) controllano come appare il tuo contenuto quando viene condiviso su Facebook, LinkedIn, WhatsApp e molte altre piattaforme. I tag principali sono og:title, og:description, og:image e og:url. L'immagine OG è particolarmente importante -- usa un'immagine di alta qualità a 1200x630 pixel per i risultati migliori su tutte le piattaforme.
Twitter Card Tags: simili ai tag OG ma specifici per Twitter/X. Il tag twitter:card definisce il tipo di card (di solito summary_large_image per il massimo impatto visivo). Twitter ricade sui tag OG se quelli specifici per Twitter non sono presenti, ma fornire entrambi garantisce il massimo controllo su come appare il tuo contenuto su ogni piattaforma.
Canonical Tag: tecnicamente non è un meta tag, ma è altrettanto importante. Il tag <link rel="canonical"> indica ai motori di ricerca quale versione di un URL è la copia "principale". Questo evita problemi di contenuto duplicato quando la stessa pagina è raggiungibile tramite più URL (con/senza www, HTTP/HTTPS, parametri di query, ecc.).
noindex dimenticato dallo sviluppo può far sparire un'intera pagina da Google. Controlla sempre i tuoi tag robots prima del lancio.<meta name="viewport">, i browser mobile renderizzano la pagina alla larghezza desktop e rimpiccioliscono tutto, creando un'esperienza utente pessima e danneggiando il posizionamento mobile.I meta tag sono elementi HTML inseriti nella sezione <head> di una pagina web che forniscono metadati sulla pagina a motori di ricerca, browser e piattaforme social. Includono il title tag, la meta description, la dichiarazione charset, le impostazioni viewport, le direttive robots, i tag Open Graph e altro ancora. I meta tag sono invisibili ai visitatori, ma svolgono un ruolo cruciale in come la tua pagina viene scoperta, indicizzata e mostrata sul web.
I meta tag influenzano la SEO sia in modo diretto che indiretto. Il title tag è un fattore di ranking confermato -- Google lo usa per capire la rilevanza della pagina. La meta description non è un fattore di ranking diretto, ma influenza molto il tasso di clic, che può avere un impatto indiretto sul posizionamento. Il meta tag robots controlla se una pagina viene indicizzata o meno. I tag canonical evitano penalizzazioni da contenuto duplicato. Anche se l'impatto diretto sul ranking varia da tag a tag, insieme costituiscono le fondamenta della SEO on-page tecnica.
Google in genere mostra i primi 50-60 caratteri di un title tag (o circa 600 pixel di larghezza). Punta a rimanere sotto i 60 caratteri per assicurarti che l'intero titolo sia visibile nei risultati di ricerca. Se il titolo viene troncato, Google potrebbe sostituirlo con qualcosa generato dal contenuto della pagina, cosa che non puoi controllare. Metti le keyword più importanti e la tua proposta di valore unica entro i primi 50 caratteri.
Google mostra fino a circa 155-160 caratteri di una meta description su desktop e circa 120 caratteri su mobile. Scrivi le informazioni più importanti entro i primi 120 caratteri per assicurarti che vengano mostrate su tutti i dispositivi. Non allungare le descrizioni per raggiungere il massimo -- se riesci a dirlo chiaramente in 100 caratteri, va benissimo. Qualità e rilevanza contano più della lunghezza.
No. Google ha confermato ufficialmente di ignorare completamente il tag meta keywords, e lo fa almeno dal 2009. Anche Bing ha dichiarato che non è un fattore di ranking. Il tag meta keywords è stato ampiamente abusato dagli spammer e non viene più usato da nessun motore di ricerca importante. Dedicare tempo ai meta keyword è uno sforzo sprecato -- concentrati invece sul title tag, sulla meta description e su contenuti di pagina di alta qualità.
I tag Open Graph (OG) sono un protocollo creato da Facebook che permette alle pagine web di controllare come appaiono quando vengono condivise sui social. Quando qualcuno condivide il tuo URL su Facebook, LinkedIn, WhatsApp, Slack, Discord o molte altre piattaforme, questi servizi leggono i tuoi tag OG per determinare titolo, descrizione e immagine da mostrare. I quattro tag OG essenziali sono og:title, og:description, og:image e og:url. Senza di essi, le piattaforme indovinano cosa mostrare, spesso con risultati scadenti.
I tag Twitter Card sono meta tag specifici per Twitter/X che controllano come appare il tuo contenuto quando viene condiviso sulla piattaforma. I tipi principali sono summary (piccola immagine quadrata con titolo e descrizione) e summary_large_image (grande immagine banner sopra il titolo). Twitter ricade sui tag Open Graph se quelli specifici per Twitter non sono impostati, ma definirli entrambi ti dà un controllo preciso. Usa twitter:card, twitter:title, twitter:description, twitter:image e twitter:site per i risultati migliori.
Ci sono diversi modi per controllare i tuoi meta tag attuali. Il più semplice è fare clic destro sulla pagina, selezionare "Visualizza sorgente pagina" e guardare la sezione <head>. Puoi anche usare gli strumenti per sviluppatori del browser (F12) per ispezionare l'elemento head. Per i tag social in particolare, usa Facebook Sharing Debugger (developers.facebook.com/tools/debug/) per vedere esattamente cosa legge Facebook, e Twitter Card Validator per controllare le tue Twitter card. Anche Google Search Console mostra come Google interpreta i titoli e le descrizioni delle tue pagine.
I meta tag in sé hanno un impatto praticamente nullo sulla velocità della pagina. Sono minuscole stringhe di testo nel tuo HTML, che in genere aggiungono meno di 1KB alla pagina. C'è però una connessione indiretta: il meta tag viewport è necessario per un rendering mobile corretto, e senza di esso i browser potrebbero dover fare calcoli di layout aggiuntivi. Alcuni tag come <link rel="preconnect"> e <link rel="preload"> (tecnicamente elementi link, non meta tag) possono in realtà migliorare le prestazioni di caricamento suggerendo ai browser di avviare le connessioni in anticipo.
Il meta tag robots indica ai crawler dei motori di ricerca come gestire una pagina specifica. Le direttive più comuni sono: index (consenti l'indicizzazione), noindex (impedisci l'indicizzazione), follow (segui i link nella pagina), nofollow (non seguire i link), noarchive (non mostrare la versione cache) e nosnippet (non mostrare uno snippet di testo nei risultati). Puoi combinare le direttive: <meta name="robots" content="noindex, follow"> significa "non indicizzare questa pagina, ma segui i suoi link". Se non è presente alcun tag robots, il valore predefinito è index, follow.
Aggiorna i tuoi meta tag ogni volta che il contenuto della pagina cambia in modo significativo, quando punti a nuove keyword o quando noti un CTR scarso in Google Search Console. Non c'è bisogno di aggiornarli con una cadenza fissa se il contenuto non è cambiato. È comunque buona pratica controllare i meta tag ogni trimestre -- verifica descrizioni obsolete, titoli che non corrispondono più al contenuto della pagina, immagini OG rotte e tag noindex impostati per errore. Le pagine con contenuti stagionali (saldi, eventi) dovrebbero avere i meta tag aggiornati per riflettere le offerte attuali.
Sì, i meta tag duplicati possono causare problemi. Avere due title tag o due meta description sulla stessa pagina può confondere i motori di ricerca su quale usare. Potrebbero scegliere quello sbagliato o generarne uno proprio. Titoli e descrizioni duplicati tra pagine diverse sono un problema ancora più grande -- segnalano ai motori di ricerca che le tue pagine non sono differenziate, il che può diluire il tuo potenziale di posizionamento. Usa strumenti come Screaming Frog o Google Search Console per individuare le pagine con meta tag duplicati o mancanti sul tuo sito.
Il tag canonical (<link rel="canonical" href="...">) indica ai motori di ricerca quale URL è la versione preferita di una pagina. È fondamentale quando lo stesso contenuto è raggiungibile da più URL -- per esempio, example.com/page e example.com/page?ref=twitter mostrano contenuti identici ma sono tecnicamente URL diversi. Senza un tag canonical, i motori di ricerca potrebbero suddividere i segnali di ranking tra più URL. Il canonical dovrebbe sempre puntare all'URL pulito e preferito, e dovrebbe essere autoreferenziale sulle pagine che non hanno duplicati.
I meta tag SEO standard (title, description) non vengono usati in modo affidabile per le anteprime di condivisione social. Le piattaforme social usano invece i tag Open Graph e i tag Twitter Card. Quando condividi un URL su Facebook, LinkedIn o WhatsApp, la piattaforma recupera la pagina e legge i tag og:title, og:description e og:image. Twitter/X legge prima i tag twitter:card, poi ricade sui tag OG. Se non ce n'è nessuno, la piattaforma cerca di indovinare dal contenuto della pagina, di solito con risultati scadenti. Imposta sempre i tag OG se vuoi condivisioni social dall'aspetto professionale.
Scrivi le meta description come un testo pubblicitario per la ricerca. Inizia con il beneficio principale o la risposta alla query dell'utente. Includi la tua keyword principale in modo naturale -- Google mette in grassetto i termini di ricerca corrispondenti nella descrizione, facendo risaltare visivamente il tuo risultato. Aggiungi una call to action ("Scopri come", "Prova gratis", "Confronta le opzioni"). Sii specifico invece che generico: "Ridimensiona le immagini a dimensioni esatte in pixel in 3 secondi" batte "Un ottimo strumento per modificare le immagini". Evita il clickbait -- se gli utenti cliccano e abbandonano subito, danneggia il tuo posizionamento. Mantienila tra 120 e 155 caratteri.
Il meta tag viewport (<meta name="viewport" content="width=device-width, initial-scale=1.0">) indica ai browser mobile come controllare le dimensioni e il ridimensionamento della pagina. Senza di esso, i browser mobile renderizzano la pagina a una larghezza desktop predefinita (in genere 980px) e poi rimpiccioliscono tutto, rendendo il testo minuscolo e costringendo gli utenti a fare pinch-zoom. Questo tag è essenziale per il design web responsive ed è richiesto per l'indicizzazione mobile-first di Google. Ogni pagina web moderna dovrebbe includerlo.
Non c'è un limite rigido, ma una pagina ben ottimizzata ha in genere 10-20 tag legati ai meta. Gli essenziali sono: title tag, meta description, viewport, charset, link canonical, 4-6 tag Open Graph, 4-5 tag Twitter Card e, facoltativamente, un tag robots. È consigliato aggiungere anche dati strutturati JSON-LD. Non aggiungere tag inutili -- per esempio, salta meta keywords (ignorato da tutti i principali motori di ricerca) e meta author (nessun valore SEO). Ogni tag dovrebbe avere uno scopo chiaro.
Sì, i meta tag devono trovarsi all'interno della sezione <head> del tuo documento HTML per essere riconosciuti correttamente. I meta tag inseriti nel <body> sono tecnicamente HTML non valido e potrebbero essere ignorati da motori di ricerca e piattaforme social. Il tag <title>, gli elementi <meta>, <link rel="canonical"> e i tag Open Graph/Twitter appartengono tutti all'head. Alcuni crawler potrebbero comunque trovare tag inseriti nel body, ma non è affidabile. Metti sempre i tuoi meta tag prima di qualsiasi contenuto o elemento script nell'head.
Il meta tag charset (<meta charset="UTF-8">) dichiara la codifica dei caratteri del tuo documento HTML. UTF-8 è lo standard universale che supporta praticamente tutti i caratteri di tutti i sistemi di scrittura -- lettere latine, caratteri accentati, cinese, arabo, emoji e altro ancora. Senza questo tag, i browser potrebbero indovinare la codifica in modo scorretto, causando testo illeggibile (mojibake). Usa sempre UTF-8 e metti la dichiarazione charset come primo elemento dentro <head>, prima del title tag, per garantire un parsing corretto fin dall'inizio.
Questo strumento richiede una connessione internet ed è disponibile solo sul sito ufficiale di KlipTools. Funziona interamente nel tuo browser (nessun dato viene inviato a un server), ma deve essere caricato da kliptools.com per funzionare. Se ti serve una soluzione offline, puoi salvare i meta tag generati come file modello e riutilizzarli localmente. Lo strumento è completamente gratuito e non richiede registrazione -- basta visitare la pagina, inserire i tuoi dati e copiare il codice generato.