Peso alle Idee - I Metadati ( Meta Tag )

I metadati si rivelano spesso fondamentali, ci consentono una migliore indicizzazione, ma non tutti sono relativi ai motori di ricerca. Permettono di specificare una serie di informazioni sul documento.
Il tag da usare è META, ma dovremo specificare al suo interno gli attributi NAME (specifica il nome di una proprietà) e CONTENT( indica il valore della proprietà).
Sono previsti anche altri attributi che analizzeremo di seguito.
È indispensabile inserire i metadati nell'header, fra i tag <HEAD>...</HEAD>.

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=iso-8859-1" />
Comunichiamo all'agente utente che tipo di documento è restituito e quale set di caratteri usiamo.
Es: <META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=iso-8859-1" />.

<META NAME="DC.Title" CONTENT="...">
Usiamo questo Meta Tag per indicare il titolo della pagina. Ricorda i tag <TITLE>...</TITLE>, ma non attribuisce un nome alla finestra aperta, dunque non apparirà nel browser.
Es: <META NAME="DC.Title" CONTENT="Sport">

<META NAME="description" CONTENT="...">
L'importante accorgimento consente di indica una descrizione riassuntiva del sito (massimo 300 caratteri). Serve ai motori di ricerca per indicizzare il sito.
Le frasi dovranno essere d'impatto, serviranno all'utente per capire i contenuti della pagina. Non tralasciamo mai questi metadati!
Es: <META NAME="description" CONTENT="Questo sito è dedicato a tutti coloro che amano praticare sport">

<META NAME="keywords" CONTENT="...">
Altro importante accorgimento. Possiamo inserirci le principali parole chiave relative agli argomenti trattati dal sito Web (massimo 1˙000-1˙024 caratteri, spazi inclusi). Separiamole l'una dall'altra con una virgola. Attenzione, è indispensabile usare solo le parole adatte per non incappare in penalizzazioni da parte dei motori.
Converrà inserire singolare e plurale o le traduzioni in altre lingue. Stiamo attenti a non tralasciare mai le keyword!

Es: <META NAME="keywords" CONTENT="sport, calcio, pallavolo, pallacanestro, basket, volley, stadio, stadi">

Espediente da non sperimentare, è la ripetizione di parole all'interno del meta tag Keywords o del tag <TITLE>...</TITLE>, per esempio:

META NAME="keywords" CONTENT="sport, Sport, SPORT, sport, Sport, SPORT, sport, Sport, SPORT, Sport, sport, SPORT, Sport, sport, SPORT">

Evitiamolo, a meno che non si preferisca rischiare di essere cancellati dal database di Google & Co!

<META NAME="robots" CONTENT="...">
Permette ai robots dei motori di ricerca di indicizzare o meno il documento secondo il valore che immetteremo.

<META NAME="revisit-after" CONTENT="...">
Invitiamo così il robot del motore di ricerca a tornare ed indicizzare la pagina nel periodo impostato. Es: <META NAME="revisit-after" CONTENT="7 days">.

<META NAME="generator" CONTENT="...">
Specifichiamo l'editor usato per creare la pagina.
Es: <META NAME="generator" CONTENT="AceHTML 5 Freeware">.

<META NAME="copyright" CONTENT="...">
Indichiamo il detentore dei diritti d'autore dei contenuti pubblicati.
Es: <META NAME="copyright" CONTENT="Copyritght.Tommaso.2007">.

<META HTTP-EQUIV="expires" CONTENT="...">
Specifichiamo col Meta Tag al browser quando cancellare il documento. Occorrerà inserire la data nel formato Gmt. Es: <META HTTP-EQUIV="expires" CONTENT="Mon, 02 Jan 2007 02:00:00 GMT">.

<META HTTP-EQUIV="Set-Cookie" CONTENT="...">
Serviamocene per impostare un cookie con la relativa data di scadenza, sempre in formato Gmt. Es: <META HTTP-EQUIV="Set-Cookie" CONTENT="cookievalue=xxx;expires=Monday, 02-Jan-07 02:00:00 GMT; path=/">

<META HTTP-EQUIV="REFRESH" CONTENT="...">
Utile se ci occorre aggiornare una pagina dopo un numero di secondi stabiliti nell'attributo.
Altrettanto utile ad evitare che parta lo screen-saver dell'utente distraendolo dalla consultazione della pagina.
Es: <META http-equiv="REFRESH" CONTENT="15">.

<META HTTP-EQUIV="REFRESH" CONTENT="...; URL=...">
Siamo di fronte ad un auto forwarding page (o redirect). Risulta altrettanto utile qualora volessimo che dopo i secondi stabiliti l'utente venga inviato su una nuova pagina (vedi esempio 1) od un nuovo sito (esempio 2).
Es. 1: <META http-equiv="REFRESH" CONTENT="5; URL=documento.htm">
Es. 2: <META http-equiv="REFRESH" CONTENT="5; URL=http://www.sito.it">

Penalizza molto creare auto forwarding page che trasportino l'utente su altra pagina con lo scopo di enfatizzare alcune keywords. Aumenta il nostro ranking, ma la presenza del meta tag refresh è sconsigliabile, meglio Javascript:

<SCRIPT LANGUAGE=Javascript>

</SCRIPT>

In questo esempio, dopo 3 secondi (3000 millisecondi) l'utente viene comunque trasferito su documento.htm. L'escamotage inganna i robots, impedisce al ragno di trovare l'auto forwarding page. Ma taluni browser non supportano Java...

Pensiamo anche ai browser incompatibili con Javascript e inseriamo all’interno del documento il tag <NOSCRIPT>.
Es:

<NOSCRIPT>
<H1>Clicca per visitare il nuovo sito di gastronomia</H1>
   <DIV ALIGN="center">
       <A HREF=”pagina.htm>Vai!</A>
   </DIV>
</NOSCRIPT>

<META NAME="author" CONTENT="...">
Indichiamo con questi metadati l'autore materiale della pagina.
Es: <META NAME="author" CONTENT="Tommaso">

<META NAME="reply-to" CONTENT="indirizzo email autori">
Diamo la possibilità di contattare l'autore del documento tramite l'indirizzo di posta elettronica.
Es: <META NAME="reply-to" CONTENT="tommaso@libbra.it">

<META NAME="language" CONTENT="...">
Specifichiamo il linguaggio di scripting usato nel documento. Può, ad esempio, tornarci utile specificare (ai sintetizzatori vocali) se il nome dell'autore deve essere pronunciato in italiano o inglese.
Es: <META name="language" CONTENT="it"> oppure <meta name="language" CONTENT="it, eng">.

<META HTTP-EQUIV="..." CONTENT="revealTrans(Duration=...,Transition=...)">
Possiamo, solo su IE, ottenere effetti in entrata od uscita della pagina.
Otteniamo un effetto in entrata con il valore HTTP-EQUIV="Page-Enter", in uscita con HTTP-EQUIV="Page-Exit".
Possiamo impostare la durata (Duration, espressa in secondi) e il tipo di animazione (con Transition). Le transizioni sono di diverso tipo, specifichiamole con valori numerici.
Es: <META HTTP-EQUIV="Page-Enter" CONTENT="revealTrans(Duration=4,Transition=9)">

<META NAME="pragma" CONTENT="no-cache">
Usiamo questi metadati qualora avessimo la necessità di non consentire alla cache di memorizzare dati di una pagina, espediente sfruttato soprattutto in siti di e-commerce o d'informazione.
La cache è una cartella di sistema di internet, su Windows si chiama Temporary Internet Files. Nella cartella sono memorizzati i cookies ed i file che si trovano sulle pagine visitate (meglio pulirla spesso).

Metadati e il loro potenziale