Balise title : définition, rôle et nombre de caractères

La balise title, c'est quoi ?

Dans le code, elle s'écrit <title> et se range dans l'en-tête du document, entre les balises head — jamais dans le corps du texte. Cet élément HTML définit le titre que les navigateurs et les moteurs de recherche affichent pour votre page. Obligatoire, unique, présent une fois et une seule sur chaque page. Techniquement, c'est une ligne de code ; commercialement, c'est votre vitrine dans la page de résultats.

Son nom sème le doute. « Title », en anglais, veut dire « titre », rien de plus, et beaucoup de dirigeants la confondent avec le gros titre affiché en haut de l'article : pourtant, rien à voir ! Vous ne la lisez pas dans le contenu de la page. Elle apparaît ailleurs : dans l'onglet du navigateur, dans vos favoris, et surtout dans les résultats de votre moteur de recherche.

Ce que voit réellement l'internaute

Sur la page de résultats, votre title devient le lien bleu que l'on clique. Dessous s'affichent deux lignes grises, reprises de la meta description. L'ensemble porte un nom : extrait, ou snippet. Le titre se lit en premier, et le verdict tombe en une seconde — on clique, ou on glisse vers la ligne suivante.

À quoi sert la balise title

Deux missions, aucune contradiction entre elles. Du côté des moteurs, ce titre résume le sujet : l'algorithme s'en sert comme l'un de ses premiers signaux pour comprendre le thème que vous traitez et rattacher la page à une requête. Du côté des internautes, il vaut promesse. Et cette promesse doit tenir une fois le clic passé.

Voilà pourquoi elle pèse autant en référencement naturel. Un title juste fait gagner des positions, et surtout du taux de clic, l'indicateur le plus parlant qu'un site puisse vous donner. Classées au même rang, deux pages peuvent récolter des trafics qui n'ont rien de comparable. Rare chantier d'optimisation qui se règle en quelques minutes et se mesure aussitôt : ne le laissez pas de côté.

Une seule balise title par page, sans exception

La consigne vaut partout : accueil, fiches produits, pages de services, articles. Chaque page mérite le sien, et un seul. Ne recopiez jamais un intitulé d'un modèle à l'autre. Des titres dupliqués brouillent la lecture de votre site par les moteurs et, pire, mettent vos propres pages en concurrence. Gros catalogue ? Automatisez avec un gabarit, puis reprenez à la main celles qui comptent vraiment.

Longueur de la balise title : combien de caractères ?

Google ne compte pas les caractères : il mesure une largeur d'affichage, en pixels. En pratique, la cible retenue tourne autour de 55 à 60 caractères, espaces compris, pour que le titre passe en entier sur ordinateur comme sur mobile. Au-delà ? Le moteur coupe la fin et la remplace par des points de suspension.

Aucune sanction pour un titre trop long : il est simplement tronqué. Le vrai danger se situe ailleurs. Si votre argument décisif attend en fin de ligne, personne ne le verra jamais. L'excès inverse se rencontre aussi, car un titre de trois mots laisse du vide et prive le lecteur de contexte. Visez la bonne longueur plutôt que le remplissage.

Comment rédiger une balise title efficace

Tout se joue sur la hiérarchie. Placez le mot-clé principal en tête, puis l'élément qui distingue cette page des autres ; le nom de la marque ferme la marche, si la place le permet. Le début compte double (c'est à la fois ce que les moteurs lisent en priorité et ce qu'un petit écran laisse apparaître).

• Le mot-clé visé dans les trois premiers mots, orthographié comme vos clients le tapent.
• Un détail concret qui donne envie de cliquer : ville, délai, garantie, type de prestation.
• Une phrase qui se lit vraiment, loin de l'empilement de termes séparés par des tirets.
• Votre nom d'entreprise en dernier, et uniquement s'il reste de la longueur disponible.
• Un intitulé distinct de celui de la page voisine, même quand deux produits se ressemblent.

Méfiez-vous de la suroptimisation, un réflexe que je retrouve sur presque tous les sites refaits à la hâte. Marteler trois fois la même expression ne fait monter aucune page : la lecture en souffre et le moteur finit par réécrire le titre à votre place. Un test suffit, relisez le vôtre à voix haute. S'il ressemble à une phrase qu'un humain pourrait prononcer, il est prêt. Sur les sites volumineux, nous construisons ces gabarits de titres page par page, dans le cadre d'une mission de référencement SEO.

Balise title, meta description et balises Hn : qui fait quoi

Trois éléments portent du texte de tête, et on les mélange sans arrêt. Le premier, la balise title, annonce la page vers l'extérieur. La meta description, elle, résume en deux lignes sous le lien : aucun rôle de classement direct, mais un poids réel sur la décision de clic. Quant au H1, il s'affiche en haut de la page et ne se lit qu'une fois le visiteur arrivé chez vous.

Différence entre la balise title et le H1

L'une parle à ceux qui n'ont pas encore cliqué, l'autre à ceux qui sont déjà chez vous. Elles peuvent se ressembler sans se confondre : le titre HTML doit entrer dans un affichage contraint, là où le H1 s'autorise plus de longueur et plus d'écriture. Une balise title ou meta description par page, un H1 unique, puis des H2 et des H3 pour découper le texte : voilà l'ordre à tenir. Le title ne remplace pas cette hiérarchie interne. Il la précède.

Les balises Hn structurent le contenu

De H1 à H6, ces balises dessinent le plan de la page. Elles guident le lecteur qui parcourt le texte et aident les moteurs à repérer les sous-sujets traités. Un H2 ouvre une grande partie, un H3 détaille un point, un H4 traite un cas particulier. Dès que vous travaillez un cocon sémantique, cette mécanique devient précieuse, puisque chaque niveau de titre annonce le contenu du bloc qu'il introduit. Mal employées — un H3 avant le H2, des titres choisis pour leur taille de police —, elles désorganisent tout. Le title, lui, surplombe l'ensemble.

Les erreurs qui coûtent du trafic

• Garder le titre par défaut du CMS : « Accueil », « Page 1 », ou le nom du thème installé.
• Dupliquer un même intitulé sur des dizaines de pages d'un catalogue.
• Rédiger si long que le moteur en tronquera la moitié.
• Négliger la page d'accueil, celle qui reçoit pourtant le plus de visites.
• Mélanger la balise title et l'attribut title d'un lien ou d'une image.

Ce dernier point réclame une précision, tant la confusion revient dès qu'on parle d'images. L'attribut title d'une image fait apparaître une infobulle au survol ; l'attribut alt, lui, décrit l'image pour les moteurs et pour les personnes non voyantes. Tous deux s'écrivent dans la balise img, et aucun des deux ne tient le rôle du titre de page.

WordPress, PrestaShop, n'importe quel autre CMS : le champ se modifie sans toucher au code, depuis un réglage dédié ou une extension SEO. Contrôlez ensuite le rendu réel. C'est la seule façon de savoir ce qui finit par s'afficher dans les résultats. La Search Console vous donne les titres affichés et les impressions, et repère vite les pages dont l'intitulé ne déclenche aucun clic.

Questions fréquentes