Meta Tag

Cosa sono i Meta Tag

I meta tag stanno nella sezione della pagina, quindi chi naviga non li legge mai. Li leggono i motori di ricerca e i browser, e da lì capiscono di cosa parla la pagina, come trattarla e come mostrarla quando qualcuno la condivide.

Sono la parte più a buon mercato della SEO On-Page e della SEO Tecnica: mezz'ora di lavoro su title e description muove il numero di clic che ricevi a parità di posizione. Il meta tag keywords, invece, Google lo ignora dal 2009, e continuo a trovarlo compilato con cura in siti fatti l'anno scorso.

"I meta tag sono la tua prima opportunità di comunicare con Google e con gli utenti nella SERP. Un title tag e una meta description ottimizzati possono fare la differenza tra un click e uno scroll verso il risultato successivo."

Title Tag

Il title tag (<title>) è l'elemento HTML più importante per la SEO On-Page. Appare come titolo cliccabile nella SERP, nella scheda del browser e quando la pagina viene condivisa sui social media.

Come scrivo un title:

• Lunghezza ottimale: tra 50 e 60 caratteri (Google tronca dopo circa 580 pixel)
• Keyword primaria: posizionala il più possibile all'inizio del title
• Unicità: ogni pagina del sito deve avere un title tag unico
• Branding: aggiungi il nome del brand alla fine, separato da " | " o ", "
• Pertinenza: il title deve riflettere accuratamente il contenuto della pagina
• Attrattività: deve invogliare l'utente a cliccare, senza essere fuorviante (clickbait)

Nella pratica, scrivere un buon title tag significa unire intento di ricerca e leva sul click. Parti dalla keyword principale, poi aggiungi un modificatore che qualifica il valore della pagina (l'anno corrente, "guida", "completo", "gratis", un numero) e chiudi con il brand. Un esempio applicato: Corsi AI a Livorno: programma completo 2026 | Federico Boggia comunica subito argomento, luogo, attualità e identità in meno di 60 caratteri. Verifica sempre l'anteprima reale: se il title viene troncato nella SERP, le parole più importanti devono comparire prima del taglio.

Meta Description

La meta description è un breve riassunto del contenuto della pagina che appare sotto il title nella SERP. Sebbene non sia un fattore di ranking diretto, ha un impatto significativo sul CTR (Click-Through Rate).

Come per il title tag, Google potrebbe generare automaticamente la meta description se quella fornita non è ritenuta pertinente alla query dell'utente.

Un metodo pratico per scriverle è ragionare per promessa: la prima frase anticipa il beneficio o la risposta che si troverà nella pagina, la seconda spinge all'azione. Evita di ripetere il title parola per parola e, su siti con molte pagine simili (schede prodotto, sedi, articoli), valuta di generarle da un template dinamico con i campi variabili, così restano diverse fra loro senza scriverle una per una. Anche quando Google le riscrive, una description fatta bene resta il riferimento da cui parte.

Meta Robots

Il meta robots dice al motore di ricerca cosa fare di quella pagina: indicizzarla o lasciarla fuori, seguire i link o fermarsi. È il tag con cui si combinano i danni più silenziosi, perché un noindex dimenticato in produzione non dà nessun segnale: la pagina semplicemente scompare.

Valori principali del meta robots:

• index, follow: indicizza la pagina e segui i link (comportamento predefinito)
• noindex, follow: non indicizzare la pagina ma segui i link presenti
• index, nofollow: indicizza la pagina ma non seguire i link
• noindex, nofollow: non indicizzare e non seguire i link
• noarchive: non mostrare la copia cache della pagina
• nosnippet: non mostrare lo snippet testuale nella SERP
• max-snippet:[n]: limita la lunghezza dello snippet a n caratteri

Il meta robots lavora in sinergia con il file robots.txt, ma con una differenza importante: il robots.txt controlla l'accesso dei crawler, mentre il meta robots controlla l'indicizzazione dopo la scansione.

Attenzione a un errore frequente nella pratica: per rimuovere una pagina dall'indice serve un noindex nel meta robots, non un blocco nel robots.txt. Se blocchi la pagina con robots.txt, Google non potrà leggere il noindex e potrebbe comunque mostrarla nei risultati. Casi tipici in cui usare noindex sono pagine di ringraziamento, risultati di ricerca interna, filtri e paginazioni a basso valore. In alternativa al tag HTML, lo stesso comportamento si può impostare lato server con l'header HTTP X-Robots-Tag, utile per file non HTML come i PDF.

Viewport

Il meta viewport è la riga che dice al telefono di mostrare il sito alla larghezza dello schermo invece di rimpicciolire una pagina da desktop. Senza quella, con il mobile-first indexing parti già perdente, perché la versione che Google guarda è quella.

La configurazione standard è:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Questo tag indica al browser di impostare la larghezza della pagina uguale alla larghezza del dispositivo e di non applicare zoom iniziale. Senza questo tag, le pagine web vengono renderizzate come se fossero visualizzate su un desktop, risultando illeggibili su smartphone.

Sul piano pratico, evita di forzare valori che peggiorano l'usabilità: parametri come maximum-scale=1.0 o user-scalable=no impediscono all'utente di ingrandire la pagina e penalizzano l'accessibilità, un aspetto che Google valuta. La configurazione standard con width=device-width è quella corretta nella quasi totalità dei casi. Un viewport assente o mal configurato è una delle cause più comuni di errori "pagina non ottimizzata per dispositivi mobili" rilevati in Google Search Console e ha un impatto diretto sui Core Web Vitals.

Open Graph Tags

Gli Open Graph tags (OG tags) controllano come le pagine appaiono quando vengono condivise su social media come Facebook, LinkedIn e Twitter. Sebbene non influenzino direttamente il ranking, migliorano l'aspetto delle condivisioni social, aumentando engagement e traffico referral.

I principali OG tags da implementare:

• og:title: il titolo mostrato nella condivisione social
• og:description: la descrizione mostrata nella condivisione
• og:image: l'immagine di anteprima (min. 1200x630 pixel per Facebook)
• og:url: l'URL canonico della pagina
• og:type: il tipo di contenuto (article, website, product)
• og:locale: la lingua e la regione del contenuto (es. it_IT)

Per Twitter (X), esistono tag specifici come twitter:card, twitter:title e twitter:image che controllano l'aspetto delle Twitter Card. Se non specificati, Twitter utilizza i tag OG come fallback.

Sull'immagine social vale la pena spendere due minuti in più: 1200x630 pixel, testo grande, leggibile anche quando diventa un francobollo nella chat. E ricordati che le piattaforme tengono in cache gli Open Graph: dopo una modifica devi forzare l'aggiornamento con gli strumenti di debug, altrimenti continui a vedere la vecchia anteprima e pensi di aver sbagliato il codice.

Strumenti per verificare i Meta Tag

Scritti i tag, resta da vedere come vengono mostrati davvero. Per title e description l'anteprima dei risultati ti dice dove taglia Google, mentre Search Console ti dà impression e CTR reali: le pagine con molte impression e pochi clic sono quelle da riscrivere per prime. Per gli Open Graph ci sono lo Sharing Debugger di Facebook e il Post Inspector di LinkedIn, che mostrano l'anteprima e svuotano la cache.

Una volta ogni tanto conviene passare tutto il sito con un crawler tipo Screaming Frog: title duplicati, description mancanti, noindex messi per sbaglio salgono a galla in due minuti. Io lo faccio dopo ogni rilascio importante, perché gli errori di configurazione non restano mai su una pagina sola. Il passo successivo sono i dati strutturati, che lavorano sullo stesso risultato in SERP.