Lorem ipsum o texto real en diseño

Usa lorem ipsum solo mientras decides la estructura (wireframes, rejillas, pruebas de tipografía) y cambia a contenido real o realista en cuanto el diseño tenga que demostrar algo: una maqueta de alta fidelidad para aprobar, una prueba con usuarios, una revisión de accesibilidad o cualquier cosa que vaya a acabar en producción. El texto de relleno es una herramienta de boceto, no un sustituto del contenido. Cuanto más cerca estás de publicar, más caro sale haberlo mantenido.

Esta guía no repite qué es el lorem ipsum ni cómo generarlo: eso lo tienes en qué es el lorem ipsum y de dónde viene y en el generador de lorem ipsum de GlobalTool, que te saca párrafos, frases o palabras con un clic. Aquí vamos a lo que de verdad cuesta decidir: en qué momento del proyecto te sirve cada opción, qué problemas te esconde el relleno y qué pasa si se te cuela en una página publicada.

La respuesta corta: depende de la fase del proyecto

El debate «lorem ipsum sí o no» suele plantearse como una cuestión de gusto, y no lo es. Es una cuestión de qué pregunta intentas responder con el diseño en cada momento. Si la pregunta es «¿cabe una columna lateral en esta rejilla?», el significado del texto da igual. Si la pregunta es «¿entiende el usuario qué hace este botón?», el significado lo es todo.

La tabla resume qué conviene usar en cada fase. No hay cifras porque no hay un estudio que las sostenga: es un criterio de trabajo, y como tal te lo presento.

Fase	Qué intentas decidir	Texto recomendado	Por qué
Bocetos y wireframes de baja fidelidad	Estructura, bloques, orden de la información	Lorem ipsum o barras grises	Evita discutir la redacción antes de tener la arquitectura
Sistema tipográfico y rejilla	Tamaños, interlineado, medida de línea	Lorem ipsum y, en paralelo, un párrafo real en castellano	El latín no tiene tildes, eñes ni signos de apertura; necesitas ver ambos
Maqueta de alta fidelidad	Aspecto final, jerarquía, llamadas a la acción	Proto-contenido: borrador realista del texto final	La jerarquía depende de lo que dice cada bloque
Prueba con usuarios	Comprensión, navegación, confianza	Contenido real o lo más parecido posible	Nadie puede evaluar una tarea escrita en latín deformado
Revisión de accesibilidad	Lectores de pantalla, etiquetas, idioma	Contenido real	El relleno se lee en voz alta como una ristra sin sentido
Desarrollo y staging	Componentes, estados, casos límite	Datos sintéticos realistas y textos extremos	Los desbordes aparecen con los valores más largos, no con los medios
Producción	Publicar	Solo contenido real	Un lorem publicado es un error visible y una página de poco valor para buscadores

Regla práctica: el lorem ipsum responde bien a preguntas de forma y mal a preguntas de significado. Cuando la pregunta cambia, cambia el texto.

Qué aporta de verdad el lorem ipsum (y qué no)

El pasaje procede, deformado, de un fragmento de De finibus bonorum et malorum, la obra de Cicerón fechada en el año 45 a. C.; «lorem» es lo que queda de «dolorem» al cortar la palabra. Lo que importa para esta comparación no es la historia (la tienes en la guía sobre su origen), sino lo que ese origen implica: es latín alterado, no castellano. Su reparto de letras, su longitud de palabra y su ausencia total de diacríticos son los del latín, no los de tu idioma.

Lo que sí te da

Velocidad. Rellenas una maqueta entera en segundos. Si solo necesitas ver masas de texto, no hay nada más rápido.
Foco en la forma. Como nadie lo entiende, nadie se pone a corregir el tono del titular en una reunión donde se está decidiendo la rejilla. Esa es su virtud original y sigue siendo válida.
Textura tipográfica creíble. A diferencia de repetir «texto texto texto», el lorem alterna palabras cortas y largas, así que el bloque tiene un «color» parecido al de un párrafo real.
Señal inequívoca de provisionalidad. Cualquiera que vea un lorem sabe que ese bloque está sin terminar. Un texto inventado en castellano, en cambio, puede confundirse con el definitivo.

Lo que no te da

Longitudes reales. Tu titular definitivo puede tener tres palabras o catorce. El lorem siempre tiene la longitud que tú le pidas, que casi nunca es la que acabará teniendo.
Jerarquía por significado. Lo que hace que un usuario lea un bloque antes que otro no es solo el tamaño de letra: es lo que dice. Con relleno, esa jerarquía se evalúa a ciegas.
Los caracteres de tu idioma. Ni tildes, ni eñes, ni «¿» ni «¡», ni comillas latinas. Te vas a enterar de que una fuente los recorta cuando ya esté en producción.
Contexto para quien aprueba. Un cliente que ve lorem aprueba un aspecto, no una propuesta. Cuando llegue el texto real, reabrirá el diseño.

Los fallos que el lorem ipsum esconde

Este es el núcleo de la decisión. El relleno no introduce errores: los oculta, y aparecen más tarde, cuando corregirlos implica tocar código, volver a aprobar la maqueta o, peor, cuando ya los ha visto el usuario.

Titulares y botones que no caben

Un botón diseñado para «Lorem ipsum» (11 caracteres) tiene que alojar después «Solicitar presupuesto sin compromiso» o, en una tienda, «Añadir a la cesta». Un titular de tarjeta pensado para dos líneas recibe un nombre de producto de cuatro. Si el componente no está preparado, el texto se corta, salta de línea en mitad de la palabra o empuja al resto del bloque. Diseña siempre el componente con el texto más largo plausible, no con el medio.

Tildes, eñes y signos de apertura

El castellano usa diacríticos por encima de la altura de las mayúsculas («Á», «É», «Ñ») y signos que el latín no tiene («¿», «¡»). Con un interlineado muy ajustado, las tildes de las mayúsculas pueden tocar la línea de arriba o recortarse dentro de un contenedor con overflow:hidden. Además, no todas las fuentes web cubren bien los caracteres del castellano en todos sus pesos, y si falta un glifo el navegador lo sustituye por el de otra fuente, con un resultado desparejo. Nada de esto se ve con lorem ipsum.

Palabras largas sin posibilidad de corte

El castellano tiene palabras largas de uso cotidiano («responsabilidades», «internacionalización», «electrodomésticos») y los nombres propios, las URL o los correos electrónicos no se dejan partir. En una columna estrecha o en móvil, una sola palabra así puede desbordar el contenedor. Se resuelve con hyphens, overflow-wrap y un atributo lang correcto para que el navegador sepa cómo separar sílabas, pero solo lo vas a detectar si lo pruebas con palabras reales.

Números, precios, fechas y unidades

El lorem no tiene cifras. En una ficha de producto, un panel de datos o una factura, los números son precisamente lo que el usuario busca, y su formato afecta al diseño: «1.249,90 €» ocupa más que «9 €», las fechas pueden escribirse de varias formas y las unidades añaden caracteres. Si tus bloques numéricos se diseñan con relleno, las columnas no se alinean y los precios quedan fuera de su caja. Usa cifras realistas, y también las extremas.

Estados vacíos, errores y casos límite

El relleno siempre está presente y siempre tiene buena longitud. El contenido real no: hay listas vacías, nombres de una sola letra, descripciones que el cliente no ha escrito, mensajes de error de tres líneas. Si solo diseñas el «estado feliz» con lorem, los demás estados los decide el programador sobre la marcha.

La traducción

Si el sitio se va a traducir, el castellano no es tu caso más largo ni el más corto: al pasar a otros idiomas, las cadenas cortas de la interfaz suelen crecer bastante en proporción, y algunos idiomas se escriben de derecha a izquierda. El lorem no simula nada de eso. Para anticiparlo existe la pseudolocalización: sustituir los textos por versiones alargadas y con caracteres acentuados para ver qué se rompe antes de traducir.

Content-first: diseñar desde el contenido

La alternativa al relleno tiene nombre: diseño a partir del contenido (content-first). La idea es sencilla y antigua: primero decides qué tienes que decir, luego cómo mostrarlo. En el oficio se resume con una idea que circula desde hace años:

«El contenido precede al diseño. Diseñar sin contenido no es diseñar, es decorar.»

No hace falta tener el texto definitivo para trabajar así. Lo que hace falta es proto-contenido: un borrador que tenga la estructura, la longitud aproximada y el tono del texto final, aunque luego se pula. Un titular provisional pero verosímil, tres beneficios redactados de forma rápida, una descripción de producto del catálogo real. Con eso ya puedes tomar decisiones de jerarquía con fundamento.

Cómo conseguir proto-contenido sin esperar al redactor

Haz inventario de lo que ya existe. Si rediseñas una web, el contenido actual es tu mejor muestra: sabes cuánto miden los titulares reales, cuántas palabras tiene la ficha más larga y qué campos suelen venir vacíos.
Pide un esquema de mensajes, no textos cerrados. Al cliente o al equipo de contenido le cuesta menos decirte «aquí van tres ventajas, la principal es el precio» que redactar la página entera.
Redacta tú un borrador honesto. Mejor un texto imperfecto que diga lo que la página tiene que decir que un lorem perfecto que no dice nada. Márcalo como borrador para que nadie lo confunda con el definitivo.
Usa la competencia solo como referencia de longitud. Mirar cómo estructuran otros sus fichas es útil; copiar su texto en tu maqueta no, por derechos de autor y porque acabas diseñando para su mensaje y no para el tuyo.
Genera los extremos a propósito. Para cada componente, prepara la versión más corta y la más larga razonables. Ahí es donde se rompen los diseños.

Por qué la jerarquía depende del texto

Dos bloques con el mismo tamaño de letra y el mismo peso no pesan lo mismo si uno dice «Envío gratis a partir de 30 €» y el otro repite el nombre del producto. El ojo busca lo que le interesa, y lo que le interesa lo decide el significado. Por eso una maqueta que «queda equilibrada» con lorem puede quedar descompensada con el texto real: el equilibrio visual se evaluó sin la variable que más lo altera.

Todas las opciones de texto provisional, comparadas

El dilema no es binario. Entre el lorem ipsum y el contenido definitivo hay varias opciones intermedias, y conviene elegir la adecuada para cada caso.

Opción	En qué consiste	Úsala para	Evítala para
Lorem ipsum	Latín alterado de longitud configurable	Wireframes, rejillas, textura tipográfica	Pruebas con usuarios, aprobaciones de cliente, producción
Barras o bloques grises (greeking visual)	Líneas que representan texto sin letras	Bocetos muy tempranos y diagramas de estructura	Cualquier revisión de tipografía
Texto repetido o genérico en castellano	«Aquí va el titular», «Texto de ejemplo»	Marcar funciones de cada bloque	Evaluar longitudes: suele ser más corto que el real
Proto-contenido	Borrador verosímil con la estructura y la longitud del texto final	Maquetas de alta fidelidad y primeras pruebas	Publicar sin revisión editorial
Contenido real	El texto definitivo o el existente	Pruebas con usuarios, accesibilidad, producción	Bocetos tempranos, si frena las decisiones de estructura
Datos sintéticos realistas	Nombres, direcciones, importes y fechas inventados pero verosímiles	Tablas, paneles, formularios, entornos de pruebas	Sustituir textos editoriales
Pseudolocalización	Textos alargados y con caracteres especiales	Productos que se van a traducir	Revisar el mensaje

Un detalle sobre los datos de prueba: no uses datos personales reales de clientes en maquetas, prototipos o entornos de pruebas. El principio de minimización del RGPD (art. 5.1.c del Reglamento (UE) 2016/679) exige tratar solo los datos necesarios para cada finalidad, y diseñar una pantalla no requiere el nombre y el teléfono de una persona real. Los datos sintéticos te dan el mismo realismo sin ese riesgo.

Pruebas con usuarios: por qué el relleno las sabotea

Una prueba de usabilidad consiste en pedir a una persona que complete una tarea y observar dónde se atasca. Con lorem ipsum, la tarea deja de tener sentido: si el participante tiene que encontrar la política de devoluciones y todos los enlaces dicen «dolor sit amet», lo que mides es su capacidad para adivinar, no la calidad de tu navegación.

Qué se distorsiona

La comprensión. Es la mitad de lo que quieres medir y con relleno no se puede evaluar.
La navegación. Los usuarios se orientan por las palabras de los menús y los enlaces. Sin palabras, se orientan por la posición, y eso no es lo que harán en la web real.
La confianza. En un comercio, un formulario de pago o un servicio financiero, el texto (condiciones, plazos, avisos) es lo que da o quita confianza. Un bloque en latín no puede generarla.
La atención del participante. Muchas personas se detienen a comentar el texto extraño, preguntan si es un error o intentan leerlo. Ese tiempo sale de la sesión.

Cómo preparar el material de una prueba

Si el contenido final no está listo, prepara proto-contenido para las pantallas que forman parte de la tarea, aunque el resto del prototipo siga con relleno. Asegúrate de que los textos que el participante necesita para completar la tarea (menú, botones, encabezados, mensajes de error) son verosímiles y de que no delatan la respuesta. Y apunta qué partes eran provisionales para no sacar conclusiones de ellas al analizar los resultados.

Si una pantalla forma parte de la tarea que vas a pedir al participante, su texto tiene que poder leerse y entenderse. El relleno solo es aceptable en lo que el usuario no necesita mirar.

Accesibilidad: el relleno también se oye

Una persona que navega con lector de pantalla no «ve» un bloque de texto neutro: lo escucha. Y el lector lee el lorem ipsum con la pronunciación del idioma declarado en la página, así que una página con lang="es" reproducirá latín alterado con fonética castellana. En una revisión de accesibilidad eso no aporta nada: no puedes evaluar si los encabezados tienen sentido, si los enlaces se entienden fuera de contexto o si los mensajes de error explican qué hacer.

Criterios WCAG que el relleno no deja comprobar

Idioma de la página y de sus partes (criterios 3.1.1 y 3.1.2 de las WCAG). Si un fragmento está en otro idioma, debe marcarse con su propio atributo lang. Un lorem que llegue a producción sin marcar incumple el segundo; marcarlo como latín es posible, pero lo sensato es que no llegue.
Propósito de los enlaces (2.4.4). «Lorem ipsum» como texto de enlace no dice adónde lleva.
Encabezados y etiquetas descriptivos (2.4.6) y etiquetas o instrucciones en formularios (3.3.2). Solo se evalúan con texto real.
Texto alternativo de imágenes (1.1.1). Un alt de relleno es peor que uno vacío: el lector lo lee en voz alta.

Cuidado con el «placeholder» de los formularios

No confundas el texto de relleno de una maqueta con el atributo placeholder de los campos de formulario, aunque en inglés se llamen igual. El placeholder desaparece al escribir y no sustituye a una etiqueta visible: si un formulario solo tiene placeholders, el usuario pierde la referencia de qué campo está rellenando. Y si tu maqueta usa lorem dentro de los placeholders, estás escondiendo el mismo problema dos veces.

El marco legal en España

La accesibilidad digital ya no es solo buena práctica. La Directiva (UE) 2019/882, conocida como Acta Europea de Accesibilidad, se incorporó al derecho español mediante la Ley 11/2023 y se aplica a determinados productos y servicios, entre ellos el comercio electrónico, desde el 28 de junio de 2025, con excepciones para microempresas en el caso de los servicios. La norma técnica de referencia en Europa es la EN 301 549, que remite a las WCAG. Si tu proyecto está dentro de ese ámbito, revisar la accesibilidad con relleno es revisar una página que no existe. Para saber si te afecta, consulta el texto de la ley o a un profesional.

SEO: qué pasa si publicas una página con lorem ipsum

Ocurre más de lo que parece: una plantilla se sube con un bloque sin sustituir, una ficha de producto se publica con la descripción de ejemplo del tema de WordPress, o un entorno de pruebas queda abierto y acaba indexado. Estas son las consecuencias y cómo evitarlas.

Qué efecto tiene en buscadores

No hay una penalización documentada específica para el lorem ipsum. El problema es más sencillo: un buscador no puede entender ni clasificar un texto sin sentido, así que ese bloque no aporta nada a la relevancia de la página y la hace parecer inacabada. Las directrices de Google piden contenido útil hecho para personas, y sus políticas contra el spam incluyen el texto sin sentido generado en masa. Una página con poco contenido real, además, puede aparecer en Search Console como «soft 404» o simplemente no indexarse. Y si el lorem está en el <title> o en la meta description, es lo que verá la gente en los resultados.

Dónde se esconde el relleno olvidado

Meta descriptions y títulos de plantillas que nadie editó.
Textos alternativos de imágenes (alt="Lorem ipsum").
Descripciones cortas de producto, extractos de entradas y pies de foto.
Bloques ocultos en móvil o en pestañas que nadie abre durante la revisión.
Datos estructurados (JSON-LD) generados a partir de campos de ejemplo.
Correos automáticos y páginas de confirmación que solo se ven al completar un proceso.

Cómo evitar que llegue a producción

Busca el literal antes de publicar. Una búsqueda de «lorem», «ipsum» y «dolor sit» en la carpeta del proyecto o en la base de datos detecta casi todos los casos. Si trabajas con despliegue automático, añade esa comprobación al proceso para que falle si encuentra alguno.
Protege el entorno de pruebas. Un robots.txt con Disallow no impide que una URL se indexe si alguien la enlaza; la propia documentación de Google lo advierte. Para un staging, lo seguro es pedir contraseña (autenticación HTTP) o servir noindex, y no confundir una cosa con otra.
Revisa las plantillas, no solo las páginas. Si el relleno está en la plantilla, aparecerá en todas las páginas que la usen.
Si ya está publicado, corrígelo y pide reindexación desde Search Console para las URL afectadas. Y busca en Google con el operador site: tu dominio más «lorem ipsum» para ver si alguna página indexada lo contiene.

Para medir cuánto texto real tiene cada bloque mientras lo sustituyes, te sirve el contador de caracteres y palabras; y si trabajas el contenido pensando en buscadores, tienes más utilidades en la guía de herramientas de texto SEO gratuitas.

Un flujo de trabajo que combina las dos opciones

En la práctica no eliges una vez: vas sustituyendo el relleno a medida que avanza el proyecto. Este es un flujo razonable para una web o una aplicación de tamaño medio.

Arquitectura y wireframes. Lorem ipsum o barras grises. Aquí decides qué bloques hay y en qué orden. Si ya sabes qué mensaje lleva cada bloque, escríbelo como nota al lado, no dentro.
Sistema tipográfico. Prueba cada estilo con lorem y con un párrafo real en castellano que incluya mayúsculas acentuadas, eñes, signos de apertura, cifras y alguna palabra larga. Ajusta interlineados con ese segundo texto.
Inventario de contenido. Antes de la alta fidelidad, reúne el contenido existente o un esquema de mensajes por página. Mide el más corto y el más largo de cada tipo.
Alta fidelidad con proto-contenido. Sustituye el relleno de titulares, botones, menús y llamadas a la acción. El cuerpo de los artículos largos puede seguir con lorem si su longitud no condiciona el diseño.
Prueba con usuarios. Contenido real o proto-contenido en todas las pantallas de la tarea.
Desarrollo. Datos sintéticos realistas y casos extremos en los componentes. Pseudolocalización si hay traducción.
Revisión final. Búsqueda del literal, revisión de accesibilidad con el contenido definitivo y comprobación de títulos, descripciones y textos alternativos.

Si necesitas relleno en cualquiera de las primeras fases, el generador de lorem ipsum te deja elegir cuántos párrafos, frases o palabras quieres, empezar o no por el clásico «Lorem ipsum dolor sit amet» y envolver el resultado en etiquetas HTML para pegarlo directamente en la maqueta.

Casos concretos: qué usar en cada tipo de proyecto

Tienda online

Las fichas de producto son el caso donde más daño hace el relleno: nombres de producto largos, precios con decimales, variantes, avisos de envío y plazos de devolución. Diseña con fichas reales del catálogo desde la maqueta de alta fidelidad, incluida la del producto con el nombre más largo y la del que no tiene foto.

Blog o medio de contenidos

El cuerpo del artículo tolera bien el lorem durante más tiempo, porque su longitud es flexible. Los titulares, los extractos de las portadas y los pies de foto, no: son los que desbordan tarjetas y rompen rejillas. Usa titulares reales de artículos existentes.

Aplicación o panel de datos

Aquí el texto es sobre todo interfaz: etiquetas, botones, estados y mensajes. Todos deben ser reales desde muy pronto, porque son la aplicación. Para las tablas y gráficos, datos sintéticos con valores extremos (cero, negativos, cifras muy largas).

Landing de campaña

Una landing existe para convencer, y convencer es cuestión de texto. Diseñarla con relleno es diseñar el envoltorio sin saber qué contiene. Empieza por el mensaje: titular, beneficios, objeciones y llamada a la acción. Luego, el diseño.

Plantillas y temas para terceros

Es el caso donde el lorem ipsum tiene más sentido hasta el final, porque no sabes qué contenido pondrá el cliente. Aun así, la demostración de la plantilla debe incluir textos largos, cortos y en varios idiomas, y la documentación debe avisar de qué campos traen relleno para que nadie los publique sin cambiar.

Checklist para decidir en dos minutos

Cuando dudes, repasa estas preguntas. Si respondes «sí» a cualquiera de las cuatro primeras, necesitas contenido real o proto-contenido.

¿Alguien va a aprobar este diseño como definitivo?
¿Vas a pedir a usuarios que completen tareas con él?
¿Vas a revisar su accesibilidad?
¿La longitud del texto puede romper el componente (botones, tarjetas, menús, tablas)?
¿Estás decidiendo solo estructura y proporciones? Entonces el lorem te sirve.
¿Vas a publicar? Busca «lorem» e «ipsum» antes de hacerlo, también en plantillas, metadatos y textos alternativos.

Preguntas frecuentes

¿Es mejor usar lorem ipsum o texto real en un diseño web?

Depende de la fase. En wireframes y pruebas de rejilla, el lorem ipsum es más rápido y evita discusiones prematuras sobre la redacción. En maquetas de alta fidelidad, pruebas con usuarios, revisiones de accesibilidad y producción, necesitas contenido real o un borrador realista.

¿Por qué los diseñadores usan lorem ipsum?

Porque rellena el espacio con una textura parecida a la de un texto real sin que nadie se distraiga leyéndolo. Así se evalúan la tipografía, los espacios y la estructura sin entrar todavía en el contenido.

¿Qué es el diseño content-first?

Es trabajar primero el contenido y después su presentación. No exige tener el texto definitivo: basta con un borrador que tenga la estructura, la longitud y el tono del texto final, para que las decisiones de diseño se tomen con la información correcta.

¿Qué alternativas hay al lorem ipsum?

Barras grises para bocetos, textos genéricos en castellano para marcar funciones, proto-contenido para maquetas, datos sintéticos realistas para tablas y formularios, y pseudolocalización para productos que se van a traducir. Cada una sirve para una fase distinta.

¿Se puede hacer una prueba de usabilidad con lorem ipsum?

No en las pantallas que forman parte de la tarea. Si el participante no puede leer los menús, los botones o los mensajes, lo que mides es su intuición sobre la posición de los elementos, no la calidad del diseño. El relleno solo es aceptable en zonas que el usuario no necesita mirar.

¿Google penaliza una página con lorem ipsum?

No hay una penalización específica documentada, pero un texto sin sentido no aporta relevancia, hace que la página parezca inacabada y puede impedir que se indexe o que se considere útil. Si el relleno está en el título o en la meta description, además, es lo que verá la gente en los resultados.

¿Cómo sé si mi web tiene lorem ipsum publicado?

Busca los literales «lorem», «ipsum» y «dolor sit» en los ficheros del proyecto o en la base de datos, incluidos los metadatos, los textos alternativos y los datos estructurados. En Google, combina el operador site: con tu dominio y «lorem ipsum» para ver si alguna página indexada lo contiene.

¿El lorem ipsum afecta a la accesibilidad?

Sí, si se publica o si se usa en una revisión. Los lectores de pantalla lo leen en voz alta con la pronunciación del idioma de la página, y no permite comprobar si los encabezados, enlaces, etiquetas y textos alternativos se entienden. Un alt de relleno es peor que uno vacío.

¿Por qué un diseño que se ve bien con lorem ipsum se rompe con el texto real?

Porque el texto real tiene otras longitudes, palabras largas que no se pueden cortar, tildes y eñes que el latín no tiene, cifras, y casos vacíos o extremos. El lorem siempre mide lo que le pides; el contenido real, no.

¿Puedo usar textos de otra web como relleno realista?

Como referencia para medir longitudes, sí. Copiarlos en tu maqueta, no: tienen derechos de autor y acabarías diseñando para el mensaje de otro. Es mejor redactar un borrador propio, aunque sea provisional.

¿Dónde genero lorem ipsum gratis?

En el generador de lorem ipsum de GlobalTool, que no pide registro y te deja elegir párrafos, frases o palabras, la longitud de las frases y si quieres el resultado con etiquetas HTML.