Définissez une balise <title> sur chaque page

Ce que vérifie ce contrôle

Cherche un élément <title> non vide dans le <head> de la page. Le contrôle échoue lorsque :

La balise est manquante.
Le contenu est vide (<title></title>).
Le contenu est le défaut du framework (Untitled, Document, Vite + React, Astro Starter, etc.).

Il s’agit du contrôle de présence. Le contrôle complémentaire Longueur de titre optimale vérifie que le titre tient dans la fenêtre de 30–60 caractères.

Pourquoi c’est important

La balise title est l’élément textuel le plus influent de la page.

Le signal on-page le plus fort. Google confirme depuis plus de dix ans que <title> est l’un des trois principaux facteurs de classement on-page (avec le contenu et le H1).
Le titre dans chaque résultat de recherche. Ce que voient les utilisateurs dans Google, Bing, DuckDuckGo et chaque moteur de réponse IA. Un titre manquant force Google à en générer un depuis votre <h1> ou le texte visible — souvent faux, parfois embarrassant.
Texte de l’onglet navigateur. Un utilisateur avec 20 onglets ouverts identifie votre page par les 15-20 premiers caractères du titre. « Untitled » ou « Page » est introuvable.
Aperçus de liens partagés. Quand og:title est manquant, Facebook, LinkedIn, Slack et X reviennent au <title>. Définissez les deux — voir Balises Open Graph essentielles.
Extraction par l’IA. ChatGPT, Perplexity et Google AI Overviews utilisent le title comme titre lorsqu’ils citent la page dans une réponse.

Comment le corriger

Placez un titre unique et descriptif dans le <head>. Collez à l’intention de l’utilisateur — que taperait-il dans Google pour trouver cette page ?

<head>
  <title>Audit SEO gratuit en 60 secondes — MetricSpot</title>
</head>

Pattern : mot-clé spécifique à la page d’abord, puis marque.

[Contenu spécifique à la page] — [Nom de marque]

Exemples :
- Audit SEO gratuit en 60 secondes — MetricSpot
- Tarifs — MetricSpot
- Comment fonctionne HSTS — Docs MetricSpot

Le tiret comme séparateur est un visuel apprécié par Google ; tiret demi-cadratin, tiret cadratin et barre verticale fonctionnent tous. Choisissez-en un et utilisez-le de façon cohérente sur le site.

Astro :

---
const { title } = Astro.props;
---
<title>{title} — MetricSpot</title>

Next.js (App Router) :

// app/page.tsx
export const metadata = {
  title: "Audit SEO gratuit en 60 secondes — MetricSpot",
};

// Template pour les routes imbriquées
// app/layout.tsx
export const metadata = {
  title: { default: "MetricSpot", template: "%s — MetricSpot" },
};

WordPress — tout thème moderne émet <?php wp_title(); ?> ou utilise le hook wp_head(). Yoast SEO et Rank Math permettent tous deux de définir un template de titre depuis SEO → Search Appearance.

Règles imposées par Google.

Un seul titre par page. Plusieurs balises <title> = comportement indéfini ; les navigateurs et Google lisent la première et ignorent le reste.
Le titre dans le <head>, pas dans le body. Un titre à l’intérieur de <body> ne compte pas comme titre de page.
Pas de bourrage de mots-clés. « Meilleur outil SEO | Audit SEO | Auditer SEO | Check SEO | … » est un pattern de violation de qualité Google qui fait réécrire le titre.
Pas de MAJUSCULES. Google réécrit les titres en majuscules en casse de titre dans les résultats de recherche.

Vérifiez vous-même :

curl -s https://votredomaine.com/ | grep -oE '<title>[^<]*</title>'

Si la sortie est vide, manquante ou montre un placeholder de framework, le titre est cassé.

Questions fréquentes

Chaque page doit-elle avoir un titre unique ?

Oui. Les titres dupliqués embrouillent Google sur la page à afficher pour une requête, et Search Console les signale comme problème qualité. Si deux pages ont légitimement le même titre (archives paginées, variantes de tri), utilisez un rel="canonical" pour les consolider.

Le titre affecte-t-il le favicon de l’onglet ?

Non — c’est le favicon (un fichier séparé). Le titre est le texte dans l’onglet. Les deux comptent, les deux doivent être définis.

Et si je définis le titre dynamiquement en JavaScript ?

Le titre rendu côté serveur est ce que Google lit au premier crawl. Googlebot rend bien le JavaScript au second passage, donc un titre fixé en JS est récupéré — mais avec un délai de quelques heures à quelques jours. Pour les pages où le classement compte, définissez le titre côté serveur.