Come definire i tag head

Dicembre 2016


Premessa: il Doctype

Riconoscibile nella prima linea del codice di ogni pagina html è un codice che definisce il tipo di documento Document Type Definition (abbr. DTD). Questo è molto importante per far sì che i browser interpretino correttamente il codice e ne permettano una resa corretta. Ad es.:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Indica che il linguaggio HTML è usato nel formato DTD fissato dal W3C, e la versione è la versione 4.0 del linguaggio e che i tag sono indicati in inglese (En = inglese).

L'header

Il tag head può normalmente provvedere alla descrizione del proprio sito attraverso keyword (parole chiave) e frasi che descrivono il proprio sito e ha anche ulteriori caratteristiche, come quella di reindirizzare automaticamente a un'URL.
I tag principali del header comprendono meta tag e tag di collegamento.

Meta tag

Keywords (Parole chiave)

La sintassi dei meta tag è cosi composta: <meta name="keywords" content="parole chiave">. Bisogna far attenzione a non superare i numero massimo dei caratteri consentiti, 1000. Le keyword sono compatibili per ogni search engine e si consiglia di separare ogni parola o frase con una virgola. Si richiama l'attenzione ai primi 200-300 caratteri, quelli più importanti.
Altre opzioni, en=inglese, fr= francese, de=tedesco, it=italiano:<meta name="keywords" lang="it" content="html, javascript, xml">.

Description

La sintassi: <meta name="Description" content="Descrizione del sito o della pagina...">. Non superare più di 200 caratteri ed è compatibile su tutti i motori di ricerca, tuttavia evitare gli accenti.

La lingua del sito

Sintassi:<meta http-equiv="content-language" content="it" />, compatibile su tutti i motori ed è possibile segnalare se il sito è multilingua: (ad es.<meta http-equiv="Content-Language" content="it, en" />.

Categoria

Sintassi: <meta name="category" content="nome categoria">, nessun limite riguardante il numero di caratteri, è compatibile solo con alcuni motori di ricerca. Es.<meta name="category" content="internet">.

Autore

Sintassi: <meta name="author" lang="it" content="Nome e cognome">, nessun limite di carattere, è possibile inserire più autori separati da una virgola.

Restrizioni per i motori di ricerca

Sintassi: <meta name="robots" content=".....">, dove i puntini devono essere sostituiti da index o noindex, (per permette o meno l'indicizzazione della pagina) e follow o nofollow (per permette o meno di seguire i link dentro la pagina. La coppia index, follow può essere sostituita dalla dicitura all, ma è inutile dato che è il valore per default utilizzato dai motori di ricerca, mentre la coppia noindex,nofollow può essere sostituita da none.
Nota: meglio escludere tutte le directory protette o "sensibili" tramite il file .htacess

URL della pagina

Sintassi: <meta name="identify-url" content="url della pagina">, non presenta limiti d'inserimento caratteri ed è compatibile con qualche search engine.

Indirizzo mail del proprietario/manager/creatore

Sintassi: <meta name="reply-to" content="latua@email">, nessun limite riguardo i caratteri e compatibilità totale con tutti i search engine, occhio agli spam!!

Altri tipi di tag

Titolo della apgina
Sintassi: <title>Titolo della pagina</title>, max. 100 caratteri e compatibile con tutti i search engine.

Potrebbe anche interessarti :
Il documento intitolato «  Come definire i tag head » da CCM (it.ccm.net) è reso disponibile sotto i termini della licenza Creative Commons. È possibile copiare, modificare delle copie di questa pagina, nelle condizioni previste dalla licenza, finché questa nota appaia chiaramente.