I meta tag più im­por­tan­ti: un’in­tro­du­zio­ne

Con i meta tag si iden­ti­fi­ca­no quelle in­for­ma­zio­ni co­di­fi­ca­te, inserite nell’header di un documento HTML e che spe­ci­fi­ca­no i metadati. Questi non compaiono sulla pagina vera e propria, ma vengono letti da user agent, come i browser.

Cosa sono i meta tag HTML?

I meta tag HTML sono elementi HTML che for­ni­sco­no in­for­ma­zio­ni ag­giun­ti­ve a un sito, che do­vreb­be­ro al­leg­ge­ri­re l’analisi di file HTML e la gestione del contenuto di un file. Per questo i meta tag HTML hanno per lo più la stessa struttura: prima viene definito un elemento e in seguito gli viene assegnato un contenuto. Ne risulta pertanto la seguente struttura per i meta dati:

<meta name="Nome dell’elemento" content="contenuto assegnato"/>

Mentre in passato i metadati di pagine HTML avevano un ruolo im­por­tan­te nell’ambito dell’ot­ti­miz­za­zio­ne, oggi la loro influenza nel po­si­zio­na­men­to su Google, Bing e gli altri motori di ricerca è piuttosto ridotta. Per i gestori di siti web è con­si­glia­bi­le, tuttavia, curare le in­for­ma­zio­ni nell’head del file HTML e inserire meta dati in modo esau­rien­te, in quanto sono sempre rilevanti per i me­ta­mo­to­ri e gli script web locali. Inoltre, i meta tag offrono la pos­si­bi­li­tà di definire istru­zio­ni per il controllo dei bot dei motori di ricerca (web crawler).

Meta tag im­por­tan­ti

La lista di possibili elementi nella sezione head del file HTML è lunga. Insieme alle in­for­ma­zio­ni es­sen­zia­li come il titolo della pagina, la sua de­scri­zio­ne e la de­fi­ni­zio­ne dell’insieme di caratteri uti­liz­za­to, l’header (la sezione in­te­sta­zio­ne dei file HTML) offre la pos­si­bi­li­tà di fornire in­for­ma­zio­ni complete per gli user agent. Così chi gestisce un sito può definire parole chiave per­ti­nen­ti at­tra­ver­so i meta tag o spe­ci­fi­ca­re il tema della pagina. Inoltre, nei meta tag è possibile men­zio­na­re autori o editor o inserire dettagli sul copyright.

Tuttavia, non tutte queste in­for­ma­zio­ni sono per­ti­nen­ti per l’in­te­ra­zio­ne tra browser e motori di ricerca. Di­ver­sa­men­te agiscono i meta tag che ge­sti­sco­no le relazioni con gli user agent, vietando l’in­di­ciz­za­zio­ne delle cor­ri­spon­den­ti pagine HTML o impedendo ai crawler di tracciare link in uscita. Nella tabella seguente trovi una prima pa­no­ra­mi­ca dei meta elementi più im­por­tan­ti.

Titolo

Il titolo inteso in senso stretto non è un meta elemento, ma un tag HTML a sé stante. Per via della sua im­por­tan­za per l’in­te­ra­zio­ne con user agent viene spesso citato in relazione ai meta dati. Come elemento d’obbligo nell’in­te­sta­zio­ne del file HTML, il titolo viene di solito collocato prima di tutti gli altri meta tag; viene letto dai browser e compare di­ret­ta­men­te nella barra del titolo di una scheda o di una finestra, come nome standard nell’in­se­ri­men­to di se­gna­li­bri e nella cro­no­lo­gia del browser. Inoltre, tutti i grandi motori di ricerca uti­liz­za­no il tag <title> come titolo per le voci nell’elenco dei risultati (SERP). Ha pertanto un’influenza decisiva sul numero di clic degli utenti nella ricerca sul web.

Un titolo adatto è es­sen­zia­le per un buon CTR (click through rate). Nell’ambito dell’ot­ti­miz­za­zio­ne on-page la lunghezza di un titolo non deve superare i 580 pixel (che cor­ri­spon­do­no a circa 50-60 caratteri) per essere vi­sua­liz­za­to sui motori di ricerca. Inoltre, è con­si­glia­bi­le inserire la parola chiave prin­ci­pa­le di un sito nel tag <title>. Come titolo di questa pagina sono inserite per esempio le seguenti in­for­ma­zio­ni:

<title>I meta tag HTML più importanti - IONOS</title>

Codifica dei caratteri

Se il set di caratteri non è stato già definito nell’header HTTP, dovresti spe­ci­fi­ca­re queste in­for­ma­zio­ni nell’HTML. Questo impedisce per esempio che le lettere con l’accento vengano vi­sua­liz­za­te in modo errato. Per spe­ci­fi­ca­re l’insieme di caratteri, vale a dire la loro codifica, utilizza il seguente meta tag:

<meta charset="UTF-8"/>

Questo meta dato diventa rilevante se un browser riceve file HTML non tramite il pro­to­col­lo HTTP ma ri­chia­man­do­li di­ret­ta­men­te dal disco rigido.

De­scri­zio­ne dei contenuti di una pagina (de­scrip­tion)

La de­scri­zio­ne (chiamata anche meta de­scrip­tion) offre spazio per una breve de­scri­zio­ne del contenuto di un sito. Poiché anche questi meta tag di motori di ricerca con­so­li­da­ti come Google, Bing ecc. rientrano spesso negli snippet delle SERP, è con­si­glia­bi­le un’accurata pre­pa­ra­zio­ne re­da­zio­na­le. Per via della sua im­por­tan­za, che induce a cliccare una pagina tra i risultati di ricerca piuttosto che un’altra, la de­scrip­tion è uno dei meta tag SEO più im­por­tan­ti.

I gestori di siti do­vreb­be­ro fare in modo che la de­scri­zio­ne non superi i 920 pixel (che cor­ri­spon­do­no a circa 150-160 caratteri), al­tri­men­ti c’è il rischio che le parole in eccesso vengano tagliate nella vi­sua­liz­za­zio­ne sui motori di ricerca e la de­scri­zio­ne nell’elenco dei risultati risulti in­com­ple­ta. Il meta de­scrip­tion tag si rivolge in primo luogo all’utente e dovrebbe pertanto fornire una sintesi del contenuto di una pagina.

Ecco i meta-tag che dovresti conoscere! I meta-tag HTML codificano informazioni per i browser e i motori di ricerca. Ma quali informazioni sono veramente importanti?

Autore e copyright

I meta tag author e copyright offrono a chi gestisce un sito la pos­si­bi­li­tà di inserire nel codice sorgente di una pagina HTML in­for­ma­zio­ni su chi abbia rea­liz­za­to una pagina web e a chi ap­par­ten­ga il copyright del contenuto di una pagina. In alcuni sistemi di gestione dei contenuti (CMS) il tag “autore” viene talvolta assegnato in modo au­to­ma­ti­co. Inserire i dati di entrambi i meta tag HTML è fa­col­ta­ti­vo:

<meta name="author" content="nome dell’autore" />
<meta name="copyright" content="persona che detiene il copyright" />

Istru­zio­ni per web crawler (robot)

Uno dei compiti prin­ci­pa­li dei meta tag è quello di mettere a di­spo­si­zio­ne dei crawler dei motori di ricerca istru­zio­ni per l’in­di­ciz­za­zio­ne. È possibile definirle at­tra­ver­so meta tag robots. Con i seguenti meta tag si può stabilire se una pagina viene inserita nell’indice di un motore di ricerca e in seguito è a di­spo­si­zio­ne per la ricerca web. Inoltre, puoi stabilire se i link in uscita vengono seguiti dai crawler o do­vreb­be­ro invece essere ignorati. I meta tag robots sono quindi meta tag SEO rilevanti.

index

Per per­met­te­re al motore di ricerca l’in­di­ciz­za­zio­ne di una pagina HTML, utilizza i seguenti meta tag:

<meta name="robots" content="index"/>

Poiché l’in­di­ciz­za­zio­ne delle pagine web cor­ri­spon­de al com­por­ta­men­to standard dei web crawler (robot di ricerca), questa in­for­ma­zio­ne è in genere non ne­ces­sa­ria.

noindex

Se una pagina HTML non dovrebbe essere inserita negli indici dei motori di ricerca, devi spe­ci­fi­car­lo.

<meta name="robots" content="noindex"/>

L’attributo robots si rivolge a tutti i crawler dei motori di ricerca. L’attributo content noindex contiene l’in­for­ma­zio­ne che la pagina non deve essere in­di­ciz­za­ta. Se vorresti impedire l’in­di­ciz­za­zio­ne solo per alcuni robot, è possibile inserire un attributo di nome al­ter­na­ti­vo come per esempio googlebot.

follow

Nel fun­zio­na­men­to standard di un web crawler rientra il seguire i link in uscita di pagine HTML. Se lo desideri, può essere espresso at­tra­ver­so i seguenti meta dati robots:

<meta name="robots" content="follow"/>

Anche questo meta tag è ri­don­dan­te, in quanto i crawler di tutti i grandi motori di ricerca seguono di regola gli hyperlink in modo au­to­ma­ti­co, se non definito di­ver­sa­men­te.

nofollow

Se vorresti evitare che un robot di ricerca finisca tramite gli hyperlink su pagine su­bor­di­na­te di un sito o segua i ri­fe­ri­men­ti ad altri domini, puoi rag­giun­ger­li con i seguenti meta tag:

<meta name="robots" content="nofollow"/>

In questo modo si chiede al crawler di non tra­smet­te­re un valore PageRank tramite i link in uscita. Fino al 2019, Google seguiva ri­go­ro­sa­men­te questa istru­zio­ne; da allora è con­si­de­ra­ta un sug­ge­ri­men­to, in quanto Google può comunque seguire i link.

I meta tag index/noindex e follow/nofollow possono essere uti­liz­za­ti in modo singolo o anche in com­bi­na­zio­ne. Così è possibile stabilire se un sito possa essere inserito nell’indice, ma gli hyperlink possano anche essere ignorati dai crawler. In al­ter­na­ti­va è possibile impedire e/o per­met­te­re entrambe le azioni dei robot di ricerca.

<meta name="robots" content="index,nofollow" />
<meta name="robots" content="index,follow" />
<meta name="robots" content="noindex,nofollow" />

Equi­va­len­ti HTTP

Con l’aiuto dell’attributo http-equiv è possibile includere l’elemento meta equi­va­len­te nelle in­for­ma­zio­ni dell’header HTTP. Queste in­for­ma­zio­ni vengono lette in modo so­sti­tu­ti­vo se il server web non è stato con­fi­gu­ra­to di con­se­guen­za. Si applica quindi la regola che un header HTTP omonimo viene preferito rispetto a un meta tag HTML.

cache-control

Per as­si­cu­ra­re una rapida ope­ra­ti­vi­tà di internet è prassi comune che le pagine web vengano salvate tem­po­ra­nea­men­te su server proxy o nella cache del browser, affinché queste possano essere caricate più ve­lo­ce­men­te quando ri­chia­ma­te. Questo pro­ce­di­men­to si può impedire at­tra­ver­so il meta tag cache control con il valore no-cache:

<meta http-equiv="cache-control" content="no-cache"/>

Le pagine web dotate di questo meta tag devono essere caricate nuo­va­men­te dal server web a ogni vi­sua­liz­za­zio­ne della pagina. Questo causa un ral­len­ta­men­to della vi­sua­liz­za­zio­ne che risulta però ine­vi­ta­bi­le se, per esempio, un sito cambia con­ti­nua­men­te i suoi contenuti.

expires

Invece di negare la me­mo­riz­za­zio­ne tem­po­ra­nea nella cache, con l’attributo http-equiv hai la pos­si­bi­li­tà di definire un tempo di scadenza per le in­for­ma­zio­ni HTML caricate. Per questo è utile il seguente meta tag:

<meta http-equiv="expires" content="tempo di scadenza in secondi"/>

Vengono pertanto assegnati alle pagine HTML tempi di scadenza qualsiasi at­tra­ver­so meta tag. Se il tempo stabilito è scaduto si fa in modo che un browser carichi i relativi documenti HTML dall’indirizzo di origine. Se i contenuti, in questo caso della pagina di origine, vengono caricati, viene scelto un tempo di scadenza di 0 secondi. Se chi gestisce la pagina imposta un tempo di scadenza di 12 ore, dovrà essere inserito un valore di 43.200 secondi.

<meta http-equiv="expires" content="0"/>
<meta http-equiv="expires" content="43200"/>

In al­ter­na­ti­va è possibile definire un qualsiasi in­ter­val­lo di tempo come per esempio date e orari precisi. Questi devono essere inseriti at­te­nen­do­si al formato in­ter­na­zio­na­le e secondo il Greenwich Mean Time (GMT).

<meta http-equiv="expires" content="Sat, 07 Feb 2016 00:00:00 GMT"/>

refresh

I meta tag con l’attributo http-equiv offrono la pos­si­bi­li­tà di impostare una forma semplice di inoltro. Ana­lo­ga­men­te al tag expires viene così definito un tempo di scadenza per mezzo del tag refresh. Se uti­liz­za­to, questo tag permette agli user agent, come browser o crawler dei motori di ricerca, di essere rein­di­riz­za­ti a un preciso URL. Con questo codice di esempio il rein­di­riz­za­men­to alla homepage di IONOS avviene in 10 secondi.

<meta http-equiv="refresh" content="10; url=http://www.IONOS.it/"/>

Tuttavia, poiché il tag refresh in alcuni casi non funziona con im­po­sta­zio­ni browser par­ti­co­la­ri, il comitato per la stan­dar­diz­za­zio­ne della tec­no­lo­gia nel World Wide Web (World Wide Web Con­sor­tium, W3C) consiglia di agire lato server per mezzo del codice di stato HTML 301, invece che ef­fet­tua­re un rein­di­riz­za­men­to tramite meta tag. Trovi maggiori in­for­ma­zio­ni al riguardo nel nostro articolo dedicato ai codici di stato HTTP.

Meta tag: esempi nel codice

Di seguito trovi un esempio di codice che rap­pre­sen­ta una sezione head semplice ma completa di una pagina web in HTML. Contiene i meta tag più rilevanti che ti abbiamo pre­sen­ta­to in questo articolo:

<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<!-- Meta tag per il titolo della pagina -->
<title>I meta tag HTML più importanti - IONOS</title>
<!-- Meta description  -->
<meta name="description" content="Ecco i meta-tag che dovresti conoscere! I meta-tag HTML codificano informazioni per i browser e i motori di ricerca. Ma quali informazioni sono veramente importanti?">
<!-- Robots Meta tag -->
<meta name="robots" content="index, follow">
<!-- Meta tag per l’autore della pagina -->
<meta name="author" content="Mario Rossi">
<!-- Meta tag per il copyright -->
<meta name="copyright" content="Mario Rossi 2025">
<!-- Meta tag per il tempo di scadenza della cache (opzionale) -->
<meta http-equiv="expires" content="Sat, 01 Jan 2025 00:00:00 GMT">
<!-- Meta tag per evitare il caching -->
<meta http-equiv="cache-control" content="no-cache">
</head>
<body>
<h1>I nostri consigli SEO per il 2025</h1>
<!-- Contenuto della pagina -->
</body>
</html>