Indice dei contenuti
Cosa sono i metadati SEO
I metadati SEO sono informazioni testuali inserite nel codice HTML di una pagina web che hanno la funzione di comunicare ai motori di ricerca il contenuto e il contesto della pagina stessa. Questi dati, racchiusi tra i tag <head> e </head>, non sono visibili direttamente agli utenti ma vengono letti e interpretati dai crawler dei motori di ricerca durante l’indicizzazione del sito. Dedicare quindi tempo e risorse all’ottimizzazione dei meta tag ti permetterà di ottenere sul sito una maggiore visibilità organica e traffico di qualità.
Per visualizzare i meta tag di un sito, fai clic destro sulla pagina e seleziona “Visualizza sorgente pagina” (o simile). Cerca nella sezione <head> del codice HTML per trovare i tag meta, come title, description, keywords e robots.
Cosa si intente per Meta tag
I meta tag sono elementi HTML che si inseriscono nella sezione <head> del codice HTML. Forniscono ai motori di ricerca informazioni riguardo al contenuto, al contesto e alla rilevanza di una pagina web. Includono informazioni come titolo, descrizione, parole chiave e istruzioni per i motori di ricerca. Vengono utilizzati per ottimizzare la visibilità e il posizionamento delle pagine nei risultati di ricerca.
Ci sono diversi tag correlati alla SEO, tra cui il title tag, la meta description, le meta keyword, i robot meta tag, l’hreflang tag e i tag di markup dello schema. Altri includono canonical e open graph.
Ecco un elenco completo dei principali meta tag per la SEO:
- Title Tag: definisce il titolo della pagina che appare nei risultati di ricerca (SERP) e nella scheda del browser. Un title tag ben ottimizzato, che include la parola chiave principale e cattura l’attenzione degli utenti, può fare aumentare il CTR (Click-Through Rate) e il traffico qualificato.
- Meta Description: fornisce una sintesi concisa del contenuto della pagina. Sebbene non sia un fattore di ranking diretto, una meta description persuasiva e ricca di parole chiave può incentivare gli utenti a cliccare sul link nei risultati di ricerca, aumentando il traffico e le potenziali conversioni.
- Meta Keywords: nonostante abbia perso rilevanza come fattore di ranking, il meta tag keywords può ancora fornire un contesto aggiuntivo ai motori di ricerca. L’inclusione di parole chiave pertinenti e varianti semantiche può rafforzare la rilevanza complessiva della pagina.
- Meta Robots: Il meta tag robots comunica ai motori di ricerca le istruzioni per l’indicizzazione e la visualizzazione della pagina nei risultati di ricerca. Valori comuni includono “index” (per indicizzare la pagina), “noindex” (per non indicizzarla), “follow” (per seguire i link in uscita) e “nofollow” (per non seguirli).
- Canonical Tag: indica ai motori di ricerca la versione preferita o canonica di una pagina quando esistono duplicati o versioni simili. Aiuta a rafforzare il valore dei link e ad evitare contenuti duplicati.
- Hreflang Tag: utilizzato per specificare la lingua e il targeting geografico di una pagina. Aiuta i motori di ricerca a mostrare la versione tradotta dei contenuti agli utenti in base alla loro posizione e preferenze linguistiche.
- Open Graph Tags: introdotti da Facebook, consentono di ottimizzare la condivisione dei contenuti sui social media. Includono informazioni come il titolo, la descrizione, l’immagine e il tipo di contenuto, migliorando l’aspetto e l’engagement dei post condivisi.
- Twitter Card Tags: simili agli Open Graph tag, i Twitter Card tag ottimizzano la condivisione dei contenuti su Twitter (l’attuale X), fornendo un’anteprima ricca e accattivante dei tweet che includono il link alla pagina.
- Schema Markup: lo schema markup (o dati strutturati) fornisce ai motori di ricerca informazioni strutturate sul contenuto della pagina, come recensioni, eventi, prodotti e altro. L’utilizzo appropriato dello schema markup può fare aumentare le possibilità di essere collocati nei risultati in primo piano (risultati 0) e nei box di risposta veloce forniti dai motori di ricerca.
- Meta Tag charset UTF-8: specifica la codifica dei caratteri utilizzata nella pagina web. Indica al browser come interpretare e visualizzare correttamente i caratteri speciali e le lingue diverse. La codifica più comune e consigliata è UTF-8.
- Viewport Tag: specifica la visualizzazione della pagina sui dispositivi mobili, garantendo un’ottima esperienza utente quando il sito web viene visualizzato sui diversi dispositivi tablet e smartphone..
- Favicon: Un favicon ben realizzato migliora il branding e la riconoscibilità del sito nei risultati di ricerca e nelle schede del browser.
Non esistono meta tag specifici per le immagini, ma puoi utilizzare l’attributo alt per fornire una descrizione testuale dell’immagine, che viene utilizzata dai motori di ricerca e dagli screen reader.
Come si inseriscono i meta tag
Per inserire i meta tag, è necessario accedere al codice HTML della pagina web, solitamente attraverso un editor di testo o un CMS (Content Management System) come WordPress. I meta tag vanno posizionati all’interno del tag head, che si trova nella parte superiore del documento HTML.
Per aggiungere un meta tag, apri il file HTML della pagina e inserisci il tag desiderato nella sezione <head>. Utilizza il formato <meta name=”nome-tag” content=”valore-tag”>. Assicurati di utilizzare i nomi e gli attributi corretti per ciascun tag.
Title Tag
Il title tag definisce il titolo della pagina che appare nei risultati di ricerca (SERP) e nella scheda del browser.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Meta Description
La meta description fornisce una sintesi concisa del contenuto della pagina.
<meta name="description" content="Descrizione accattivante e pertinente del contenuto della pagina, ricca di parole chiave.">
Meta Keywords
Le meta keyword sono un tag utilizzato in passato per specificare le parole chiave rilevanti per una pagina. Tuttavia, oggi hanno perso importanza come fattore di ranking e sono ignorate dai motori di ricerca.
<meta name="keywords" content="parola chiave 1, parola chiave 2, parola chiave 3">
Meta Robots
Il meta robots comunica ai motori di ricerca le istruzioni per l’indicizzazione e la visualizzazione della pagina. Fornisce istruzioni ai motori di ricerca su come indicizzare e visualizzare una pagina nei risultati di ricerca. I valori comuni includono “index”, “noindex”, “follow” e “nofollow”.
<meta name="robots" content="index, follow">
Canonical Tag
Il canonical tag indica ai motori di ricerca la versione preferita o canonica di una pagina quando esistono duplicati o versioni simili.
<link rel="canonical" href="https://www.esempio.com/pagina-preferita">
Hreflang Tag
Il hreflang tag è utilizzato per specificare la lingua e il targeting geografico di una pagina.
<link rel="alternate" hreflang="it" href="https://www.esempio.com/it/pagina"> <link rel="alternate" hreflang="en" href="https://www.esempio.com/en/page">
Open Graph Tags
Gli Open Graph tags, introdotti da Facebook, ottimizzano la condivisione dei contenuti sui social media.
<meta property="og:title" content="Titolo del contenuto"> <meta property="og:description" content="Descrizione del contenuto"> <meta property="og:image" content="https://www.esempio.com/immagine.jpg"> <meta property="og:type" content="article"> <meta property="og:url" content="https://www.esempio.com/pagina">
Twitter (X) Card Tags
I Twitter Card tags ottimizzano la condivisione dei contenuti su Twitter (X).
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Titolo del contenuto"> <meta name="twitter:description" content="Descrizione del contenuto"> <meta name="twitter:image" content="https://www.esempio.com/immagine.jpg">
Schema Markup
Lo schema markup fornisce ai motori di ricerca informazioni strutturate sul contenuto della pagina.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Titolo dell'articolo",
"description": "Descrizione dell'articolo",
"image": "https://www.esempio.com/immagine.jpg",
"author": {
"@type": "Person",
"name": "Nome Autore"
},
"publisher": {
"@type": "Organization",
"name": "Nome Editore",
"logo": {
"@type": "ImageObject",
"url": "https://www.esempio.com/logo.jpg"
}
},
"datePublished": "2024-05-01",
"dateModified": "2025-06-02"
}
</script>
Viewport Tag
Il viewport tag specifica la visualizzazione ottimale della pagina sui dispositivi mobili.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Favicon
Il favicon può essere inserito nella head utilizzando il tag <link rel=”icon”>.
<link rel="icon" href="https://www.esempio.com/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="https://www.esempio.com/favicon.ico" type="image/x-icon">
Esempio completo di inserimento nel tag <head>
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<title>Titolo ottimizzato per la keyword principale | Nome del sito</title>
<meta name="description" content="Descrizione accattivante e pertinente del contenuto della pagina, ricca di parole chiave.">
<meta name="keywords" content="parola chiave 1, parola chiave 2, parola chiave 3">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://www.esempio.com/pagina-preferita">
<link rel="alternate" hreflang="it" href="https://www.esempio.com/it/pagina">
<link rel="alternate" hreflang="en" href="https://www.esempio.com/en/page">
<meta property="og:title" content="Titolo del contenuto">
<meta property="og:description" content="Descrizione del contenuto">
<meta property="og:image" content="https://www.esempio.com/immagine.jpg">
<meta property="og:type" content="article">
<meta property="og:url" content="https://www.esempio.com/pagina">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Titolo del contenuto">
<meta name="twitter:description" content="Descrizione del contenuto">
<meta name="twitter:image" content="https://www.esempio.com/immagine.jpg">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Titolo dell'articolo",
"description": "Descrizione dell'articolo",
"image": "https://www.esempio.com/immagine.jpg",
"author": {
"@type": "Person",
"name": "Nome Autore"
},
"publisher": {
"@type": "Organization",
"name": "Nome Editore",
"logo": {
"@type": "ImageObject",
"url": "https://www.esempio.com/logo.jpg"
}
},
"datePublished": "2024-05-01",
"dateModified": "2025-06-02"
}
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="https://www.esempio.com/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="https://www.esempio.com/favicon.ico" type="image/x-icon">
</head>
<body>
<!-- Contenuto della pagina -->
</body>
</html>
Desideri verificare se i meta tag del mio sito web sono implementati correttamente? Puoi utilizzare strumenti di audit SEO, come Screaming Frog o SEMrush, ti aiuteranno ad analizzare i meta tag del tuo sito web e identificare eventuali errori o problemi di implementazione.
Come scrivere i Metatag Title e Description ottimizzati per la SEO
La scrittura di metatag title e description ottimizzati per la SEO richiede abilità, strategia e come sempre buonsenso.
Per scrivere un title tag efficace, devi includere la parola chiave principale in modo naturale, possibilmente all’inizio del tag. Il title deve essere conciso, descrittivo e accattivante, in grado di catturare l’attenzione degli utenti e invogliarli a fare click sul risultato di ricerca. È importante creare title tag unici per ogni pagina, evitando la duplicazione, e rispettare la lunghezza consigliata di circa 50-60 caratteri per evitare il troncamento nei risultati di ricerca.
La meta description, fornisce una sintesi del contenuto della pagina. Una meta description ben scritta deve includere la parola chiave principale ed evidenziare i punti chiave del contenuto che l’utente si aspetta di trovare in pagina. Tuttavia non basta, bisogna farsi notare, cercando di includere anche una call-to-action persuasiva. È importante mantenere la meta description entro i 155-160 caratteri per evitare il troncamento in SERP e assicurarsi che sia coinvolgente e informativa.
Per ottimizzare ulteriormente i metatag title e description e ottenere una maggiore copertura semantica, cerca di includere diverse varianti della parola chiave principale e le long-tail keyword. Evita l’eccessivo uso delle parole chiave e cerca di mantenere sempre un equilibrio tra ottimizzazione e leggibilità.
Ti ricordo che i meta title e le meta description non sono fattori di ranking diretti, ma influenzano significativamente il CTR (Click-Through Rate) e la percezione degli utenti. Pertanto, ti consiglio di dedicare il tempo necessario per creare metatag accattivanti e persuasivi che si distinguano dalla concorrenza e incoraggino gli utenti a fare click sui tuoi contenuti.
Inoltre, per massimizzare l’efficacia dei metatag, ti consiglio di monitorare le prestazioni delle pagine nei risultati di ricerca e apportare modifiche e ottimizzazioni in base ai dati e alle metriche di performance. Per perfezionare i metatag puoi utilizzare strumenti SEO come Google Search Console e tool per l’A/B testing.
Vuoi utilizzare i meta tag per ottimizzare il sito web per la ricerca vocale? Concentrati su meta description che utilizzano un linguaggio naturale e conversazionale, includendo parole chiave long-tail che riflettono il modo in cui le persone formulano domande.
