web

    HTML      Primo strumento per la
                                     creazione di pagine web.

         il mio computer  
 

I Meta Tag

Pubblicato il: 25-3-2019

Ultima Modifica: 8-12-2023

Meta-Tag con rilevanza SEO (search engine optimization che tradotto è uguale a ottimizzazione per i motori di ricerca)

Il Tag serve ad inserire informazioni di vario genere sulla pagina, và inserito all'interno del Tag <head></head> e non necessita del Tag di chiusura. La sua sintassi è molto semplice, vediamola quì sotto.

<meta name "..." content"..." />

I due suoi attributi più importanti sono name e content dove in name dobbiamo inserire il nome del Meta Tag, ad esempio description, keyword o robot, ma ce ne sono diversi altri, nell'attributo content invece và inserito il contenuto, Sotto un esempio.

<meta name="keywords" content="computer, notepad e cellulari, mouse" />

Quando nell'attributo name inseriamo la parola keywords nell'attributo content inseriamo parole o frasi separate da una virgola che saranno usate dai motori di ricerca come parole o frasi chiave. Come si può notare ogni parola o frase all'interno dell'attributo content termina con una virgola, questo serve per separare ogni parola ma sopratutto ogni frase che altrimenti verrebbe vista come tante parole ognuna distinta dalle altre.

Ma adesso vediamo più in generale altri dei valori possibili da inserire nell'attributo name.

Il prossimo valore per l'attributo name è description, come facilmente intuibile questo valore và inserito per dare una descrizione del contenuto della pagina da inserire nell'attributo content, altro per questo valore non c'è da dire quindi passo al prossimo.

Il prossimo valore per l'attributo name è robots, Qui per l'attributo content sono privisti una serie di valori predeterminati, che sono i seguenti:

    all     inserendo questo valore nell'attributo content in pratica si dice ai robots di fare quello che fanno quando si inserisce index, follow.

    none     con questo valore nell'attributo content in pratica si dice ai robots di fare quello che fanno quando si inserisce noindex, nofollow.

    index     indica ai robots (o spider) del motore, che questa pagina potrà essere indicizzata e inserita nel suo database.

    noindex     indica ai robots (o spider) del motore, che questa pagina non dovrà essere indicizzata.

    follow     indica ai robots che se vuole puù anche seguire i link nella pagina, trovando e indicizzando così anche altre pagine.

    nofollow     indica ai robots che non deve seguire i link della pagina. In pratica il contrario di quello sopra.

    index,follow    indica ai robots che la pagina può essere indicizzata e che può seguire i link.

    noindex,nofollow    indica ai robots che non possono indicizzare la pagina e non possono seguire i link al loro interno. In pratica il contrario di quello sopra.

 

 Per quanto riguarda i Meta Tag con rilevanza SEO ecco l'ultimo che si chiama revisit-after e informa i robots o spider che possono rivisitare la pagina dopo un determinato numero di giorni specificati all'interno dell'attributo content, un esempio quì sotto.

  <meta name="revisit-after" content="15" />

Meta Tag relativi alla lingua e alla codifica dei caratteri

Per questi due Meta Tag ecco due esempi quì sotto.   

<meta name="language" content="it" />
<meta name="charset" content="iso-8859-1" />

Per l'impostazione della lingua all'attributo name ho dato il valore language e al content il valore it invece per quanto riguarda la codifica dei caratteri al name ho dato il valore charset e al content il valore iso-8859-1 Queste ovviamente sono le impostazioni per la lingua italiana, per altre lingue basta cercare in internet in quanto le due liste sono abbastanza grandi.

Meta-Tag relativi al titolare del sito e all'autore

I possibili valori da assegnare all'attributo name in questo caso sono tre e sono copyright, author e reply-to

Quando all'attributo name si assegna coyright  nell'attributo content dobbiamo inserire il Titolare del sito. Quando all'attributo name si assegna author nell'attributo content dobbiamo inserire l'autore del sito. Quando all'attributo name si assegna reply-to nell'attributo content dobbiamo inserire l'indirizzo di posta elettronica dell'autore del sito. Sotto gli esempi.

<meta name="copyright" content="Mario Bianchi" />
<meta name="author" content="Paolo" />
<meta name="reply-to" content="paolo@email.it />

Meta Tag relativi a Refresh e Redirect

Questi due valori per l'attributo http-equiv (in questo caso non si deve usare l'attributo name, ma http-equiv)  consentono rispettivamente di obbligare il browser a ricaricare la pagina ogni tot secondi per quanto riguarda refresh, e nel caso invece di Redirect consente di reindirizzare il browser ad un'altra pagina dopo tot secondi. Sotto vediamo gli esempi.

<meta http-equiv="refresh" content="15" />
<meta http-equiv="refresh" content="15;URL=http://www.ilmiocomputer.eu" />

notanotare che anche nel secondo esempio che esegue un Redirect l'attributo http-equiv contiene refresh

Come si può vedere sono molto semplici da utilizzare, non hanno quindi bisogno di ulteriori spiegazioni.

Gestione della Cache del Browser

Come ultimo Meta Tag per questo documento presento il Meta Tag che permette la gestione della cache del browser che può essere non specificata oppure disabilitata, Nel caso che non è specificata per default  la cache viene utilizzata, nel caso invece che vogliate disabilitarla dovete inserire queste due righe di codice