head

<head>...</head>

L'elemento <head> viene utilizzato per ospitare i tags che forniscono informazioni sul documento, in questa sezione trovano posto tutti quei tags che impartiscono direttive ai browser quali: titolo,Meta comandi, richiami ai fogli di stile, script Questo tag necessita del relativo tag di chiusura:</head>.

Notare che tutto ciò che si trova all'interno della struttura head non apparirà nella pagina ma sarà letto ed interpretato dal browser, quindi una zona destinata ad uso esclusivo dei soli comandi che impartiscono comandi e direttive ben specifiche.

<!DOCTYPE HTML...>
<html>
<head>

elementi quali: <base> <link> <meta> <style> <title> <script>

</head>
la parte restante del documento
</html>

All'interno di head trovano posto una serie di altri tags:
<base> <link> <meta> <style> <title> <script>

<base>

L'elemento <base> consente di specificare facendo uso di target la destinazione base per tutti i links presenti in quella pagina, ha un senso qualora questa fosse strutturata a frames, ovvero suddivisa in più finestre. Questo tag non necessita del relativo tag di chiusura.

Dove nome del frame sarà il nome esatto che voi avrete deciso di assegnare al frame.

<link>

L'elemento <link ha diverse funzioni ma la più adoperata è il richiamo di fogli di style esterni. Questo tag non necessita del relativo tag di chiusura.

<meta>

L'elemento <meta> abbreviazione di metacomando racchiude informazioni per i server on line. Sono davvero molti i MetaComandi che si possono inserire ed ognuno ha una funzione diversa. Questo tag non necessita del relativo tag di chiusura.

MetaTag, ovvero meta comandi: comandi "speciali" spesso ignorati ma utilissimi per non dire indispensabili per migliorare la visibilità del proprio sito sui vari motori di ricerca.

Oggi è sempre più difficile essere presenti nelle prime posizioni di un motore di ricerca, questo perchè le pagine sulla rete sono diventate moltissime. Come fare allora per migliorare la propria posizione? Non vi prometto nulla, di sicuro però posso dirvi che è soltanto grazie all'inserimento di alcuni Metatags che sarà possibile vedere dei miglioramenti rispetto all'attuale posizione che occupate. Se poi non riuscirete a raggiungere le prime posizioni pazienza, avrete comunque fatto un notevole passo avanti per completezza e corretta impostazione delle vostre pagine.

A questo proposito ci sono dei siti che generano gratuitamente ed automaticamente il codice con i vari meta comandi da inserire poi nelle proprie pagine.

Per essere indicizzati al meglio sui motori di ricerca si usa una sitemap (mappa del sito), si tratta di un potente strumento per aumentare la presenza (visibilità) dal momento che i crawler dei motori stessi dopo averla letta trovano più facilmente le pagine del sito e di conseguenza le indicizzano in maniera decisamente migliore e più veloce che non seguire i links dalla pagina principale. Su questo sito è possibile generare in modo semplice e gratuito la propria sitemaps.

Google in particolare fa uso di queste mappe fino a renderle praticamente indispensabili, è possibile fare uso del loro Centro Webmaster dove sarà possibile usare degli strumenti di diagnostica e di gestione della scansione e della indicizzazione del proprio sito con rapporti di errori e molto altro ancora.

Se avete deciso di usarli, la prima cosa da sapere è dove devono essere posizionati questi metatags, basterà semplicemente inserirli ad inizio listato e cioè all'interno dei tags <head> </head> e mai nella sezione <body>. Non saranno visualizzati e serviranno soltanto ai browser ed ai motori di ricerca. Potete adoperare il tasto destro del mouse per copiarli direttamente da questa pagina, quindi incollarli nella vostra pagina web e modificarli con i vostri dati: titolo, descrizione, chiavi di ricerca, ecc. ecc..

Si adopera per il titolo del documento.

Viene usato dai motori di ricerca per descrivere il contenuto delle pagine. Molto importante oserei dire fondamentale.

Viene adoperato per dare ulteriori informazioni su quello che il sito tratta, spesso si adoperano parole diverse che hanno però lo stesso significato, cercando di interpretare e intuire quello che il ricercatore digiterà, faccio un esempio: chi cerca un javascript potrebbe cercarlo con Javascript ma anche con JS oppure con Java Script, Bene, tutte queste varianti possono essere inserite come keyword e quindi aiutare nella ricerca, si possono mettere fino a 1000 parole e queste dovranno semplicemente essere separate da una virgola. Ritengo questo Meta tag molto importante se non proprio indispensabile.

Viene adoperato per dare ulteriori informazioni su quello che il sito tratta, a differenza delle keyword si possono inserire frasi e non solo singole parole. Personalmente ritengo questo Meta Tag poco importante se non addirittura inutile.

Viene adoperato per comunicare informazioni allo spider dei motori di ricerca in modo da informare se deve continuare su altre pagine linkate oppure fermarsi a quella. O meglio index indicizza questa pagina. follow continua sui link di questa pagina. all entrambi. none nessuno.
Quando ci si iscrive ad un motore di ricerca si viene poi visitati dallo stesso, questa operazione in alcuni casi genera l'indicizzazione dell'intero sito ovvero il motore legge tutte la varie pagine linkate e che compongono il sito stesso, nel caso di frames sarebbe inutile far leggere ed indicizzare per esempio il frame con il menù da qui la possibilità di escluderlo con i parametri appena citati.

Viene adoperato per comunicare quando il sito dovrà essere rivisto dal motore stesso.

Si adopera per indicare il tipo di interesse relativo al contenuto che può variare da locale a generale.

Viene adoperato per indicare con quale editor sono state scritte le pagine web, di solito a metterli sono le stesse società produttrici e molto raramente l'utente finale.

Se il sito Web-Link.it con le sue guide tutorial ed il suo forum ti è stato di aiuto per realizzare il tuo sito, puoi inserire:

<meta name=generator content="Web-Link.it - http://www.web-link.it">

Si adopera per indicare il diritto di copyright su quello che è pubblicato.

Viene adoperato per dire al browser quando scade il contenuto della pagina. La data deve essere in formato RFC850, (GMT format).

Viene adoperato per dichiarare il set di caratteri adoperato all'interno della pagina. In questo esempio quello di windows-1252 molto adoperato anche charset=iso-8859-1

Viene adoperato per inserire un cookie nella memoria cache del navigatore, in questo esempio la data di scadenza del cookie era il 6 Luglio 1999 alle ore 06:00.

Si adopera per cambiare pagina trascorso il numero di secondi specificato, in questo esempio 3. Molto utile quando il sito è stato trasferito o la pagina ha cambiato URL, dando modo a tutti anche a chi ha il vecchio URL di essere raggiunti.

Si adopera per indicare il giorno in cui è stata creata la pagina, può servire per indicare quando la stessa viene aggiornata.

Si adopera per citare l'autore del sito e il suo indirizzo di posta elettronica.

Si adopera per citare il proprietario del sito

Si adopera per ricevere eventuali risposte all'indirizzo di posta elettronica.

Questo tag viene utilizzato dai motori di ricerca per catalogare le pagine in base alla lingua specificata, che ovviamente potrebbero essere anche più di una.

Esempio di un sito in due lingue: Italiano ed Inglese, vengono separate da una virgola le due sigle.

Questi tags sono utilizzati dai browser, il primo da IE ed il secondo da NS. servono per forzare il browser a leggere dal sito e non dalla propria memoria cache, utile in quei casi in cui le informazioni cambiano continuamente, tipo immagini da videocamere e cose simili.

Questo tag è visto dai soli browser Microsoft IE serve per creare un effetto grafico all'apertura o alla chiusura della pagina, ci sono molti effetti e si ottengono cambiando quella Y con un numero compreso fra 0 e 23, la X invece esprime il tempo di durata in secondi si possono dunque rallentare o velocizzare. La cosa strana è che essendo una invenzione di internet explorer loro stessi hanno smesso di supportarla nelle versioni più recenti del loro browser.

Questo tag è visto dai soli browser MS serve per creare un effetto grafico alla chiusura della pagina, praticamente vale quanto detto per quello sopra, con la sola differenza che l'effetto avviene alla chiusura e non all'apertura della pagina.

Questo tag serve per dichiarare il tipo di style usato direttamente on line, cioè quelle dichiarazioni che vengono messe direttamente sui tag e non nel file esterno, in questo caso di tipo è: txt/css.

Questo tag è visto dai soli browser MS IE a partire dalla versione 6.0 serve per impedire che sulle immagini visualizzate appaia l'interfaccina grafica:

<style>...</style>

L'elemento <style> serve per definire una dichiarazione di stile interna relativa alla sola pagina che contiene la dichiarazione stessa. Questo tag necessita del relativo tag di chiusura </style>.

…. Dichiarazioni ……

</style>

<title>...</title>

L'elemento <title> serve per assegnare un titolo alla pagina. Si raccomanda un titolo significativo dal momento che i motori di ricerca ne faranno uso mostrandolo come risultato. Questo tag necessita del relativo tag di chiusura </title>

<title>Web-Link - Tutto per la costruzione delle tue pagine web </title>

Questo titolo viene visualizzato nel Browser, esattamente nella linguetta che assegna il nome alla pagina (altrimette visualizza il nome del file).

<script>...</script>

L'elemento <script> serve per inserire codice di programmazione grazie al quale ottenere effetti grafici, controlli sui moduli e molto altro. Di solito si adopera JavaScript (linguaggio di programmazione lato client). Questo tag necessita del relativo tag di chiusura </script> e può essere inserito sia all'interno di <head> che di <body> dipende soltanto da quello che deve fare e dalle specifiche di chi ha programmato lo script.

lezioni sui siti web. prof.Romei Michele