La testa del documento può includere meta tag, molti dei quali sono non visibili all'utente nella finestra del browser. Pertanto, nei prossimi esempi, non vedrai alcun contenuto visibile. Questi tag memorizzano informazioni sui metadati della pagina.

Titolo della Pagina

Il testo all'interno del tag <title> viene visualizzato nella scheda del browser. Il titolo dovrebbe essere una descrizione concisa della pagina e non dovrebbe superare i 60 caratteri di lunghezza.

Con l'assistenza di questo codice, puoi ottenere un aspetto simile sul sito web. Nella scheda del browser, osserverai il testo esatto racchiuso all'interno del tag <title> (cornice bianca nell'immagine).

Metadata

Il tag <meta> contiene informazioni per i browser e i motori di ricerca: codifica del documento, comunicazione dei dati e molto altro. I tag meta possono avere molti attributi poiché trasmettono informazioni diverse. Il più importante è la codifica della pagina. Aiuta un browser a visualizzare correttamente il testo. In caso di mancato passaggio della codifica, il browser potrebbe mostrare mojibake invece dei caratteri.

Significato degli attributi del tag meta

• name: il nome di una proprietà può essere qualsiasi parola o frase, i browser web generalmente si aspettano un valore che possano riconoscere e utilizzare per eseguire un'azione. Un esempio sarebbe <meta name="author" content="name"> per indicare l'autore della pagina;

• content: specifica il valore della proprietà. Un esempio sarebbe <meta name="language" content="english"> per specificare la lingua del testo della pagina;

• http-equiv: sta per equivalente HTTP, ed è usato per simulare le intestazioni di risposta HTTP. Questo è raro da vedere. Un esempio sarebbe <meta http-equiv="refresh" content="30"> per dire al browser di aggiornare la pagina ogni 30 minuti.

Tag meta di base per il miglioramento SEO

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