Lorem ipsum y texto de relleno
El texto de relleno ocupa una maqueta antes de que existan las palabras reales. Bien usado, permite juzgar un diseño sin que el contenido distraiga; usado sin cuidado, oculta problemas que solo revela el texto real o acaba en una página publicada. Esta guía cubre ambos lados.
De dónde viene el lorem ipsum
El conocido «Lorem ipsum dolor sit amet…» es un fragmento desordenado de De finibus bonorum et malorum («Sobre los límites del bien y del mal»), escrito por Cicerón en el año 45 a. C. Se cortaron y alteraron palabras: «lorem» es el final de «dolorem», partido entre dos líneas en el pasaje original. El resultado parece latín, pero no se lee como latín.
Los impresores usaron este tipo de relleno durante mucho tiempo. Se difundió en los años sesenta gracias a las hojas de transferencia de Letraset, y en los ochenta lo incluían programas de autoedición como Aldus PageMaker. En los noventa, el latinista Richard McClintock rastreó el texto hasta Cicerón. Como la fuente tiene más de dos mil años, el texto se puede usar libremente.
Por qué los diseñadores usan texto de relleno
El texto legible atrae la atención: en una revisión, la gente empieza a comentar la redacción en lugar del diseño. El lorem ipsum tiene una mezcla natural de palabras cortas y largas y ningún significado, así que la vista percibe líneas, párrafos y peso en lugar de frases. Eso lo hace útil para:
- las primeras decisiones de maquetación y tipografía: ancho de columna, interlineado, tamaño de letra;
- plantillas y componentes que más adelante recibirán contenido de muchos autores;
- probar cómo se comporta una página con un texto muy corto y otro muy largo en el mismo espacio.
Cuándo engaña el texto de relleno
El lorem ipsum mide lo mismo dondequiera que lo pegues, y el contenido real no. Sorpresas habituales:
- Titulares y botones escritos después son más largos o más cortos que el relleno y rompen la maqueta. Prueba con el texto realista más corto y el más largo, no con uno medio.
- Nombres, direcciones y precios tienen su propia forma: un apellido compuesto, una calle de 30 caracteres, un precio con símbolo de moneda y separadores de miles.
- Las traducciones suelen ser más largas que el inglés, y las etiquetas cortas pueden duplicar su longitud. Las palabras compuestas del alemán no se parten al final de línea si no se dividen con guion.
- La estructura real trae listas, enlaces, citas y encabezados que un bloque de lorem ipsum nunca muestra.
En las pruebas de usabilidad, usa texto realista. Los participantes no pueden juzgar si una página tiene sentido, ni encontrar información en ella, cuando la información es relleno en latín.
Texto de relleno en otros idiomas
Una maqueta que funciona con letras latinas puede fallar con otras escrituras. El chino y el japonés se escriben sin espacios entre palabras, así que las líneas se cortan entre casi cualquier par de caracteres, con reglas que impiden que ciertos signos de puntuación empiecen una línea. El coreano pone espacios entre unidades de palabra, pero tiene muchas más formas de sílaba por línea. Cada una necesita fuentes que contengan sus caracteres, y si la fuente elegida no los tiene, el navegador la sustituye por otra con anchos y alturas de línea distintos.
Por eso el generador de LeedyBox también produce texto de relleno en coreano, japonés y chino. Para un sitio en varios idiomas, prueba cada maqueta con texto en la escritura de destino, no con lorem ipsum.
Mejores rellenos según la tarea
| Tarea | Mejor opción que el lorem ipsum |
|---|---|
| Fichas de producto, tablas, paneles | Datos de ejemplo realistas: nombres, fechas, precios e ID con longitudes reales |
| Formularios y mensajes de error | Las etiquetas y mensajes reales, incluido el error más largo |
| Páginas de aterrizaje y artículos | Un borrador del texto real, aunque sea tosco |
| Maquetas multilingües | Texto de ejemplo en cada idioma de destino, o un borrador traducido |
| Cuerpo de texto en una plantilla | Aquí el lorem ipsum funciona bien |
Las bibliotecas de datos de prueba como Faker pueden generar nombres, direcciones y fechas creíbles en muchos idiomas para prototipos y pruebas automatizadas.
Antes de publicar
El texto de relleno que queda en una página publicada parece descuidado y no aporta nada a los lectores ni a los buscadores. Antes del lanzamiento:
- busca en el código y en el gestor de contenidos «lorem», «ipsum» y otras marcas que use tu equipo, como «TODO» o «TBD»;
- revisa los lugares que nadie lee en una revisión: títulos de página, metadescripciones, textos alternativos de imágenes, mensajes de estado vacío y plantillas de correo;
- escucha una vez la página con un lector de pantalla; el relleno y las etiquetas que faltan se notan mucho más de oído.
Preguntas frecuentes
¿Puedo usar lorem ipsum en trabajos comerciales?
Sí. Se basa en un texto escrito hace más de dos mil años, que es de dominio público, así que no necesitas permiso.
¿El texto de relleno perjudica el posicionamiento en buscadores?
Solo si se publica. Una página que todavía contiene relleno no ofrece contenido útil, así que mantén los borradores sin publicar o bloqueados para la indexación hasta que esté el texto real.
¿El lorem ipsum es lo mismo que el placeholder de un campo de formulario?
No. La pista en gris claro dentro de un campo vacío, definida con el atributo placeholder de HTML, es un ejemplo breve para el usuario. Desaparece al escribir, así que no debe sustituir a una etiqueta visible.
¿Cuánto texto de relleno debo usar?
Tanto como tendrá el contenido real, y además algunos extremos: el texto más corto y el más largo que esperas en cada espacio. Ajustarse a la longitud esperada te dice más que llenar todas las cajas con el mismo párrafo.