Cerca:
Link sponsorizzati

meta

Il tag meta permette di specificare una serie di importanti intestazioni di una pagina HTML, utili, soprattutto, per l'indicizzazione dei contenuti nei motori di ricerca.

La sintassi base è la seguente: 

<meta name="nome" content="valore" />
E' un tag "vuoto" che non necessita dell'omonimo tag di chiusura.

Gli attributi supportati sono i seguenti:
  • name - specifica il tipo di "meta" da utilizzare;
  • content - assegna un valore, o una serie di valori, al "meta" corrente;
  • http-equiv - specifica delle intestazioni HTTP al "meta" corrente;
  • scheme - definisce il formato da utilizzare per interpretare il valore del "meta" corrente.
Iniziamo dai metatag (in gergo si definiscono cosi i tag della famiglia dei "meta") utili ad individuare autori e diritti riservati di una pagina:
  • author - specifica il nome dell'autore della pagina o del sito corrente;
  • owner - specifica il nome del proprietario della pagina o del sito corrente;
  • copyright - specifica informazioni sul copyright della pagina corrente;
  • reply-to - specifica l'indirizzo email di riferimento della pagina o del sito corrente;
Continuiamo con i metatag utili all'indicizzazione dei contenuti di una pagina sui motori di ricerca:
  • description - permette di specificare una piccola descrizinone dei contenuti della pagina corrente;
  • keywords - permette di specificare le parole chiave relative ai contenuti della pagina corrente; si consiglia di usare solo uno spazio di separazione, senza alcuna virgola;
  • classification - indica la classificazione della pagina o dell'intero sito;
  • robots - indica il comportamento che il motore di ricerca deve assumere in fase di indicizzazione; può assumere i valori index (indicizza la pagina corrente), follow (indicizza le pagine linkate), noindex (non indicizza la pagina corrente), nofollow (non indicizza le pagine linkate) che, con un minimo di logica, permettono di specificarne più di uno.
  • revisit-after - indica allo spider del motore dopo quanto tempo tornare sulla pagina per indicizzarla.
Continuiamo con dei metatag generici, non classificabili altrimenti:
  • generator - specifica il software di generazione di una pagina HTML;
  • DC language - specifica il linguaggio internazionale della pagina corrente;
  • language - specifica un linguaggio specifico della pagina corrente.
Facciamo un esempio completo di utilizzo dei metatag: 
<html>
    <head>
        <title>Titolo della pagina</title>
        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
        <meta name="language" content="IT" />
        <meta name="author" content="Luca Ruggiero - www.lucaruggiero.it" />
        <meta name="owner" content="Mr. Webmaster - www.mrwebmaster.it" />
        <meta name="copyright" content="Mr. Webmaster - anno inizio - anno fine" />
        <meta name="reply-to" content="info@mrwebmaster.it" />
        <meta name="description" content="Descrizione della pagina" />
        <meta name="keywords" content="pippo pluto paperino" />
        <meta name="classification" content="Webmaster" />
        <meta name="robots" content="index follow" />
        <meta name="revisit-afrer" content="15 days" />
        <meta name="generator" content="Notepad :-)" />
    </head>
<body>

Contenuto della pagina...

</body>
</html>
Concludiamo con i valori da impostare alle intestazioni HTTP attraverso i metatag:
  • content-type - imposta le intestazioni del tipo di documento e definisce un set di caratteri da utilizzare;
  • pragma - assume i valori "cache" e "no-cache" che indica, rispettivamente, se salvare o meno un documento HTML in cache; per default il suo valore, se non specificato, è "cache";
  • expires - indica al browser quando cancellare il documento dalla cache;
  • set-cookie - imposta un cookie e relativa data di scadenza;
  • refresh - permette, attraverso un timer, di aggiornare la pagina corrente o di reindirizzare il browser ad un'altra pagina;
  • page-enter - permette di ottenere effetti speciali di transizione all'entrata nella pagina;
  • page-exit - permette di ottenere effetti speciali di transizione all'uscita dalla pagina;
La sintassi base è la seguente: 
<meta http-equiv="nome" content="valore">
Facciamo qualche esempio: 
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
Imposta il set di caratteri ISO 8859-1 ed è obbligatorio ai fini della validazione del codice secondo le specifiche dell'XHTML. 
<meta http-equiv="pragma" content="no-cache">
Impedisce ad una pagina di essere salvata in cache. 
<meta http-equiv="expires" content="Sun, 03 Jan 2010 12:00:00 GMT" />
Farà cancellare la pagina dalla cache in data Domenica 3 Gennaio 2010 a mezzogiorno. 
<meta
    http-equiv="set-cookie"
    content="cookievalue=MRW; expires=Sunday, 03-Jan-10 12:00:00 GMT; path=/" />
Imposta il cookie MRW che scadrà in data Domenica 3 Gennaio 2010 a mezzogiorno. 
<meta http-equiv="refresh" content="5" />
Aggiorna la pagina corrente dopo 5 secondi. 
<meta http-equiv="refresh" content="5; url=altrapagina.html" />
Si sposta su "url=altrapagina.html" dopo 5 secondi. 
<meta http-equiv="page-enter" content="revealTrans(Duration=1, Transition=1)" />
Imposta l'effetto 1 della durata di 1 secondo all'entrata della pagina. 
<meta http-equiv="page-exit" content="revealTrans(Duration=1, Transition=1)" />
Imposta l'effetto 1 della durata di 1 secondo all'uscita della pagina.

Un elenco completo degli effetti di transizione (compatibili solo con Microsoft Internet Explorer) sono reperibili leggendo l'articolo Effetto di transizione al cambiamento di una pagina.

Nella stessa categoria...
E-Learning
Corso CSSCorso CSS
Web Design ed Accessibilità secondo il W3C con CSS ed XHTML. A partire da 29 €.
Corso HTMLCorso HTML
Il linguaggio di marcatura per il Web. A partire da 29 €.
Corso Web DesignCorso Web Design
Disegno di siti Web con HTML, CSS e Dynamic HTML. A partire da 39 €.
Link sponsorizzati