Lorem Ipsum e testo segnaposto
Il testo segnaposto riempie un layout prima che esistano le parole vere. Usato bene, permette di valutare un design senza distrarsi con il contenuto; usato male, nasconde problemi che emergono solo con il testo reale, oppure resta su una pagina pubblicata. Questa guida tratta entrambi gli aspetti.
Da dove viene il lorem ipsum
La famosa frase «Lorem ipsum dolor sit amet…» è un brano rimescolato del De finibus bonorum et malorum («Sui confini del bene e del male») di Cicerone, del 45 a.C. Le parole sono troncate e modificate: «lorem» è la fine di «dolorem», spezzata tra due righe nel testo originale. Il risultato sembra latino, ma non si legge come latino.
I tipografi usano da tempo riempitivi di questo tipo. Si diffuse ampiamente negli anni ’60 con i fogli di caratteri trasferibili Letraset, e negli anni ’80 programmi di desktop publishing come Aldus PageMaker lo includevano già. Negli anni ’90 il latinista Richard McClintock risalì al testo di Cicerone. Poiché la fonte ha più di duemila anni, il testo è liberamente utilizzabile.
Perché i designer usano testo segnaposto
Un testo leggibile attira l’attenzione: in una riunione di revisione si comincia a commentare le frasi invece del layout. Il lorem ipsum ha un mix naturale di parole brevi e lunghe e nessun significato, quindi l’occhio vede righe, paragrafi e densità del testo, non frasi. Questo lo rende utile per:
- le prime decisioni di layout e tipografia: larghezza delle colonne, interlinea, corpo del carattere;
- template e componenti che in seguito accoglieranno contenuti di molti autori;
- provare il comportamento di una pagina con testo molto breve e molto lungo nello stesso punto.
Quando il testo segnaposto inganna
Il lorem ipsum ha la stessa lunghezza ovunque lo incolli, il contenuto reale no. Le sorprese più comuni:
- Titoli e pulsanti scritti in seguito sono più lunghi o più corti del segnaposto e rompono il layout. Prova con il testo realistico più breve e più lungo, non con quello medio.
- Nomi, indirizzi e prezzi hanno forme proprie: doppi cognomi, nomi di via di 30 caratteri, prezzi con simbolo di valuta e separatore delle migliaia.
- Le traduzioni sono spesso più lunghe dell’inglese, e le etichette brevi possono raddoppiare. Le parole composte tedesche non vanno a capo se non sono sillabate.
- La struttura reale porta elenchi, link, citazioni e sottotitoli che non compaiono mai in un blocco di lorem ipsum.
Per i test di usabilità usa un testo realistico. I partecipanti non possono valutare se una pagina ha senso, né trovarvi informazioni, se le informazioni sono segnaposto in latino.
Testo segnaposto in altre lingue
Un layout che funziona con l’alfabeto latino può non funzionare con altre scritture. Cinese e giapponese si scrivono senza spazi tra le parole, quindi una riga può andare a capo tra quasi due caratteri qualsiasi, con regole che impediscono ad alcuni segni di punteggiatura di aprire una riga. Il coreano mette spazi tra le unità di parola, ma ha molte più forme di sillaba per riga. Ogni scrittura richiede un font che ne contenga i caratteri; se il font scelto non li ha, il browser ripiega su un altro font con larghezza e interlinea diverse.
Per questo il generatore LeedyBox crea testo segnaposto anche in coreano, giapponese e cinese. Per un sito multilingue, prova ogni layout con testo nella scrittura di destinazione, non con il lorem ipsum.
Segnaposto migliori per ogni compito
| Compito | Meglio del lorem ipsum |
|---|---|
| Schede prodotto, tabelle, dashboard | Dati di esempio realistici: nomi, date, prezzi e ID con lunghezze reali |
| Moduli e messaggi di errore | Le etichette e i messaggi reali, compreso il messaggio di errore più lungo |
| Landing page e articoli | Una bozza del testo reale, anche grezza |
| Layout multilingue | Testo di esempio in ogni lingua di destinazione, o bozze di traduzione |
| Corpo del testo in un template | Qui il lorem ipsum va bene |
Librerie di dati di test come Faker possono generare nomi, indirizzi e date credibili in molte lingue per prototipi e test automatici.
Prima della pubblicazione
Il testo segnaposto rimasto su una pagina pubblicata sembra trascurato e non offre nulla né ai lettori né ai motori di ricerca. Prima del lancio:
- cerca nel codice e nel CMS «lorem», «ipsum» e gli altri marcatori che usa il tuo team, come «TODO» o «TBD»;
- controlla i punti che nessuno legge durante la revisione: titoli delle pagine, meta description, testo alternativo delle immagini, messaggi di stato vuoto e template delle email;
- ascolta la pagina una volta con uno screen reader; segnaposto ed etichette mancanti si notano molto più facilmente a orecchio.
Domande frequenti
Posso usare il lorem ipsum in lavori commerciali?
Sì. Il testo deriva da un’opera scritta più di duemila anni fa ed è di pubblico dominio, quindi non serve alcun permesso.
Il testo segnaposto danneggia il posizionamento nei motori di ricerca?
Solo se viene pubblicato. Una pagina che contiene ancora segnaposto non offre contenuti utili, quindi tieni le bozze non pubblicate o escluse dall’indicizzazione finché il testo reale non è pronto.
Il lorem ipsum è la stessa cosa del placeholder di un campo di un modulo?
No. Il suggerimento grigio chiaro dentro un campo vuoto, impostato con l’attributo HTML placeholder, è un breve esempio per l’utente. Sparisce quando l’utente digita, quindi non deve sostituire un’etichetta visibile.
Quanto testo segnaposto dovrei usare?
Quanto sarà il contenuto reale, più qualche caso limite: il testo più breve e più lungo che prevedi per ogni punto. Rispettare la lunghezza prevista dice di più che riempire ogni riquadro con lo stesso paragrafo.