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.
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 page | Largeur de la boîte titre | Lignes affichées | Caractères latins approx. | Caractères CJC approx. |
|---|---|---|---|---|
| Grille bureau | ~310–360 px | 2 | 60–70 | 30–36 |
| Flux mobile | ~300–340 px | 2 | 55–70 | 28–34 |
| Résultats de recherche | ~500–600 px | 2 | 90–110 | 45–55 |
| Barre latérale / à suivre | ~200–230 px | 2 | 40–50 | 20–25 |
| Interface TV | ~380 px vue à 3 mètres | 2 | 45–55 | 22–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 titre | Largeur relative | Exemple |
|---|---|---|
| Casse de phrase | 100 % | 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
- 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.
- 02
Collez-les dans l’outil
Chaque emplacement de version a son propre champ de titre : vous testez titres et images ensemble.
- 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.
- 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.
| Langue | Longueur typique vs anglais | Points 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 larges | Coupures 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érification | Réussi |
|---|---|
| Accroche dans les 40 premiers caractères | Oui |
| Le fragment visible a du sens en barre latérale | Oui |
| Ni nom de chaîne ni remplissage en tête | Oui |
| Au plus un mot en capitales | Oui |
| Mot-clé principal formulé naturellement | Oui |
| La promesse correspond à la première minute | Oui |
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 page | Original : partie visible | Réécriture : partie visible |
|---|---|---|
| Bureau | …Ramen at H… | Titre complet |
| Mobile | …Restaurant-Quality… | Titre complet |
| Barre latérale | The 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.
