Requisiti per i meta tag SEO
I meta tag sono indicazioni leggibili dalle macchine nel head della pagina: guidano i motori di ricerca, controllano gli snippet e determinano le anteprime dei link. Impostarli correttamente migliora la scansione, l’aspetto in SERP e le condivisioni. Questa guida riassume requisiti pratici ed esempi.
Cosa è davvero un “meta tag”
In HTML, i meta tag sono elementi come <meta name="description"> o <meta name="robots">. Correlati, ma non meta tag, sono <title>, <link rel="canonical"> e i link hreflang. Vivono insieme in <head> e qui vengono trattati quando influenzano il SEO.
Requisiti fondamentali
1) Meta description
- Scopo: Testo candidato per lo snippet di ricerca; non influenza direttamente il ranking.
- Formato: Una per pagina, univoca, posizionata in <head>.
- Lunghezza: 150–160 caratteri (o ~920px); scrivi in base all’intento e alla chiarezza.
- Contenuto: Includi tema/parola chiave principale in modo naturale, proposta di valore e una CTA soft.
- Evita: Duplicati, boilerplate su molte pagine, clickbait e simboli eccessivi.
<meta name="description" content="Confronta provider di backup nel cloud, prezzi e velocità di ripristino. Scopri le nostre scelte e seleziona il piano migliore per la tua azienda.">
2) Direttive robots
- Globale: Usa name="robots" per tutti i crawler; usa name="googlebot" o "bingbot" per un bot specifico.
- Posizionamento: Solo in <head>; la direttiva più restrittiva prevale se presenti più tag (incluso HTTP X‑Robots‑Tag).
- Comuni: index | noindex, follow | nofollow, noarchive, nosnippet, max-snippet:[-1|N], max-image-preview:[none|standard|large], max-video-preview:[-1|N], notranslate, noimageindex.
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta name="googlebot" content="index, follow">
Conflitti: noindex ha la precedenza sul canonical; nofollow può impedire segnali del grafo dei link dalla pagina; usalo con parsimonia.
3) Viewport (mobile)
- Richiesto per la parità nel mobile‑first indexing e per la fruibilità su smartphone.
- Usa width=device-width e initial-scale=1.
<meta name="viewport" content="width=device-width, initial-scale=1">
4) Charset
- Dichiara UTF‑8 in alto nel <head> così crawler e browser interpretano correttamente caratteri ed emoji.
<meta charset="UTF-8">
Meta estese per condivisioni ricche
Anche se non sono fattori di ranking, i meta social controllano le anteprime e aumentano il CTR quando i link circolano.
Open Graph
- Minimo: og:title, og:description, og:image, og:type.
- Immagine: 1200×630px (min 600px), ≤5 MB, og:image:alt descrittivo.
<meta property="og:type" content="article">
<meta property="og:title" content="Backup nel cloud: Guida all’acquisto 2025">
<meta property="og:description" content="Test indipendenti su velocità di ripristino, sicurezza e prezzi di 12 provider.">
<meta property="og:image" content="https://example.com/images/backup-guide-1200x630.jpg">
<meta property="og:image:alt" content="Grafico comparativo dei servizi di backup nel cloud">
Twitter Cards
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Backup nel cloud: Guida all’acquisto 2025">
<meta name="twitter:description" content="Test indipendenti su velocità di ripristino, sicurezza e prezzi di 12 provider.">
<meta name="twitter:image" content="https://example.com/images/backup-guide-1200x630.jpg">
Correlati (non meta) ma critici
- Titolo: Unico, descrittivo, ~50–60 caratteri o ~580–600px; parola chiave principale all’inizio, brand alla fine.
- Canonical: URL assoluto, uno per pagina, autoreferenziale di default; non combinare canonical con noindex.
- Hreflang: Per varianti lingua/regione; includi link a sé e di ritorno; abbina il canonical per locale.
<title>Provider di backup nel cloud: confronta prezzi e velocità | Brand</title>
<link rel="canonical" href="https://example.com/cloud-backup">
<link rel="alternate" href="https://example.com/it/backup" hreflang="it">
<link rel="alternate" href="https://example.com/it/backup" hreflang="x-default">
Requisiti tecnici e insidie
- Unicità: description, title e canonical devono essere unici per URL.
- Uno per tipo: evita duplicati di meta description o robots; i browser considerano il primo, i crawler possono unire secondo la regola più restrittiva.
- Ordine: Metti charset e viewport in alto; robots prima di script che potrebbero bloccare il rendering.
- Dimensione: Mantieni il head compatto; Google elabora fino a ~15 MB di HTML, ma i tag anticipati sono più sicuri.
- Rendering: Se il head è generato client‑side, rendilo server‑side o con rendering dinamico; i crawler potrebbero non vedere modifiche tardive.
- Paginazione: Per serie, scrivi descrizioni specifiche; rel="next/prev" è deprecato; punta su linking interno forte e canonicalizzazione.
- Noindex: Usalo solo se vuoi davvero l’esclusione; non bloccare via robots.txt se vuoi che Google veda il noindex.
- Internazionale: Non affidarti a meta http‑equiv content-language; usa hreflang.
- A/B test: Evita robot o canonical in conflitto tra varianti.
Checklist rapida
- Una meta description unica per pagina indicizzabile, 150–160 caratteri, coerente con l’intento.
- Robots su index, follow di default; direttive restrittive solo quando necessarie.
- Viewport e UTF‑8 presenti e in alto.
- OG/Twitter compilati con immagine di alta qualità e titolo/descrizione coerenti.
- Title, canonical, hreflang puliti e coerenti tra varianti.
- Nessun segnale contraddittorio (noindex vs canonical; canonicals multipli; follow/nofollow misti).
Esempio minimo
<meta charset="UTF-8">
<title>Miglior backup nel cloud per piccole imprese | Brand</title>
<meta name="description" content="Trova backup nel cloud affidabile con ripristini rapidi e cifratura robusta. Confronta i provider e scegli il piano giusto per la tua PMI.">
<meta name="robots" content="index, follow, max-image-preview:large">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="https://example.com/miglior-backup-cloud">
<meta property="og:type" content="article">
<meta property="og:title" content="Miglior backup nel cloud per piccole imprese">
<meta property="og:description" content="Backup affidabile con ripristini rapidi e cifratura forte. Confronta i provider.">
<meta property="og:image" content="https://example.com/backup-1200x630.jpg">
<meta name="twitter:card" content="summary_large_image">