Chaque page de votre site a-t-elle un titre affiché dans l'onglet du navigateur ?
Critère officiel 8.5 — Chaque page web a-t-elle un titre de page ?
Pourquoi c'est important
Le titre de la page est la première information annoncée par un logiciel de lecture à l'ouverture d'une page. Sans titre, ou avec un titre générique comme « Sans titre », la personne aveugle ne sait pas ce qu'elle a ouvert. C'est aussi l'élément affiché dans les résultats Google et dans les favoris.
Exemples concrets
Ce qui est conforme
La page des horaires de la médiathèque a pour titre : « Horaires et accès — Médiathèque de Saint-Pol-de-Léon ». Affiché dans l'onglet, dans Google, dans les favoris : l'information est claire avant même d'ouvrir la page.
Ce qui pose problème
Plusieurs pages du site ont été créées en brouillon puis publiées sans titre. L'onglet du navigateur affiche « Sans titre » ou rien. Le logiciel de lecture annonce une page vide de sens à son ouverture.
Comment agir
Dans WordPress, le titre de chaque page ou article devient automatiquement le titre de l'onglet. Vérifiez qu'aucune page n'est publiée sans titre — parcourez la liste des pages dans le tableau de bord et corrigez les entrées « Sans titre ». Si vous utilisez un plugin SEO, il signale les pages sans titre.
Règles clés
- Structure recommandée : 'Titre spécifique de la page — Nom du site'. Le titre distinctif en premier permet d'identifier la page dans une liste d'onglets ou de favoris où la fin est tronquée.
- Chaque page doit avoir un titre unique au sein du site.
- Le titre doit correspondre au contenu réel de la page — pas uniquement au nom du site.
- Sur WordPress : utiliser add_theme_support('title-tag') pour déléguer la génération du <title> à WordPress, qui le construit dynamiquement et correctement.
- La page 404 doit avoir un titre explicite : 'Page introuvable — Nom du site'.
Erreurs fréquentes
- Titre absent (<title> manquant dans <head>)
- Titre vide (<title></title> ou <title> </title>)
- Titre identique sur toutes les pages du site ('Mon site' ou 'Accueil' sans spécification de la page)
- Titre non mis à jour ('Untitled Document', 'New Page', 'WordPress')
- Page d'erreur 404 avec le même titre que la page d'accueil
- Titre trop long ou bourré de mots-clés SEO au détriment de la lisibilité
Exemples de code
titre absent
✗ Non conforme<head>
<meta charset="UTF-8">
<!-- Aucun <title> -->
</head>Le lecteur d'écran annonce une chaîne vide ou le nom du fichier. L'onglet du navigateur affiche l'URL ou rien.
titre identique sur tout le site
✗ Non conforme<!-- Sur la page d'accueil, les articles, les pages contact... -->
<title>Mon entreprise</title>Impossible de distinguer les pages entre elles. Navigation multi-onglets et favoris inutilisables pour les utilisateurs de lecteurs d'écran.
titre générique WordPress non personnalisé
✗ Non conforme<title>Bienvenue sur WordPress</title>Titre par défaut des installations fraîches non configurées. Très fréquent sur les sites en cours de développement mis en ligne trop tôt.
titres descriptifs et structurés
✓ Conforme<!-- Page d'accueil -->
<title>Menuiserie Dupont — Artisan menuisier à Brest</title>
<!-- Page intérieure -->
<title>Nos réalisations — Menuiserie Dupont</title>
<!-- Article de blog -->
<title>Entretenir ses fenêtres en bois — Menuiserie Dupont</title>
<!-- Page 404 -->
<title>Page introuvable — Menuiserie Dupont</title>Chaque titre est unique et descriptif. La structure 'Spécifique — Site' place l'information distinctive en premier — utile quand la fin du titre est tronquée dans un onglet ou un favori.
WordPress — génération dynamique correcte
✓ Conforme<?php
// Dans functions.php du thème :
add_theme_support('title-tag');
// WordPress génère automatiquement le bon <title>
// selon le type de page (single, archive, 404...)
// via wp_get_document_title()
// Résultat sur un article :
// <title>Titre de l'article - Nom du site</title>
?>add_theme_support('title-tag') délègue la génération du <title> au coeur de WordPress. Ne jamais coder le <title> en dur dans le header — il ne s'adaptera pas au contenu de chaque page.
Référence WCAG : 2.4.2