Qualité Web - Éléments HTML importants

Pour améliorer la qualité du web, <DOCTYPE>, <title> et <h1> sont des balises importantes.

L'élément <DOCTYPE>

Doctype signifie une "déclaration de type de document" (DTD).

Toutes les pages HTML et XHTML doivent utiliser l'élément <Doctype> pour définir la version de HTML à suivre.

La déclaration doctype définit la version HTML que vous utilisez et fournit des informations importantes au navigateur pour une présentation plus rapide et plus cohérente de votre page.

La déclaration de type de document permet également aux logiciels de validation de vérifier la syntaxe des pages :

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"

Voir :Balise <!DOCTYPE> HTML

L'élément <title>

L'élément <title> est l'un des éléments HTML les plus importants. Sa fonction principale est de décrire le contenu de la page.

Même si le titre n'est pas une partie visible de la page Web, il est toujours important pour améliorer la qualité du site, car il est visible dans les emplacements suivants :

  • La liste des moteurs de recherche
  • La barre de titre de la fenêtre
  • Dans les favoris de l'utilisateur

Le titre doit être le plus court possible et décriptif.

Lorsque quelqu'un recherche un site Web sur Internet, la plupart des moteurs de recherche affichent le titre du site dans les résultats de recherche. Assurez-vous que le titre correspond au contenu de la page. De cette manière, les utilisateurs ont plus de chances de cliquer sur ces liens pour accéder à votre site.

Lorsque l'utilisateur visite votre site Web, le titre visible dans la barre de titre de la fenêtre. Assurez-vous que même si la fenêtre est minimisée, le titre puisse toujours jouer un rôle de description du contenu du site Web.

Après que les utilisateurs aient visité votre site Web, le titre de la page Web est stocké dans le dossier d'historique (les utilisateurs peuvent même ajouter les pages Web à leurs favoris). Pour permettre des visites futures réussies, assurez-vous également que le titre décrit clairement votre site.

Titres excellents :

<title>Tutoriels HTML</title>
<title>Introduction XML</title>

Titres médiocres :

<title>Introduction</title>
<title>Chapitre 1</title>
<title>CodeW3C.com possède une série complète de tutoriels bien organisés et faciles à comprendre sur HTML, CSS, JavaScript,
Tutoriels DHTML, XML, XHTML, WAP, ASP, SQL, avec de nombreux exemples et codes sources.</title>

Voir :Balise HTML <title>

Élément <h1>

L'élément <h1> est utilisé pour décrire le titre le plus haut de la page Web.

Certains navigateurs affichent par défaut les éléments <h1> en grande taille, c'est pourquoi certains développeurs Web utilisent l'élément <h2> à la place de <h1> pour afficher le titre le plus haut. Cela n'affecte pas les lecteurs, mais peut prêter à confusion aux moteurs de recherche et autres logiciels qui tentent de "comprendre la structure du site Web".

Assurez-vous d'utiliser <h1> pour le titre le plus haut, et <h2> et <h3> pour les niveaux inférieurs.

Vous pouvez essayer de construire votre page Web en suivant ce modèle :

Si vous n'aimez pas la taille par défaut des polices de titre, vous pouvez utiliser des styles ou des feuilles de style pour les modifier.

Voir :Balises HTML <h1> - <h6>