Qué es el lorem ipsum
El lorem ipsum es el texto de relleno que diseñadores, desarrolladores y editores llevan décadas usando para llenar una maqueta antes de tener las palabras reales. Empieza con la conocida línea “Lorem ipsum dolor sit amet, consectetur adipiscing elit.” Las palabras vienen de un texto en latín de Cicerón, pero se cortaron y se reordenaron, así que parecen lenguaje natural sin decir nada.
Esa es la idea. El texto real distrae. Si un cliente ve la primera versión de una página web llena de frases reales, empieza a corregir las palabras en lugar de valorar el diseño. El texto de relleno mantiene la atención en las fuentes, el largo de las líneas, los espacios y el recorrido de la página.
El lorem ipsum es el mismo en todos los idiomas: no existe una versión “en español”. Ten en cuenta que no contiene tildes, ñ ni signos de apertura, así que no sirve para comprobar cómo se ven esos caracteres en una fuente.
Cómo usar el generador de lorem ipsum
- En Generar, elige Párrafos, Oraciones, Palabras o Elementos de lista.
- Indica la Cantidad.
- Decide si quieres Empezar con “Lorem ipsum”. Está activado por defecto.
- Activa Envolver en etiquetas HTML si vas a pegarlo en código.
- Pulsa Generar texto nuevo para obtener otra versión aleatoria.
- Pulsa Copiar o Descargar para guardarlo.
El texto se actualiza en cuanto cambias una opción. Los contadores bajo el resultado muestran el número de caracteres, palabras y líneas, algo útil cuando necesitas llenar una caja de tamaño fijo.
Qué produce cada opción
Párrafos tienen entre cuatro y siete oraciones cada uno y van separados por una línea en blanco, o por etiquetas <p> en modo HTML.
Oraciones tienen entre seis y catorce palabras. Las más largas llevan una coma hacia la mitad, para que el texto tenga un ritmo natural.
Palabras da un número exacto de palabras terminado en punto. Úsalo para llenar un encabezado, un botón o una etiqueta corta.
Elementos de lista son frases cortas de tres a siete palabras. En texto plano cada una empieza con un guion y un espacio. En modo HTML se convierten en una lista <ul>.
Ejemplos
Estos son los resultados que ves con los ajustes iniciales de la página, antes de pulsar Generar texto nuevo.
| Ajustes | Resultado |
|---|---|
| Palabras, 5 | Lorem ipsum dolor sit amet. |
| Palabras, 12 | Lorem ipsum dolor sit amet consectetur adipiscing elit curabitur lorem sunt metus. |
| Oraciones, 2 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Velit nostrud et occaecat adipiscing voluptate integer. |
| Elementos de lista, 3 | - Lorem ipsum dolor sit amet, luego - Cillum sagittis pariatur occaecat ut velit, luego - Et occaecat adipiscing voluptate |
Con Envolver en etiquetas HTML activado, tres elementos de lista quedan así:
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Cillum sagittis pariatur occaecat ut velit</li>
<li>Et occaecat adipiscing voluptate</li>
</ul>Cómo funciona
El generador elige palabras al azar de una lista de 100 palabras latinas o de aspecto latino que se usan en el lorem ipsum tradicional. Construye oraciones de longitud aleatoria, pone en mayúscula la primera palabra y termina cada una con un punto. El azar sale de un generador de números con semilla, así que los mismos ajustes dan siempre el mismo texto hasta que pulsas Generar texto nuevo, que elige una semilla nueva. Así el texto no cambia de golpe mientras ajustas la Cantidad.
Cuando Empezar con “Lorem ipsum” está activado, la primera oración es siempre la línea clásica de apertura, que casi todo el mundo reconoce a simple vista como texto de relleno.
Consejos para usar texto de relleno
- Imita la longitud real. Si las descripciones de producto reales van a tener unas 50 palabras, genera 50 palabras, no tres párrafos. Usa los contadores bajo el resultado para comprobarlo.
- Prueba contenido largo y corto. Llena una tarjeta con una sola oración y otra con tres párrafos para ver cómo responde el diseño.
- Cámbialo antes de publicar. Busca “lorem” en tus páginas antes de ponerlas en línea. El texto de relleno olvidado en una página publicada da mala imagen y los buscadores pueden indexarlo.
- Piensa en las pruebas de accesibilidad. Los lectores de pantalla intentarán leer el lorem ipsum en voz alta. Usa texto real cuando hagas pruebas con usuarios.
- Ten en cuenta que el español ocupa más. Un texto en español suele ser algo más largo que su equivalente en inglés, así que deja margen en botones y titulares.
- ¿Necesitas una frase repetida en lugar de latín aleatorio? La herramienta para repetir texto copia cualquier texto tantas veces como quieras.
Para comprobar la longitud de tu texto real cuando llegue, pégalo en el contador de oraciones. Para un resumen visual de un artículo terminado, prueba el generador de nubes de palabras.
Otras formas de obtener lorem ipsum
Microsoft Word: escribe =lorem() en una línea nueva y pulsa Intro para insertar texto de relleno en latín. =lorem(3,5) da tres párrafos de cinco oraciones. =rand() inserta en su lugar un texto de ejemplo legible, no en latín.
Google Docs: no tiene un comando integrado, así que la mayoría de la gente pega el texto desde un generador como este.
Editores de código: en VS Code y otros editores con Emmet, escribe lorem y pulsa Tab para obtener un párrafo, o lorem20 para veinte palabras.
Figma y otras herramientas de diseño suelen incluir una opción o un plugin de texto de relleno.