Summary  
This chapter explains how to use HTML document head elements—such as the `<title>` tag and various `<meta>` tags—to define page metadata like the title, character encoding, description, author, language, and search engine directives.  

General domain of usage  
Search engine optimization (SEO) for web pages.

L'intestazione del documento contiene i metadati, informazioni per i browser e i motori di ricerca.
Questi tag non compaiono nella pagina stessa, motivo per cui gli esempi seguenti non mostreranno alcun output visibile.

### Titolo della pagina
Il tag `<title>` controlla ciò che appare nella scheda del browser. Deve essere breve, chiaro e idealmente inferiore a 60 caratteri.


PGh0bWwgbGFuZz0iZW4iPgogIDxoZWFkPgogICAgPCEtLSBNZXRhZGF0YSAtLT4KICAgIDx0aXRsZT5XZWIgRGV2ZWxvcG1lbnQ8L3RpdGxlPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDwhLS0gUGFnZSBjb250ZW50IC0tPgogIDwvYm9keT4KPC9odG1sPg==

### Metadati
Il tag `<meta>` memorizza informazioni tecniche importanti sulla pagina.
La più essenziale è la codifica dei caratteri, che previene caratteri errati (mojibake): 

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDwhLS0gTWV0YWRhdGEgLS0+CiAgICA8bWV0YSBjaGFyc2V0PSJ1dGYtOCIgLz4KICAgIDx0aXRsZT5XZWIgRGV2ZWxvcG1lbnQ8L3RpdGxlPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDwhLS0gUGFnZSBjb250ZW50IC0tPgogIDwvYm9keT4KPC9odG1sPg==

### Significato degli attributi del tag meta
- `name`: descrive il tipo di metadato;
- `content`: il valore di quel metadato;
- `http-equiv`: simula le intestazioni HTTP.

### Tag meta di base per il miglioramento SEO

**SEO (Search Engine Optimization)** è il processo di ottimizzazione di un sito web per migliorarne la visibilità nei risultati dei motori di ricerca.

Approfondisci

- `<meta name="description"/>`: specifica una breve descrizione della pagina web;
- `<meta name="author" />`: specifica l'autore della pagina web;
- `<meta name="language"/>`: specifica la lingua della pagina web;
- `<meta name="robots"/>`: indica ai motori di ricerca come eseguire la scansione o indicizzare la pagina web;
- `<meta name="googlebot" content="notranslate"/>`: informa Google di non offrire traduzioni automatiche della pagina web;
- `<meta name="copyright" content="Copyright 2024"/>`: specifica il copyright della pagina web.


PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDwhLS0gTWV0YWRhdGEgLS0+CiAgICA8bWV0YSBjaGFyc2V0PSJ1dGYtOCIgLz4KICAgIDxtZXRhIG5hbWU9ImRlc2NyaXB0aW9uIiBjb250ZW50PSJFeHBsb3JlIHRoZSB3ZWIgZGV2ZWxvcG1lbnQgcHJvY2Vzcy4iIC8+CiAgICA8bWV0YSBuYW1lPSJhdXRob3IiIGNvbnRlbnQ9Ikplbm5pZmVyIFNoaWtpIiAvPgogICAgPG1ldGEgbmFtZT0ibGFuZ3VhZ2UiIGNvbnRlbnQ9IkVuZ2xpc2giIC8+CiAgICA8bWV0YSBuYW1lPSJyb2JvdHMiIGNvbnRlbnQ9ImluZGV4LCBmb2xsb3ciIC8+CiAgICA8bWV0YSBuYW1lPSJnb29nbGVib3QiIGNvbnRlbnQ9InRyYW5zbGF0ZSIgLz4KICAgIDxtZXRhIG5hbWU9ImNvcHlyaWdodCIgY29udGVudD0iQ29weXJpZ2h0IDIwMjQgSmVubmlmZXIgU2hpa2kiIC8+CiAgICA8dGl0bGU+V2ViIERldmVsb3BtZW50IEd1aWRlPC90aXRsZT4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8IS0tIFBhZ2UgY29udGVudCAtLT4KICA8L2JvZHk+CjwvaHRtbD4=

Dove deve essere inserito il tag `<meta>`?

Quale contenuto del tag verrà mostrato sulla scheda dell'utente?

Cosa si può fare per aiutare il browser a indicizzare la pagina?

Impara le basi dell'HTML (HyperText Markup Language), la base dello sviluppo web. Questo corso adatto ai principianti copre tag, attributi, elementi e strutturazione delle pagine web. Acquisisci competenze pratiche nella creazione di intestazioni, paragrafi, elenchi, immagini, link, moduli e tabelle. Esplora le migliori pratiche, l'ottimizzazione e l'accessibilità web. Inizia il tuo percorso di sviluppo web con HTML.

Esplora il funzionamento interno del web. Scopri come i dati viaggiano attraverso le reti, scopri il ruolo dei protocolli e svela i misteri degli indirizzi IP e dei nomi di dominio. Ottieni una comprensione a livello generale di come i browser web e i server comunicano per fornire contenuti web.

Scopri il potere dei tag per strutturare il contenuto, dai titoli e paragrafi a elenchi e tabelle. Impara come migliorare gli elementi con gli attributi.

Il nucleo della struttura del documento HTML. Impara i componenti di un documento HTML, inclusa la dichiarazione doctype, head e body. Comprendi lo scopo di ciascun elemento e come contribuiscono alla struttura complessiva di una pagina web.

Rendi una pagina web più attraente con l'aiuto di media come immagini, audio e video. Lavora con dati tabulari strutturati sotto forma di tabelle.

Esplora la versatilità dei moduli HTML. Impara a progettare moduli intuitivi e facili da usare sfruttando concetti e tecniche chiave. Scopri come i moduli consentono l'interazione dell'utente e l'invio di dati sui siti web.

Il Ruolo dell'Intestazione del Documento

Titolo della pagina

Metadati

Significato degli attributi del tag meta

Tag meta di base per il miglioramento SEO

1. Dove deve essere inserito il tag `<meta>`?

2. Quale contenuto del tag verrà mostrato sulla scheda dell'utente?

3. Cosa si può fare per aiutare il browser a indicizzare la pagina?