Meta description: cos’è e come scriverla

Cos’è la meta description e perché serve

La meta description è un tag HTML collocato dentro la <head> di una pagina. L'attributo content contiene una breve descrizione della pagina — in genere una o due frasi, lunga 150–160 caratteri. Gli utenti vedono questo testo nei risultati di ricerca sotto il link blu del title: quel blocco di testo è lo snippet.

La description serve soprattutto a convincere l’utente a cliccare. Un tag scritto bene alza il CTR del 5–15% senza alcun cambiamento di posizionamento. Significa più traffico a parità di visibilità — uno dei modi più economici per ottenere più clic dalla ricerca.

zoom_in

La meta description in numeri

Il tag va inserito dentro la <head> del documento HTML — è lì che il crawler legge la description durante l'indicizzazione. Se il tag manca o è vuoto, Google genera automaticamente uno snippet dal testo della pagina: in genere il primo paragrafo o un frammento che contiene la query di ricerca dell'utente.

<head>
  <meta charset="UTF-8">
  <title>Buy Winter Workwear Wholesale — SpecOpt</title>
  <meta name="description" content="Winter workwear wholesale from the manufacturer: suits, overalls, gloves. Delivery across Russia. Prices from $12, bulk discounts from 50 units.">
</head>

Significato di description e ruolo nello snippet

«Description» significa semplicemente descrizione breve. In HTML, «meta description» è la meta-descrizione della pagina — un breve riassunto del contenuto del documento per i sistemi esterni: crawler dei motori di ricerca, social network e app di messaggistica. Quando una pagina viene condivisa su Telegram o LinkedIn, la description di solito diventa il testo dell’anteprima del link.

Nei risultati di ricerca la description forma la riga inferiore dello snippet — il testo sotto il link blu del title. È qui che gli utenti decidono se cliccare. Una buona description risponde a «cosa trovo in questa pagina» e dà un motivo concreto per visitarla: un prezzo, un tempo di consegna, contenuti esclusivi o una risposta diretta alla query.

Google riscrive la description in circa il 70% dei casi — quando il suo algoritmo decide che uno snippet estratto dal testo della pagina risponde meglio a una query specifica. Più la tua description rispecchia le keyword target e il contenuto reale della pagina, più è probabile che Google mantenga il tuo testo invece di generarne uno suo.

Come aggiungere la meta description: sintassi e lunghezza ottimale

La sintassi del tag è semplice e non è cambiata dalle prime versioni di HTML. Il tag <meta> è auto-concludente e non richiede chiusura. Va sempre dentro <head>. Due attributi obbligatori: name="description" identifica il tipo di tag, content contiene il testo della descrizione.

<!-- Basic syntax -->
<meta name="description" content="Page description text, 150–160 characters long.">

<!-- Full document structure -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Page Title — Brand</title>
  <meta name="description" content="Short description of the page for search results.">
</head>
<body>...</body>
</html>

La lunghezza ottimale della description per desktop è 150–160 caratteri. Nella ricerca mobile Google mostra circa 120 caratteri. Se la maggior parte del tuo traffico è mobile, punta a 120–130 caratteri. Una description più lunga non va persa — viene indicizzata — ma nello snippet viene tagliata: l’utente vede puntini di sospensione invece della tua call to action.

• content vuoto. <meta name="description" content=""> è peggio di nessun tag. Il crawler registra un difetto tecnico e genera comunque uno snippet dal contenuto della pagina.
• Description duplicate. Lo stesso testo su decine di pagine segnala una bassa qualità dei contenuti. Trovale con Screaming Frog → Meta Description → Duplicate.
• Tag HTML dentro content. content="<b>Compra</b> abbigliamento" non è valido. L’attributo content accetta solo testo semplice — nessun markup.
• Virgolette non escapate. content="Compra "invernali" tute" rompe l’HTML. Usa virgolette singole dentro il valore o le entità ".

Per le pagine generate dinamicamente, la description si crea via codice — con template del CMS o lato server. Il principio di base: ogni pagina deve avere una description unica che rispecchi con accuratezza il suo contenuto.

<?php
// Description template for a product page (PHP / E-commerce)
$description = sprintf(
    '%s — buy for %s. %s. Delivery across the US from %d days.',
    $product->name,
    '$' . number_format($product->price, 2),
    $product->short_benefit,
    $product->delivery_days
);
// Trim to 160 characters without breaking a word
$description = mb_strimwidth($description, 0, 157, '...', 'UTF-8');
?>
<meta name="description" content="<?= htmlspecialchars($description) ?>">

Quando e come scrivere la description per i diversi tipi di pagina

La struttura di una buona description dipende dal tipo di pagina e dall'intenzione dell'utente. La home descrive il business nel suo insieme. Una pagina di categoria copre l'assortimento e i vantaggi. Una scheda prodotto si concentra sull'articolo specifico, con prezzo e USP. Un articolo di blog dice al lettore cosa imparerà. In ogni caso valgono due principi: concretezza e call to action.

Le keyword nella description aumentano la probabilità di evidenziazione in grassetto nello snippet — Google e Bing mettono in grassetto le parole che corrispondono alla query dell'utente. Il grassetto attira l'occhio e alza il CTR. Inserisci la query principale della pagina in modo naturale — a beneficio del lettore, non del bot.

Una call to action nella description non è clickbait — è un segnale utile. «Scopri», «Leggi», «Confronta i prezzi», «Ordina con consegna»: queste frasi dicono agli utenti cosa accade esattamente dopo il clic. Gli studi mostrano che le description con una CTA hanno un CTR del 10–15% più alto di quelle neutre.

Come aggiungere la description nei CMS: WordPress, Bitrix, Tilda

La maggior parte dei CMS moderni permette di gestire la description tramite interfaccia o plugin SEO. La modifica manuale del codice serve solo per progetti su misura o installazioni senza plugin. Ecco le tre piattaforme più comuni.

WordPress: Yoast SEO e Rank Math

In WordPress il modo più semplice di gestire la description è tramite Yoast SEO o Rank Math — entrambi gratuiti e con supporto ai template. In Yoast SEO: apri l’editor dell’articolo → scheda «Yoast SEO» → «Google Preview» → «Modifica snippet» → campo «Meta description». Il plugin mostra un contatore di caratteri e segnala gli errori. Rank Math: scheda «Rank Math» → sezione «Meta» → «Description». Entrambi supportano le variabili: %title%, %category%, %excerpt% — per template a livello di tipo di contenuto.

<?php
// functions.php — manual meta description without a plugin
// Use only if you are NOT using Yoast SEO / Rank Math
add_action('wp_head', function() {
    if (is_single() || is_page()) {
        $description = get_the_excerpt();
        if (empty($description)) {
            $description = mb_strimwidth(
                strip_tags(get_the_content()),
                0, 157, '...', 'UTF-8'
            );
        }
        echo '<meta name="description" content="'
            . esc_attr($description) . '">' . "\n";
    }
}, 1);

Bitrix

In 1C-Bitrix la description si imposta tramite le proprietà di pagina o di componente. Nel pannello di amministrazione: Contenuto → seleziona una sezione o pagina → scheda «SEO» → campo «Description (meta description)». Per le description generate automaticamente nel template di un componente, usa il metodo SetPageProperty — passa il valore all’header.php del sito, dove il tag viene stampato nella <head>.

<?php
// catalog.element template.php — auto-generate description
if (!empty($arResult['NAME']) && !empty($arResult['PREVIEW_TEXT'])) {
    $description = $arResult['NAME']
        . ' — ' . strip_tags($arResult['PREVIEW_TEXT']);
    $description = mb_strimwidth($description, 0, 157, '...', 'UTF-8');
    $APPLICATION->SetPageProperty('description', $description);
}

// site header.php — output the tag
$metaDesc = $APPLICATION->GetPageProperty('description');
if ($metaDesc): ?>
  <meta name="description" content="<?= htmlspecialchars($metaDesc) ?>">
<?php endif; ?>

Tilda

In Tilda la description si configura in due punti. A livello di sito: Impostazioni del sito → SEO → campo «Description». Per singola pagina: apri la pagina → «Impostazioni pagina» (icona ingranaggio) → scheda «SEO» → campo «Description». L’impostazione a livello di pagina ha priorità su quella globale. Tilda inserisce automaticamente il tag nella <head> — nessuna modifica al codice. Buona pratica: compila la description di ogni pagina importante singolarmente, invece di affidarti al valore predefinito globale.

Errori comuni e audit della description su tutto il sito

Gli stessi problemi di description ricompaiono continuamente negli audit dei siti. La maggior parte si trova facilmente con un crawler e si corregge in modo sistematico tramite template — non a mano pagina per pagina.

• Description duplicate su tutto il sito. Lo stesso testo su decine di pagine — il CMS inserisce come default il nome del sito o lo slogan. Trovale con Screaming Frog → Meta Description → Duplicate. Correzione: testi unici o almeno template unici per tipo di pagina.
• Description mancante. Pagine senza tag — Google genera uno snippet dal contenuto, spesso con risultati infelici. Trovale con Screaming Frog → Meta Description → Missing. Correzione: scrivila a mano per le pagine prioritarie, usa un template per il resto.
• Description troppo lunga. Tagliata a metà frase nei risultati — l’utente vede «...» invece della tua CTA. Limite: 150–160 caratteri. Verifica con SEMrush Site Audit → Meta description too long.
• Description troppo corta. Sotto i 70 caratteri — informazioni insufficienti per decidere il clic. Google spesso la sostituisce con una versione generata automaticamente.
• Description non coerente con il contenuto. Il title promette una cosa, la description un’altra, la pagina una terza. Incoerenza → alta frequenza di rimbalzo: l’utente clicca e se ne va subito.
• Keyword target assente dalla description. Nessuna evidenziazione in grassetto nello snippet — un indizio visivo perso. Google mette in grassetto le parole che corrispondono alla query dell’utente — sfruttalo.

FAQ

Le risposte alle domande più comuni sulla meta description, quelle che emergono negli audit e nelle consulenze.