HTML - Le etichette meta

  »   HTML di base  »   HTML Tutorial - Meta tag (keywords, description, refresh, revised...)

L'etichetta meta viene utilizzata per generare informazioni aggiuntive per il motore di ricerca. Queste informazioni non verranno visualizzate, a meno che l'utente non selezioni la vista 'Sorgente' dal menu 'Visualizza' dove avrà accesso alla parte HTML della pagina.

Meta - parole chiave

Nell'etichetta meta è possibile aggiungere parole chiave per la pagina. Qui verranno inserite le parole più importanti e il gruppo di parole che possono indirizzare al tuo sito web. Si raccomanda di non abusare di queste parole chiave, perché utilizzando parole chiave che non hanno alcun collegamento al contenuto del sito web, né i motori di ricerca né gli utenti ne trarranno alcun profitto.

Qui c'è un esempio moderato di come utilizzare le meta tag

html<head>
	<meta name="keywords" content="web site, html tutorials, usege of html metatags" />
</head>

Questo esempio si basa sul profilo di questa pagina.

Come si può vedere, il nome specifica che tipo di meta tag sarà usato. Inoltre, deve essere specificata la virgola che viene usata per separare le parole l'una dall'altra. Questo è abbastanza banale, ma è qualcosa che molti dimenticano di dover fare.

Meta description

Quest'etichetta aiuta a descrivere il contenuto della pagina. Non dovrebbe mai superare le due frasi.

html<head>
	<meta name="description" content="Una risorsa del sito web per coloro che vogliono imparare l'HTML e i webmaster" />
</head>

Come si può vedere, "name" specifica che tipo di meta tag sarà usato. Google raccomanda di usare circa 200-250 caratteri per quest'etichetta. Questo è uno dei tag più importanti in SEO.

L'attributo revised

E' utilizzato per specificare gli ultimi aggiornamenti sulla pagina.

html<head>
	<meta name="revised" content="1/08/2008" />
</head>

Aggiornare e reindirizzare

Aggiornare

Il refreshing viene fatto con l'aiuto dell'attributo http-equiv="refresh". Lo scopo di questo tag è quello di ricaricare la pagina e di visualizzare nuove informazioni in un aggiornamento. Un'applicazione molto utile per un forum, per esempio.

html<head>
	<meta http-equiv="refresh" content="10; url=http://www.tutorialehtml.com" />
</head>

I reindirizzamenti sono facilmente realizzabili cambiando l'indirizzo della pagina web con quello a cui si desidera che venga reindirizzato. L'applicazione è utile quando si acquista un nuovo dominio e si desidera il reindirizzamento degli utenti alla nuova pagina. È possibile utilizzare questo sito che automaticamente genera un reindirizzamento per voi.

html<head>
	<meta http-equiv="refresh" content="5; url=http://www.etutoriale.ro" />
</head>