Lorem ipsum et faux texte
Le faux texte remplit une mise en page avant que les vrais mots existent. Bien utilisé, il permet de juger un design sans être distrait par le contenu ; utilisé sans soin, il masque des problèmes que seul le vrai texte révèle, ou finit sur une page publiée. Ce guide couvre les deux aspects.
D’où vient le lorem ipsum
Le célèbre « Lorem ipsum dolor sit amet… » est un extrait remanié du De finibus bonorum et malorum (« Des termes extrêmes des biens et des maux ») écrit par Cicéron en 45 av. J.-C. Des mots ont été coupés et altérés : « lorem » est la fin de « dolorem », coupé sur deux lignes dans le passage d’origine. Le résultat ressemble à du latin, mais ne se lit pas comme du latin.
Les imprimeurs utilisent ce genre de remplissage depuis longtemps. Il s’est répandu dans les années 1960 grâce aux feuilles de transfert Letraset, et dans les années 1980 des logiciels de PAO comme Aldus PageMaker l’intégraient. Dans les années 1990, le latiniste Richard McClintock a retrouvé la source chez Cicéron. Comme cette source a plus de deux mille ans, le texte est libre d’utilisation.
Pourquoi les designers utilisent du faux texte
Un texte lisible attire l’attention : lors d’une revue, on se met à commenter la formulation plutôt que la mise en page. Le lorem ipsum mêle naturellement mots courts et mots longs et n’a aucun sens ; l’œil voit donc des lignes, des paragraphes et un gris typographique plutôt que des phrases. Il est utile pour :
- les premières décisions de mise en page et de typographie : largeur de colonne, interligne, taille de police ;
- les gabarits et composants qui recevront plus tard le contenu de nombreux auteurs ;
- tester le comportement d’une page avec un texte très court et un texte très long au même endroit.
Quand le faux texte trompe
Le lorem ipsum a la même longueur où qu’on le colle, pas le contenu réel. Surprises courantes :
- Titres et boutons rédigés plus tard sont plus longs ou plus courts que le remplissage et cassent la mise en page. Testez avec le texte réaliste le plus court et le plus long, pas avec une moyenne.
- Noms, adresses et prix ont leur propre forme : un nom composé, une rue de 30 caractères, un prix avec symbole monétaire et séparateurs de milliers.
- Les traductions sont souvent plus longues que l’anglais, et les libellés courts peuvent doubler de longueur. Les mots composés allemands ne se coupent pas en fin de ligne sans césure.
- La vraie structure apporte des listes, des liens, des citations et des intertitres qu’un bloc de lorem ipsum ne montre jamais.
Pour les tests d’utilisabilité, utilisez un texte réaliste. Les participants ne peuvent pas juger si une page a du sens, ni y trouver une information, quand l’information est du remplissage en latin.
Le faux texte dans d’autres langues
Une mise en page qui fonctionne avec l’alphabet latin peut échouer avec d’autres écritures. Le chinois et le japonais s’écrivent sans espace entre les mots : les lignes peuvent donc se couper entre presque n’importe quels caractères, avec des règles qui évitent certains signes de ponctuation en début de ligne. Le coréen met des espaces entre les unités de mots mais compte beaucoup plus de formes de syllabes par ligne. Chacune exige des polices qui contiennent ses caractères ; si la police choisie ne les a pas, le navigateur la remplace par une autre aux largeurs et hauteurs de ligne différentes.
C’est pourquoi le générateur LeedyBox produit aussi du faux texte en coréen, en japonais et en chinois. Pour un site multilingue, testez chaque mise en page avec du texte dans l’écriture cible, pas avec du lorem ipsum.
De meilleurs substituts selon la tâche
| Tâche | Meilleur choix que le lorem ipsum |
|---|---|
| Fiches produit, tableaux, tableaux de bord | Des données d’exemple réalistes : noms, dates, prix et identifiants de longueur réelle |
| Formulaires et messages d’erreur | Les vrais libellés et messages, y compris l’erreur la plus longue |
| Pages d’atterrissage et articles | Une ébauche du vrai texte, même grossière |
| Mises en page multilingues | Un texte d’exemple dans chaque langue cible, ou une ébauche traduite |
| Corps de texte dans un gabarit | Ici, le lorem ipsum convient bien |
Des bibliothèques de données de test comme Faker génèrent des noms, adresses et dates crédibles dans de nombreuses langues pour les prototypes et les tests automatisés.
Avant de publier
Un faux texte resté sur une page publiée fait négligé et n’apporte rien aux lecteurs ni aux moteurs de recherche. Avant la mise en ligne :
- cherchez dans le code et le système de gestion de contenu « lorem », « ipsum » et les autres marqueurs de votre équipe, comme « TODO » ou « TBD » ;
- vérifiez les endroits que personne ne lit lors d’une revue : titres de page, méta-descriptions, textes alternatifs des images, messages d’état vide et modèles d’e-mails ;
- écoutez une fois la page avec un lecteur d’écran ; le remplissage et les libellés manquants se repèrent bien plus facilement à l’oreille.
Questions fréquentes
Puis-je utiliser le lorem ipsum dans un travail commercial ?
Oui. Il repose sur un texte écrit il y a plus de deux mille ans, qui est dans le domaine public ; aucune autorisation n’est nécessaire.
Le faux texte nuit-il au référencement ?
Seulement s’il est publié. Une page qui contient encore du remplissage n’offre aucun contenu utile ; gardez donc les brouillons non publiés ou exclus de l’indexation jusqu’à ce que le vrai texte soit en place.
Le lorem ipsum est-il la même chose que le placeholder d’un champ de formulaire ?
Non. L’indication gris clair dans un champ vide, définie avec l’attribut HTML placeholder, est un court exemple destiné à l’utilisateur. Elle disparaît dès qu’on tape ; elle ne doit donc pas remplacer un libellé visible.
Quelle quantité de faux texte utiliser ?
Autant que le contenu réel en aura, plus quelques extrêmes : le texte le plus court et le plus long attendus pour chaque emplacement. Coller à la longueur attendue en dit plus que remplir chaque bloc avec le même paragraphe.