Balise HTML <title>
La balise HTML <title> définit le titre d'un document HTML, affiché dans l'onglet du navigateur et sur les pages de résultats des moteurs de recherche.
La balise HTML <title> définit le titre d'un document. Il s'agit d'un élément de métadonnées du document : elle n'apparaît nulle part dans la page elle-même, mais elle contrôle la façon dont la page est étiquetée partout où elle est référencée — l'onglet du navigateur, un signet, un résultat de recherche et un lien partagé sur les réseaux sociaux.
Cette page explique pourquoi chaque page a besoin d'exactement un <title>, où il doit se trouver et comment en écrire un qui fonctionne bien pour les utilisateurs et les moteurs de recherche.
Pourquoi le <title> est important
Le <title> est l'un des rares éléments obligatoires dans un document HTML valide. Les navigateurs et les moteurs de recherche le considèrent comme le nom canonique et lisible de la page ; il apparaît donc à de nombreux endroits à la fois :
- Onglet / fenêtre du navigateur — le texte de l'onglet est le titre de la page.
- Signets — lorsqu'un utilisateur ajoute la page à ses favoris, le titre devient le nom par défaut du signet.
- Résultats de recherche (SERPs) — le titre est généralement utilisé comme le titre cliquable en bleu du résultat, ce qui influe fortement sur le taux de clics.
- Partages sociaux — lorsqu'un lien est publié dans une application de messagerie ou un réseau social, le titre est extrait dans la carte d'aperçu du lien (avec les balises meta telles qu'Open Graph).
- Accessibilité — les lecteurs d'écran annoncent le titre au chargement de la page, aidant les utilisateurs à confirmer où ils se trouvent.
Comme de nombreux outils le consomment, un titre clair et précis améliore à la fois l'UX (les personnes reconnaissent le bon onglet ou résultat) et le SEO (les moteurs de recherche classent la page pour les requêtes pertinentes).
Le titre doit contenir les mots-clés les plus importants de la page afin que les moteurs de recherche la classent pour les requêtes pertinentes — mais rédigez-le d'abord pour les humains.
Où il se place : exactement un, à l'intérieur de <head>
Le <title> doit se trouver dans la section <head>, qui est l'endroit réservé aux métadonnées du document, et un document doit contenir exactement un <title>. Le <head> contient des informations sur la page (titre, jeu de caractères, viewport, données meta) plutôt que du contenu visible ; le titre s'y trouve naturellement avec les autres données descriptives de la page.
Syntaxe
L'élément <title> se présente en paires. Le texte est écrit entre la balise ouvrante <title> et la balise fermante </title>, et il ne peut contenir que du texte — aucun autre élément HTML.
Exemple de la balise HTML <title> :
Balise HTML <title>
<!DOCTYPE html>
<html>
<head>
<title>W3Docs - learn HTML, CSS, PHP, JavaScript online.</title>
</head>
<body>
<p>The main content of the page.</p>
</body>
</html>Rédiger un bon titre : faible vs. optimisé
Un titre vague ou absent oblige les navigateurs à se replier sur l'URL, et les moteurs de recherche peuvent le réécrire ou l'ignorer. Comparez les deux pages ci-dessous.
Titre faible — trop court et générique :
<head>
<title>Home</title>
</head>Titre optimisé — descriptif, avec le modèle Nom de la page | Nom du site :
<head>
<title>HTML <title> Tag: Syntax, SEO and Examples | W3Docs</title>
</head>Le modèle Nom de la page | Nom du site est une convention courante et fiable : la partie unique et riche en mots-clés du titre vient en premier (là où elle est la plus visible dans un résultat de recherche et sur un onglet de navigateur étroit), et le nom du site vient en dernier pour la reconnaissance de la marque. Une barre verticale (|) ou un tiret (-) est le séparateur habituel.
Conseils pratiques
- Limitez-vous à environ 55–60 caractères. Il s'agit d'une recommandation, pas d'une limite absolue — les moteurs de recherche tronquent les titres longs, alors placez les mots importants au début.
- Soyez descriptif. Évitez les titres d'un ou deux mots ; utilisez une expression significative qui résume la page.
- Rendez chaque titre unique sur votre site afin que chaque page soit distinguable dans les onglets et les résultats de recherche.
- Évitez le bourrage de mots-clés. Une liste de mots est perçue comme du spam et n'aide personne.
- Évitez les caractères spéciaux inhabituels, que différents navigateurs peuvent afficher de manière incohérente.
Attributs
La balise <title> prend en charge les attributs globaux. En pratique, seul lang est utile — il déclare la langue du texte du titre, ce qui est utile lorsque le titre diffère de la langue du document. Des attributs comme id, class et style sont acceptés par l'analyseur syntaxique mais n'ont aucun effet, car le titre n'est jamais rendu dans la page où le style ou le script pourrait s'appliquer.