<title> : l'élément de titre du document

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

L'élément <title> définit le titre du document (qui est affiché dans la barre de titre du navigateur ou dans l'onglet de la page). Cet élément ne peut contenir que du texte, les balises qu'il contiendrait seraient ignorées.

Attributs

Cet élément inclut uniquement les attributs universels.

Notes d'utilisation

L'élément <title> est toujours utilisé au sein de l'élément <head> de la page.

Référencement (SEO)

Le titre d'une page fait partie des éléments principaux qui sont scannés lors de l'indexation d'une page. C'est aussi le texte qui est affiché parmi les résultats du moteur de recherche, de façon proéminente et donc visible par les utilisateurs qui trouvent votre site grâce à un moteur de recherche.

Aussi, mieux vaudra avoir des titres descriptifs plutôt que des titres trop courts ou vagues.

Quelques observations :

  • On pourra éviter les titres sur un ou deux mots.
  • La longueur affichée pour les titres dans les résultats d'un moteur de recherche se situe entre 55 et 60 caractères. Si le titre est plus long, on veillera à ce que les concepts majeurs apparaissent avant cette longueur.
  • Attention aux entités (les chevrons HTML pourront être affichés différemment entre les navigateurs).
  • Le titre doit être intelligible et pas une simple concaténation de mots-clés.
  • Le titre devra être unique pour un même site.

Exemples

html
<title>Et voici le titre de ma page !</title>

Accessibilité

Il est important de fournir une valeur pour l'attribut title qui décrit le but de la page de façon claire et concise.

Les personnes utilisant des outils d'assistance peuvent utiliser le titre de la page afin de déterminer rapidement ce qu'elle contient. Ainsi, il peut ne pas être nécessaire de naviguer « dans » la page, ce qui peut prendre du temps et être source de confusion si, ce faisant, on doit déterminer le but de la page.

Exemple

html
<title>Menu - Restaurant chinois Maison bleue - Commande en ligne</title>

Mettre à jour la valeur de title afin de refléter un changement d'état important (un problème de validation d'un formulaire par exemple) peut également s'avérer utile :

html
<title>
  2 erreurs sur votre commande - Restaurant chinois Maison bleue - Commande en
  ligne
</title>

Résumé technique

Catégories de contenu Contenu de méta-données.
Contenu autorisé Du texte qui n'est pas du blanc entre éléments (inter-element whitespace).
Omission de balises Les deux balises sont nécessaires. Si </title> est absent, le navigateur peut ignorer le reste de la page.
Parents autorisés Un élément <head> qui ne contient pas d'autre élément <title>.
Rôles ARIA autorisés Aucun.
Interface DOM HTMLTitleElement

Spécifications

Specification
HTML Standard
# the-title-element

Compatibilité des navigateurs

BCD tables only load in the browser