La balise titleBalise HTML définissant le titre d'une page, affiché dans les SERP et l'onglet du navigateur. Facteur de ranking important. est l'élément HTML <title>, placé dans le <head> de la page, qui lui donne son titre. Google s'en sert en priorité pour le titre cliquable de ses résultats, et le navigateur l'affiche dans l'onglet et les favoris. Un bon title décrit la page en quelques mots, avec la requête et la promesse en tête, sans empiler les mots-clésTerme ou expression que les utilisateurs saisissent dans un moteur de recherche. Base de toute stratégie SEO..
Deux mécanismes changent la façon de l'écrire. Google ne fixe aucune limite de longueur mais coupe le titre affiché selon la largeur de l'écran, et il remplace parfois votre title par un autre texte de la page. Les règles de rédaction, les modèles par type de page et la méthode d'audit qui suivent partent de là.
Balise title : définition et place dans le code HTML
La balise title est le titre du document HTML : un texte brut, placé dans le <head>, qui n'apparaît pas dans le corps de la page. Elle s'écrit ainsi, ici avec un exemple de page catégorie :
<head>
<meta charset="utf-8">
<title>Chaussures de trail homme : 240 modèles en stock | Boutique X</title>
</head>
MDN, la documentation de référence de Mozilla, fixe les deux règles de base : l'élément <title> est toujours utilisé dans le <head>, et un <head> n'en contient qu'un seul. Quand un crawl remonte deux titles sur la même page, Screaming Frog en attribue souvent la cause à deux plugins ou modules du CMS qui écrivent chacun le leur.
Le title sert à plusieurs endroits. Google l'utilise pour le titre cliquable du résultat, qu'il appelle le lien de titre. Son guide de démarrage rappelle que ce texte peut aussi servir de titre dans les onglets du navigateur et dans les favoris. Les réseaux sociaux, eux, lisent d'abord les balises Open Graph, on y revient plus bas.
Chaque page de votre site a besoin du sien. Google le demande dans sa documentation sur les liens de titre : un élément <title> sur chaque page, avec un texte distinct qui décrit son contenu. Son contre-exemple parle de lui-même : un site de vente dont toutes les pages s'appellent « Produits bon marché à vendre », où l'internaute ne peut plus distinguer une page d'une autre.
Ce que Google fait de votre title
Google traite votre title comme une proposition : il le reprend pour le lien de titre dans la grande majorité des cas, et le remplace quand il le juge peu fidèle à la page.
La génération du lien de titre est entièrement automatique. Google cite ses sources : le contenu de l'élément <title>, le titre visuel principal de la page, les titres comme le <h1>, la balise og:title, les autres textes mis en avant par le style, le reste du texte de la page, les ancres présentes sur la page, le texte des liens qui pointent vers elle et les données structurées WebSite.
Le title reste la source principale. En août 2021, Google a revu son système de titres et indiquait que le contenu de la balise était utilisé dans plus de 80 % des cas. Après les retours des éditeurs, il annonçait le mois suivant environ 87 %. C'est un chiffre de 2021 : prenez-le comme un ordre de grandeur.
Les cas de réécriture sont documentés, avec des exemples :
- Title à moitié vide, du type « | Nom du site » : Google va chercher le nom du produit dans les titres visibles de la page.
- Title obsolète : « Critères d'admission 2020 » sur une page qui affiche 2021 en grand ; Google reprend la date du titre visible.
- Title inexact, qui énumère des produits que la page ne présente pas : Google le resserre sur ce que la page montre vraiment.
- Texte micro-récurrent : le même title sur toutes les saisons d'une série, que Google complète avec le numéro de saison lu sur la page.
- Titre principal peu clair, quand plusieurs titres ont le même poids visuel, et langue différente de celle du contenu.
Google peut aussi retirer le nom du site du lien de titre quand il répète celui déjà affiché au-dessus du résultat.
Et pour le classement ? MDN range le contenu du titre parmi les éléments que les moteurs utilisent pour ordonner les résultats, et Google n'en chiffre pas le poids. L'effet que vous mesurerez le plus facilement reste le clic : pour Google, le lien de titre est bien souvent l'information principale sur laquelle l'internaute décide de cliquer ou non.
Après une modification, comptez quelques jours à quelques semaines : Google doit réexplorer la page pour prendre en compte le nouveau title.
Quelle longueur pour une balise title ?
Google ne fixe aucune longueur : sa documentation dit qu'il n'y a « aucune limite de longueur » pour l'élément <title>, mais que le lien de titre est tronqué si nécessaire, généralement pour s'adapter à la largeur de l'appareil.
La contrainte est donc une largeur d'affichage, qui change avec l'écran et avec les lettres : un « m » prend plus de place qu'un « i ». Les chiffres en caractères que vous croisez sont des repères d'outils.
Screaming Frog signale les titles de plus de 60 caractères et ceux qui dépassent un seuil en pixels, en précisant que ce seuil est une approximation que Google ajuste souvent. Semrush conseille de rester à 70 caractères ou moins. Shopify accepte jusqu'à 70 caractères dans son champ et conseille de ne pas dépasser 60. PrestaShop recommande environ 60 caractères.
La règle utile tient en une phrase : ce qui fait cliquer doit rester lisible une fois le titre coupé. Mettez la requête et la promesse au début, la marque à la fin, là où une coupure coûte le moins.
Gardez aussi le title court pour une autre raison. Quand Google a expliqué en 2021 pourquoi il ne se limite pas à la balise, il citait en premier les titles très longs. Un test publié par SearchPilot va dans le même sens : sur un site de voyage, des titles raccourcis pour que le prix reste visible ont produit une hausse de 11 %. C'est le résultat d'un client sur un gabarit, à tester chez vous avant de généraliser.
Rédiger un title qui donne envie de cliquer
Un title efficace répond en quelques mots à deux questions de l'internaute : est-ce la page que je cherche, et pourquoi celle-ci plutôt que la voisine ?
Partir de la requête et de l'intention
Écrivez le title à partir de la requête que la page doit capter et de ce que l'internaute attend derrière : une liste de produits, un guide, un comparatif, une adresse. Les termes se choisissent avec une analyse des mots-clés : volume, intention et vocabulaire réel des internautes. Le mot qui porte la requête va au début.
Placer la marque
Google conseille d'ajouter la marque en restant concis : au début ou à la fin du title, séparée du reste par un tiret, une barre verticale ou deux-points. La page d'accueil peut en dire un peu plus sur le site, Google donne l'exemple « ExampleSocialSite, un endroit où les gens peuvent se rencontrer et échanger ».
À la fin, la marque est le premier mot sacrifié quand l'écran coupe. Pour une enseigne très connue, la mettre en tête peut pourtant payer : SearchPilot a mesuré plus de 15 % de trafic organiqueVisites provenant des résultats de recherche naturels (non payants) des moteurs de recherche. en plus chez une marque connue qui a des magasins. Un résultat à tester sur votre propre site.
Un title distinct par page, même généré
Sur un catalogue de plusieurs milliers de fiches, personne n'écrit les titles à la main. Le modèle combine les champs de la page (nom du produit, marque, attribut qui compte pour l'acheteur) et chaque page sort avec un title différent.
Google déconseille le long texte récurrent dont une seule information change : son exemple est un site musical où chaque page porte « Nom du groupe : consultez les vidéos, les paroles, les affiches, les albums, les avis et les concerts ». Écrivez « vidéos » seulement sur les pages qui en ont.
Coller au contenu, sans bourrage
Un title qui promet ce que la page ne tient pas renvoie l'internaute vers les résultats, et Google peut le remplacer s'il le juge inexact. L'accumulation de mots-clés n'aide personne : Google prend l'exemple de « Trucbidule, truc bidule, trucbidules, trucs bidules » et prAlgorithme historique de Google évaluant l'importance d'une page selon ses backlinks. Toujours utilisé en interne.évient que ce genre de title peut faire passer le site pour du spamTechniques manipulatrices visant à tromper les moteurs de recherche..
Un chiffre ou une date aident au clic s'ils sont vrais et tenus à jour. Un title daté de l'an dernier fait partie des cas de réécriture documentés, et Google déconseille même les prix des vols, qui changent trop vite pour rester exacts dans le résultat.
Exemples de balises title par type de page
Chaque type de page a son modèle : la requête qu'il vise change, donc l'ordre des mots aussi. Les exemples ci-dessous concernent une boutique fictive de chaussures de sport.
| Type de page | Modèle | Exemple |
|---|---|---|
| Page d'accueil | Marque : activité et promesse | « Boutique X : chaussures de running et de trail, conseils de coureurs » |
| Catégorie | Catégorie, précision utile, marque | « Chaussures de trail homme : 240 modèles en stock | Boutique X » |
| Fiche produitPage dédiée à un produit, devant être optimisée avec description unique, images et données structurées. | Marque et modèle, attribut clé, marque du site | « Marque Y Modèle Z homme, drop 8 mm | Boutique X » |
| Article de blog | Sujet et angle | « Choisir ses chaussures de trail : 7 critères selon le terrain » |
| Page magasin d'un réseau | Enseigne, ville, service local | « Boutique X Lille Centre : horaires, stock et retrait en magasin » |
À l'inverse, trois titles qui ne servent à rien : « Accueil », que Google cite comme descripteur vague ; « Smartphones, téléphones, appareils, technologie, comparatif, prix bas, pas cher », une suite de mots-clés sans phrase ; « Produits bon marché à vendre » répété sur toutes les pages du site.
Les pages catégorie et produit ont leurs propres arbitrages, détaillés dans nos guides du SEO des pages catégorie et de la fiche produit SEO. Pour un article, le title se pense avec le reste de la page : notre méthode pour rédiger un article SEO part de la SERP visée.
Title, H1, meta description et og:title : qui fait quoi
Ces quatre éléments décrivent la même page à des endroits différents : le title pour le résultat de recherche et l'onglet, le H1Balise HTML du titre principal d'une page. Il ne doit y en avoir qu'un seul par page. pour la page elle-même, la meta descriptionBalise HTML décrivant le contenu d'une page. Affichée sous le titre dans les SERP, elle influence le CTR. pour l'extrait, og:title pour les partages.
Quelle différence entre la balise title et la balise H1 ?
Le H1 est le titre visible en haut de la page ; le title vit dans le <head> et ne se voit que dans les résultats et l'onglet. Les deux se répondent : Google cite le titre visuel principal et le <h1> parmi les sources du lien de titre, et demande que le titre principal de la page se distingue des autres textes. Un title et un H1 qui disent la même chose limitent les réécritures.
Ils n'ont pas à être identiques. Le title porte la requête et la marque pour la page de résultatsSearch Engine Results Page. Page affichée par un moteur de recherche en réponse à une requête utilisateur. ; le H1 parle au lecteur déjà arrivé. Screaming FrogLogiciel de crawl permettant d'auditer techniquement un site web. classe d'ailleurs ce cas comme une simple piste d'optimisation.
Meta description et extrait
La meta description propose un résumé pour l'extrait affiché sous le titre. Sous le titre, Google construit l'extrait surtout à partir du contenu de la page, et reprend parfois la balise quand elle décrit la page plus précisément. Les trois formes de snippet SEO, du résultat classique à la position 0 se travaillent chacune avec un levier différent. Côté longueur, la meta description se raisonne elle aussi en largeur d'affichage, comme l'explique notre guide de la meta description.
og:title et réseaux sociaux
Sur Facebook, LinkedIn ou X, l'aperçu d'un lien partagé vient d'abord des balises Open Graph. Sans elles, Facebook indique que son robot devine le titre, la description et l'image avec ses propres règles : vous ne choisissez plus ce qui s'affiche. og:title compte aussi pour Google, qui le cite parmi les sources du lien de titre. Notre guide des balises Open Graph détaille quoi y mettre et comment les auditer.
Modifier la balise title dans votre CMS
La plupart des CMS transforment le titre que vous saisissez en élément <title>, Google le rappelle dans son guide de démarrage. Le champ SEOSearch Engine Optimization. Ensemble des techniques visant à améliorer le positionnement d'un site web dans les résultats naturels des moteurs de recherche. sert à le remplacer quand le titre éditorial ne convient pas au résultat de recherche.
| CMS | Title par défaut | Où le modifier |
|---|---|---|
| WordPress | Titre de la page, un séparateur et le nom du site (accueil : nom et slogan), si le thème gère le title | Champ « Titre SEO » de Yoast SEO dans l'éditeur ; modèles par type de contenu dans Yoast SEO, Réglages, Types de contenu |
| PrestaShop | Nom du produit si le champ reste vide | Fiche produit, onglet « Référencement - SEO », champ « Balise titre » ; pages fixes (accueil, contact) dans Paramètres de la boutique > Trafic et SEO > SEO et URLUniform Resource Locator. Adresse unique d'une page web. Une URL optimisée est courte, descriptive et contient le mot-clé. |
| Shopify | Écrit par le thème (objet Liquid page_title) | Section « Aperçu de la fiche sur les moteurs de recherche », champ Titre de la page (70 caractères au plus) |
| Wix | Titre par défaut posé par Wix | Pages et menu, Plus d'actions, Bases de référencement, Balise Title |
| Joomla | Titre de l'élément de menu | Élément de menu, onglet d'affichage de la page, champ Browser Page Title |
| Drupal | Avec le module Metatag : titre du contenu, puis nom du site | Modèles Metatag par type de contenu, ou onglet Metatag du contenu |
Vérifiez ensuite le title réellement servi, dans le code source de la page ou dans un crawl : deux plugins SEO actifs, ou un thème qui écrit son propre title, produisent des titles multiples.
Sur PrestaShop, le reste des réglages de la boutique (URL simplifiées, robots.txtFichier texte à la racine d'un site indiquant aux robots quelles pages explorer ou ignorer., produits désactivés) est détaillé dans notre guide de l'optimisation SEO sur PrestaShop. Vous êtes sur PrestaShop ? Découvrez notre agence SEO spécialisée sur PrestaShop. Pour choisir une plateforme, notre comparatif des CMS e-commerce passe en revue leurs réglages SEO.
Auditer et mesurer vos titles
Un audit de titles se fait en quatre passes : le crawl pour les erreurs de structure, la comparaison avec ce que Google affiche, la réécriture, puis la mesure du CTRClick Through Rate. Pourcentage d'utilisateurs qui cliquent sur un lien par rapport au nombre total d'impressions..
Repérer les erreurs au crawl
L'onglet Page Titles de Screaming Frog trie les titles par problème : manquant, en double, plusieurs titles sur une page, title placé hors du <head>, plus long que le seuil en pixels. Le filtre « identique au H1 » relève de l'optimisation : l'outil y voit une occasion de viser une variante de la requête.
Notre guide de Screaming Frog montre comment lancer le crawl et exporter ces listes. Commencez par les doublons et les titles manquants sur les pages qui reçoivent des impressionsNombre de fois qu'une page apparaît dans les résultats de recherche, qu'elle soit cliquée ou non..
Comparer votre title au titre affiché
Le rapport Performances de la Search ConsoleOutil gratuit Google pour surveiller et optimiser la présence d'un site dans les résultats de recherche. donne les clics et les impressions par page ; le titre affiché, lui, se relève à la main. Pour chaque page qui compte, tapez sa requête principale et comparez le lien de titre avec votre balise. Un écart vous dit que Google a préféré une autre source, souvent le H1 ou un texte mis en avant : reprenez le title pour qu'il colle à la page, ou le H1 s'il est devenu flou.
Mesurer un nouveau title
La Search Console calcule le CTR en divisant les clics par les impressions. Comparez deux périodes de même durée, avant la modification et après le passage de GooglebotRobot d'exploration de Google qui parcourt le web pour découvrir et indexer les pages., et seulement à position stable : une page qui gagne deux places voit son CTR monter sans que le title y soit pour quelque chose.
Ne changez pas le title et la meta description le même jour, sinon vous ne saurez pas lequel des deux a joué. Comparez la page à elle-même plutôt qu'à un tableau de CTR moyen par position : la plupart datent d'avant les AI Overviews.
Tester un modèle sur tout un gabarit
Les outils d'A/B testing des équipes conversionAction souhaitée accomplie par un visiteur (achat, inscription, contact). Objectif ultime du SEO. répartissent les visiteurs d'une même URL entre deux versions, souvent par un cookie. Ils ne peuvent pas tester un title de SERP : Google rappelle que Googlebot n'accepte en général pas les cookies et ne voit que la version servie sans cookie, donc un seul title arrive dans les résultats.
Pour un nouveau modèle sur des centaines de pages, le protocole adapté est le test SEO sur deux groupes de pages : un groupe garde l'ancien title, l'autre reçoit le nouveau, et l'écart de clics organiques tranche.
Par où commencer ? Par les pages qui ont des impressions et dont le titre affiché diffère de votre balise : ce sont celles où Google vous dit déjà que le title ne décrit pas assez bien la page.
Questions fréquentes
La balise title est-elle une balise meta ?
Non. Le title est un élément HTML à part, <title>, placé dans le <head> à côté des balises <meta>. Beaucoup d'outils et de CMS parlent pourtant de « meta title » : c'est le même texte.
Combien de caractères faut-il pour une balise title ?
Google ne fixe aucune limite : il tronque le titre affiché selon la largeur de l'écran. Screaming Frog alerte au-delà de 60 caractères et SemrushSuite d'outils SEO complète pour l'analyse concurrentielle, les mots-clés et le suivi de positions. au-delà de 70 : des repères d'outils. Le plus sûr est de placer la requête et la promesse dans les premiers mots.
Pourquoi Google n'affiche-t-il pas ma balise title ?
Google remplace le title quand il le juge vide, obsolète, inexact, répétitif ou trop long, et prend alors un autre texte : le H1, un titre visible, og:title ou les ancresTexte cliquable d'un lien hypertexte. Doit être descriptif et pertinent. des liens. Corrigez le title pour qu'il décrive la page, puis attendez la réexplorationProcessus par lequel les robots des moteurs de recherche parcourent et analysent les pages web., de quelques jours à quelques semaines.
Peut-on avoir plusieurs balises title sur une page ?
Non. Un <head> ne contient qu'un seul élément <title>. Un crawl qui en trouve deux révèle souvent deux plugins SEO qui écrivent chacun le leur, ou un thème qui écrit le sien en plus du plugin : désactivez la sortie en double.
Sources
- Influencer les liens de titre dans la recherche Google, Google Search Central
- SEO Spider, onglets (Page Titles), Screaming Frog, screamingfrog.co.uk
- Site Audit Issues List, Semrush, semrush.com
- Ajouter des mots-clés et un titre à vos pages, Centre d'aide Shopify, help.shopify.com
- PrestaShop, formulaire SEO de la fiche produit (code source), github.com
- Pack de traduction fr-FR de PrestaShop 9.2.0 : i18n.prestashop-project.org/translations/9.2.0/fr-FR/fr-FR.zip
- An update to how we generate web page titles, Google Search Central Blog, 24/08/2021
- More info about our update to how we generate web page titles, Google Search Central Blog, 17/09/2021
- 10 SEO A/B tests with an impact of over 10 %, SearchPilot : searchpilot.com/resources/blog/10-seo-ab-tests-with-an-impact-of-over-10-percent
- L'élément title, MDN (français)
- The Document Title element, MDN
- Bien débuter en référencement naturel (SEO), Google Search Central
- Rapport sur les performances, Aide Search Console, Aide Google
- Réduire l'impact des tests A/B dans la recherche Google, Google Search Central
- A Guide to Sharing for Webmasters, Meta for Developers : developers.facebook.com/docs/sharing/webmasters/
- wp_get_document_title(), WordPress Developer Resources, developer.wordpress.org
- add_theme_support(), WordPress Developer Resources, developer.wordpress.org
- How to change SEO title and meta description templates in Yoast SEO, Yoast, yoast.com
- page_title, Shopify Liquid reference, shopify.dev
- Ajouter des balises Title et des meta descriptions à vos pages, Centre d'assistance Wix : support.wix.com/fr/article/meta-tags
- Help5.x:Menus: Options, documentation Joomla : docs.sandbox.joomla.org/Help5.x:Menus:_Options
- Metatag, configuration par défaut des contenus (dépôt Drupal) : git.drupalcode.org/project/metatag/-/raw/2.1.x/config/install/metatag.metatag_defaults.node.yml
- Contrôler vos extraits dans les résultats de recherche, Google Search Central