Qualità Web - Elementi HTML importanti

Per migliorare la qualità del web, <DOCTYPE>, <title> e <h1> sono etichette importanti.

L'elemento <DOCTYPE>

Doctype significa "dichiarazione di tipo di documento" (DTD).

Tutte le pagine HTML e XHTML devono utilizzare l'elemento <Doctype> per definire la versione di HTML di cui si intende seguire.

La parola "doctype" definisce la versione di HTML che si sta utilizzando e fornisce informazioni importanti al browser per presentare la pagina in modo più veloce e coerente.

La dichiarazione del tipo di documento consente anche agli strumenti di validazione di controllare la grammatica della pagina:

HTML 4.01 Strict, Transitional, Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd"

XHTML 1.0 Strict, Transitional, Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"

DTD XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"

Vedere:Tag HTML <!DOCTYPE>

L'elemento <title>

L'elemento <title> è uno degli elementi HTML più importanti. La sua funzione principale è descrivere il contenuto della pagina.

Anche se il titolo non è una parte visibile della pagina web, è importante per migliorare la qualità del sito, poiché è visibile nei seguenti luoghi:

  • Elenco dei motori di ricerca
  • La barra del titolo della finestra
  • Nei segnalibri degli utenti

Il titolo dovrebbe essere il più breve possibile e descrivibile.

Quando un utente cerca un sito web su internet, la maggior parte dei motori di ricerca mostreranno il titolo del sito nei risultati di ricerca. Assicurati che il titolo sia coerente con il contenuto della pagina. In questo modo, gli utenti hanno più probabilità di visitare il tuo sito cliccando su questi link.

Quando l'utente visita il tuo sito web, il titolo nella barra del titolo della finestra è visibile. Assicurati che anche quando la finestra è minimizzata, il titolo possa descrivere il contenuto del sito.

Dopo che l'utente ha visitato il tuo sito web, il titolo della pagina viene memorizzato nella cartella cronologia (l'utente può anche aggiungere la pagina ai suoi preferiti). Per garantire accessi futuri di successo, assicurati anche che il titolo descriva chiaramente il tuo sito web.

Titoli eccellenti:

<title>Corso HTML</title>
<title>Introduzione XML</title>

Titoli scadenti:

<title>Introduzione</title>
<title>Capitolo 1</title>
<title>CodeW3C.com offre una serie organizzata e facile da comprendere di HTML, CSS, JavaScript,</title>
Tutorial su DHTML, XML, XHTML, WAP, ASP, SQL, inclusi molti esempi e codice sorgente.</title>

Vedere:Tag <title> HTML

Elemento <h1>

L'elemento <h1> viene usato per descrivere il titolo più alto della pagina web.

Poiché alcuni browser mostrano per default l'elemento <h1> con un font molto grande, alcuni sviluppatori web usano l'elemento <h2> al posto di <h1> per mostrare il titolo più alto. Questo non influisce sui lettori, ma può confondere i motori di ricerca e altri software che cercano di 'capire la struttura della pagina web'.

Assicurati di usare <h1> per il titolo più alto, <h2> e <h3> per i livelli inferiori.

Puoi provare a costruire la tua pagina web secondo questo modello:

Se non ti piace la dimensione predefinita del font del titolo, puoi usarlo o fogli di stile per cambiarlo.

Vedere:HTML <h1> - <h6> tag