métadonnées block

<title>

Définit le titre du document affiché dans l'onglet du navigateur et utilisé par les moteurs de recherche. Obligatoire dans le head.

Description

L’élément <title> définit le titre du document. Il est obligatoire, doit être unique par page, et apparaît dans l’onglet du navigateur, les résultats de recherche, les favoris et les partages sur les réseaux sociaux. Il ne peut contenir que du texte brut — aucun balisage HTML.

Syntaxe

<head>
  <title>Titre de la page — Nom du site</title>
</head>

Exemples

Pattern recommandé (page — site) :

<title>Apprendre CSS Grid — html6.fr</title>

Page d’accueil (nom du site seul) :

<title>html6.fr — Référence HTML en français</title>

Page de résultats avec terme de recherche :

<title>Résultats pour "flexbox" — html6.fr</title>

Notes

Longueur recommandée : entre 50 et 60 caractères. Au-delà, Google tronque le titre dans les résultats de recherche.

Unique par page : chaque page doit avoir un titre différent. Des titres identiques nuisent au SEO et à l’orientation des utilisateurs.

Pattern “Page — Site” : mettre le contenu spécifique en premier (pour la lisibilité dans les onglets étroits) et le nom du site à la fin. Utiliser — (tiret cadratin) ou | comme séparateur.

Aucun HTML dans <title> : les balises HTML sont affichées telles quelles, pas interprétées. Pour les caractères spéciaux, utiliser les entités HTML (&amp;, &quot;…).

Support navigateurs

Chrome1+ · Firefox1+ · Safari1+ · Edge12+