Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Il Ruolo dell'Head del Documento | Struttura del Documento HTML
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
HTML Definitivo

bookIl Ruolo dell'Head del Documento

La sezione head del documento contiene i metadati, ovvero informazioni per i browser e i motori di ricerca. Questi tag non vengono visualizzati nella pagina stessa, motivo per cui gli esempi sottostanti non mostreranno alcun output visibile.

Titolo della pagina

Il tag <title> determina ciò che appare nella scheda del browser. Deve essere breve, chiaro e idealmente inferiore a 60 caratteri.

index.html

index.html

copy

Metadati

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

index.html

index.html

copy

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

Note
Approfondisci

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

  • <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.
index.html

index.html

copy

1. Dove deve essere posizionato 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?

question mark

Dove deve essere posizionato il tag <meta>?

Select the correct answer

question mark

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

Select the correct answer

question mark

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

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 3

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Suggested prompts:

What are some best practices for writing effective meta descriptions?

Can you explain more about how the robots meta tag works?

Why is character encoding important in the meta tag?

bookIl Ruolo dell'Head del Documento

Scorri per mostrare il menu

La sezione head del documento contiene i metadati, ovvero informazioni per i browser e i motori di ricerca. Questi tag non vengono visualizzati nella pagina stessa, motivo per cui gli esempi sottostanti non mostreranno alcun output visibile.

Titolo della pagina

Il tag <title> determina ciò che appare nella scheda del browser. Deve essere breve, chiaro e idealmente inferiore a 60 caratteri.

index.html

index.html

copy

Metadati

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

index.html

index.html

copy

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

Note
Approfondisci

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

  • <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.
index.html

index.html

copy

1. Dove deve essere posizionato 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?

question mark

Dove deve essere posizionato il tag <meta>?

Select the correct answer

question mark

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

Select the correct answer

question mark

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

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 3
some-alt