Guide · 8 min de lecture

Troncature des titres par appareil : des pixels, pas des caractères

Pourquoi deux titres de même longueur sont coupés à des endroits différents, combien de texte tient dans chaque mise en page, et comment écrire des titres qui gardent leur accroche.

Réponse rapide

Les flux coupent les titres selon la largeur en pixels, pas selon le nombre de caractères. La plupart des mises en page affichent deux lignes puis ajoutent des points de suspension : sur ordinateur, environ 60 à 70 caractères latins tiennent, sur mobile environ 55 à 70, et dans les listes étroites de la barre latérale à peine 40 à 50. Les lettres larges comme W et M prennent plus de place que i et l, et les majuscules occupent environ 20 à 30 % d’espace en plus. Placez l’accroche dans les 40 premiers caractères et vérifiez chaque mise en page avant de publier.

2Lignes avant la coupure
pxMesuré en pixels, pas en caractères
4Mises en page vérifiées

Comment fonctionne vraiment la troncature

Les mises en page web et mobiles attribuent au titre une boîte de largeur fixe et un nombre maximal de lignes. Le texte est disposé mot par mot ; quand il dépasse la dernière ligne, le reste est masqué et des points de suspension (…) sont dessinés. Sur le web, cela passe par des propriétés CSS comme text-overflow et line-clamp, qui raisonnent en largeur rendue, et non en nombre de caractères saisis.

Le formulaire d’envoi accepte parfois jusqu’à 100 caractères, mais c’est une limite de stockage, pas d’affichage. Ce que voit le spectateur dépend de la police, de sa taille, de la largeur de la carte sur son écran et de la langue du titre.

“La propriété CSS text-overflow définit la façon dont un contenu qui dépasse et qui est masqué est signalé aux utilisateurs. Il peut être rogné, afficher des points de suspension ('…') ou afficher une chaîne personnalisée.”

text-overflow — MDN Web Docs · citation traduite de l’anglais

Ce qui tient dans chaque mise en page

Les chiffres ci-dessous sont des approximations mesurées sur des mises en page courantes avec une police d’interface sans empattement typique. Ils varient avec la largeur d’écran et le zoom : voyez-les comme des fourchettes. Le point important, c’est que la barre latérale contient bien moins que la grille principale.

Mise en pageLargeur de la boîte titreLignes affichéesCaractères latins approx.Caractères CJC approx.
Grille bureau~310–360 px260–7030–36
Flux mobile~300–340 px255–7028–34
Résultats de recherche~500–600 px290–11045–55
Barre latérale / à suivre~200–230 px240–5020–25
Interface TV~380 px vue à 3 mètres245–5522–28

Les caractères chinois, japonais et coréens sont à peu près carrés et environ deux fois plus larges qu’une lettre latine moyenne : il en tient donc moitié moins. Les titres allemands et néerlandais contiennent souvent de longs mots composés qui passent tôt à la ligne et laissent des premières lignes courtes.

Pourquoi le caractère est la mauvaise unité

Dans une police proportionnelle, chaque lettre a sa propre largeur. Un W majuscule peut être trois fois plus large qu’un i minuscule. Un titre tout en capitales peut prendre 25 % de place de plus que les mêmes mots en casse normale, et les chiffres ont généralement tous la même largeur, supérieure à celle d’une lettre moyenne.

Illustration simple avec le même total de 30 caractères : « Illicit little lilies in Lille » est étroit, tandis que « WWW MAKEOVER: MOM’S NEW HOME » est large. Le premier tient facilement sur une ligne de barre latérale ; le second peut passer à la ligne après 18 caractères. C’est pourquoi ThumbProof mesure chaque titre avec le rendu réel de la police au lieu de compter les caractères.

Style de titreLargeur relativeExemple
Casse de phrase100 %I tried every thumbnail trick
Majuscule à chaque mot~104 %I Tried Every Thumbnail Trick
TOUT EN CAPITALES~125–130 %I TRIED EVERY THUMBNAIL TRICK
Beaucoup de chiffres~110 %2026 vs 2016: 10 years later

Écrire des titres qui survivent à la coupe

Mettez l’accroche en tête. Les spectateurs lisent depuis la gauche, et sur les mises en page étroites la seconde moitié peut ne jamais s’afficher. Placez le résultat, le chiffre ou le rebondissement dans les 40 premiers caractères, et réservez le reste aux détails secondaires.

Supprimez les mots de remplissage comme « dans cette vidéo », « comment j’ai » ou le nom de la chaîne en début de titre. Évitez que la partie visible se termine sur un mot faible. Si les points de suspension tombent au milieu de l’expression clé, réécrivez pour qu’elle se termine avant la coupe sur toutes les mises en page, pas seulement sur ordinateur.

  • Accroche dans les 40 premiers caractères
  • Pas de nom de chaîne en tête
  • Casse de phrase pour les titres longs
  • Vérifier la barre latérale, pas seulement le bureau

Vérifier la troncature du titre en quatre étapes

  1. 01

    Écrivez deux ou trois options

    Rédigez une version longue et une courte de la même idée, avec l’accroche à une position différente.

  2. 02

    Collez-les dans l’outil

    Chaque emplacement de version a son propre champ de titre : vous testez titres et images ensemble.

  3. 03

    Lisez la mesure de troncature

    L’indicateur montre où chaque mise en page coupe le titre, mesuré en pixels pour le bureau, le mobile, la recherche et la barre latérale.

  4. 04

    Avancez l’accroche

    Si l’expression clé est coupée sur une mise en page, réécrivez jusqu’à ce qu’elle tienne partout avant les points de suspension.

Titres dans d’autres langues et écritures

Si vous publiez en plusieurs langues, vérifiez chaque traduction séparément. Les mots composés allemands, néerlandais et finnois ne peuvent pas être coupés au milieu : un seul long mot peut repousser toute la ligne et laisser la première à moitié vide. Les titres français et espagnols sont souvent 15 à 25 % plus longs que l’original anglais, ce qui repousse l’accroche au-delà de la coupe.

Les titres chinois, japonais et coréens se coupent entre presque deux caractères quelconques, ils remplissent donc les lignes régulièrement, mais chaque caractère est large. Un titre chinois de 30 caractères remplit déjà deux lignes en barre latérale. Les titres mixtes, mêlant caractères CJC, mots latins et chiffres, demandent une attention particulière : les parties latines sont plus étroites et la coupure peut tomber au milieu d’un nom de marque ou de modèle.

LangueLongueur typique vs anglaisPoints de vigilance
Allemand / néerlandais+10–30 %Longs mots composés impossibles à couper
Français / espagnol / italien / portugais+15–25 %Articles et prépositions qui repoussent l’accroche
Japonais / chinois / coréen−40–50 % de caractères, mais glyphes largesCoupures au milieu de noms de produits latins

Titre et miniature, un duo

Le titre et l’image se lisent ensemble. Si la miniature affiche déjà « 10 MIN », le titre n’a pas besoin de commencer par « En 10 minutes » ; il peut plutôt nommer le plat ou la méthode. Vous gagnez aussi de la largeur. Un bon test consiste à cacher la miniature et à lire seulement la partie visible du titre, puis l’inverse. Chacun doit avoir du sens seul et apporter quelque chose à l’autre.

Accessibilité et extraits de recherche

Le titre complet est toujours lu par les lecteurs d’écran et affiché en entier sur la page de lecture, dans les moteurs de recherche et dans les aperçus de liens : la partie masquée n’est donc pas perdue. Utilisez-la pour un contexte qui aide à décider, comme le numéro d’épisode, le nom du modèle ou l’année. Assurez-vous seulement que la partie visible tient debout seule.

Les pages de résultats de recherche montrent une plus grande part du titre que les flux, souvent 90 caractères ou plus, et peuvent mettre en gras les mots correspondant à la requête. Un mot-clé clair en début de titre sert donc deux fois : il reste visible dans les flux étroits et se repère facilement dans la recherche.

Checklist du titre avant publication

Avant de publier, lisez le titre comme un spectateur : uniquement la partie visible, dans la mise en page la plus étroite, à côté de la miniature. Si ce fragment dit encore ce que l’on va obtenir, le titre fonctionne. S’il se termine par un mot faible, un chiffre tronqué ou un nom de marque coupé, réécrivez.

Vérifiez ensuite le titre complet pour la recherche : contient-il les mots que les gens taperaient pour trouver cette vidéo, formulés naturellement ? Correspond-il à ce que livre la première minute ? Un titre qui promet trop peut gagner le premier clic mais perd vite les spectateurs, ce qui nuit davantage à la vidéo qu’un titre modeste et exact.

VérificationRéussi
Accroche dans les 40 premiers caractèresOui
Le fragment visible a du sens en barre latéraleOui
Ni nom de chaîne ni remplissage en têteOui
Au plus un mot en capitalesOui
Mot-clé principal formulé naturellementOui
La promesse correspond à la première minuteOui

Exemple concret : avancer l’accroche

Titre d’origine : « The Complete Beginner’s Guide to Cooking Restaurant-Quality Ramen at Home in Ten Minutes » (88 caractères, soit « Le guide complet du débutant pour cuisiner des ramen dignes d’un restaurant chez soi en dix minutes »). Sur ordinateur, la coupe tombe après « at H… », et en barre latérale après « Restaurant-… ». La partie intéressante, les dix minutes, n’apparaît jamais.

Réécriture : « 10-Minute Ramen That Beats Takeout » (34 caractères, « Des ramen en 10 min meilleurs qu’à emporter »). Il tient sur une ligne sur ordinateur et mobile, sur deux en barre latérale, et le chiffre fait écho à l’image.

Mise en pageOriginal : partie visibleRéécriture : partie visible
Bureau…Ramen at H…Titre complet
Mobile…Restaurant-Quality…Titre complet
Barre latéraleThe Complete Beginner’s Guide to Cooking Restaurant-…Titre complet

Erreurs courantes de troncature

Compter les caractères

Le nombre de caractères ignore la largeur des lettres et la police. Mesurez plutôt la largeur rendue.

L’accroche à la fin

Le dernier tiers d’un titre long est souvent masqué sur mobile et en barre latérale.

Longs titres en capitales

Les capitales sont larges et plus difficiles à parcourir. Réservez-les à un seul mot.

Le nom de la chaîne en premier

Il consomme une largeur précieuse et s’affiche déjà sous le titre.

Tester sur un seul appareil

Un titre qui tient sur votre ordinateur peut être coupé en deux en barre latérale.

Répéter le texte de la miniature

Doubler les mêmes mots gaspille la largeur dont le titre a besoin.

FAQ

Questions sur ce sujet

Combien de caractères tiennent dans un titre vidéo avant la coupe ?

Environ 60 à 70 caractères latins sur ordinateur, 55 à 70 sur mobile et 40 à 50 dans les listes latérales, sur deux lignes. Cela dépend de la largeur des lettres : mesurez le texte rendu.

Quelle est la longueur maximale d’un titre ?

Les formulaires d’envoi acceptent généralement jusqu’à 100 caractères, mais les flux en affichent beaucoup moins. Considérez les 40 à 60 premiers caractères comme la partie que tout le monde voit.

Pourquoi mon titre est-il coupé sur mobile mais pas sur ordinateur ?

La boîte du titre est plus étroite sur téléphone et la police relativement plus grande : moins de caractères tiennent sur chaque ligne.

Les majuscules allongent-elles les titres ?

Oui. Le tout-capitales prend environ 25 à 30 % de largeur en plus que la casse de phrase : un titre en capitales est coupé bien plus tôt.

Combien de caractères chinois ou japonais tiennent ?

Environ moitié moins que de caractères latins : à peu près 28 à 36 sur ordinateur et mobile, et 20 à 25 dans une liste latérale.

Faut-il placer les mots-clés au début du titre ?

Placez les mots les plus importants, l’accroche et le mot-clé principal, en tête, car cette partie est visible sur toutes les mises en page.

Sources

Spécifications et chiffres vérifiés d’après ces références publiques le 27 octobre 2026. Les règles des plateformes évoluent : confirmez les limites dans les pages d’aide officielles avant un lancement important.

  1. text-overflow — MDN Web Docs
  2. line-clamp — MDN Web Docs
  3. F-Shaped Pattern of Reading on the Web — Nielsen Norman Group
Continuer la lecture

Guides et outils associés