<title> : l'élément de titre du document
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
L'élément HTML <title> définit le titre du document (qui est affiché dans la barre de titre du navigateur ou dans l'onglet de la page). Il ne contient que du texte ; les balises HTML présentes dans l'élément, le cas échéant, sont également traitées comme du texte brut.
<title>Le journal du festival de heavy metal de Mamie</title>
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.
Titres de page et référencement (SEO)
Le contenu du titre d'une page peut avoir des implications importantes pour l'optimisation pour les moteurs de recherche (SEO). En général, un titre long et descriptif fonctionne mieux que des titres courts ou génériques. Le contenu du titre est l'un des éléments utilisés par les algorithmes des moteurs de recherche pour décider de l'ordre d'affichage des pages dans les résultats. De plus, le titre est la première « accroche » qui attire l'attention des lecteurs·rices parcourant la page de résultats.
Quelques conseils pour composer de bons titres :
- Évitez les titres d'un ou deux mots. Utilisez une phrase descriptive, ou une association terme-définition pour les pages de glossaire ou de référence.
- Les moteurs de recherche affichent généralement les 55 à 60 premiers caractères d'un titre de page. Le texte au-delà peut être tronqué, donc essayez de ne pas dépasser cette longueur. Si vous devez utiliser un titre plus long, assurez-vous que les parties importantes apparaissent en premier et qu'aucun élément essentiel ne soit dans la partie susceptible d'être coupée.
- N'utilisez pas de « blocs de mots-clés ». Si votre titre n'est qu'une liste de mots, les algorithmes risquent de faire baisser la position de votre page dans les résultats.
- Essayez de rendre vos titres aussi uniques que possible sur votre site. Les titres dupliqués ou quasi identiques peuvent entraîner des résultats de recherche inexacts.
Accessibilité
Il est important de fournir un titre précis et concis pour décrire l'objectif de la page.
Une technique de navigation courante pour les utilisateurs·rices de technologies d'assistance consiste à lire le titre de la page et à en déduire le contenu. En effet, naviguer dans une page pour en déterminer le contenu peut être long et source de confusion. Les titres doivent être uniques pour chaque page d'un site, en mettant idéalement en avant le but principal de la page en premier, suivi du nom du site. Suivre ce modèle permet de s'assurer que le but principal de la page est annoncé en premier par un lecteur d'écran. Cela offre une bien meilleure expérience que d'entendre d'abord le nom du site avant le titre unique de la page, pour chaque page visitée sur un même site.
Exemple
<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 :
<title>
2 erreurs sur votre commande - Restaurant chinois Maison bleue - Commande en
ligne
</title>
Exemples
<title>Et voici le titre de ma page !</title>
Résumé technique
| Catégories de contenu | Contenu de méta-données. |
|---|---|
| Contenu autorisé | Du texte qui n'est pas un espace entre éléments. |
| 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ôle ARIA implicite | Pas de rôle correspondant (angl.) |
| Rôles ARIA autorisés | Aucun role autorisé. |
| Interface DOM | HTMLTitleElement |
Spécifications
| Specification |
|---|
| HTML # the-title-element |
Compatibilité des navigateurs
Chargement…
Voir aussi
- L'élément SVG
<title>