Llevamos años hablando de diseño centrado en el usuario. Hoy toca hablar de diseño centrado en todos los usuarios. Incluyendo los artificiales.
Cuando diseñas una web, tomas decisiones que afectan a mucho más que la estética: jerarquía visual, contraste, estructura de contenido, semántica del HTML. Decisiones que hasta ahora medíamos en términos de UX y conversión.
Hoy esas mismas decisiones determinan si ChatGPT, Perplexity o Google AI te citan cuando alguien pregunta algo relacionado con tu negocio.
El diseño siempre ha hablado dos idiomas. Ahora tiene un tercero.
Un buen diseño web habla con las personas que lo usan. Pero siempre ha hablado también con las máquinas: los rastreadores de Google leen tu HTML, interpretan tu jerarquía de encabezados, evalúan si tu estructura tiene sentido.
Ahora hay un tercer interlocutor: los modelos de lenguaje. Y leen tu web exactamente igual que un lector de pantalla: sin ver los colores, sin percibir el espaciado, sin entender que ese texto grande en negrita «parece» un título si no está marcado como H1.
Los datos lo confirman. El tráfico referido por IAs creció un 527% entre enero y mayo de 2025. ChatGPT ya tiene más de 800 millones de usuarios semanales y Google AI Overviews aparece en al menos el 16% de todas las búsquedas. Y cuando una IA sí te cita, los visitantes que llegan convierten 4,4 veces más que el tráfico orgánico tradicional.
La visibilidad en IAs ya no es un problema de marketing. Es un problema de diseño.
Qué decisiones de diseño afectan directamente a tu visibilidad en IAs
La jerarquía visual es diferente a la jerarquía semántica
Ese titular enorme que diseñaste en Figma con una tipografía de 64px y peso 800 es precioso. Pero si en el HTML es un <div> estilizado en lugar de un <h1>, para una IA no existe como titular. No puede entender de qué trata la página.
Las IAs construyen su comprensión del contenido a partir de la estructura semántica, no del aspecto visual. Un H1, H2, H3 correctamente anidados le dicen al modelo qué es importante, qué es secundario y cómo se relacionan los contenidos.
Decisión de diseño: valida siempre que la jerarquía visual coincide con la semántica. Lo que parece un título, debe serlo en el código.
El contraste no es solo accesibilidad. Es legibilidad para máquinas
El estándar WCAG 2.1 AA exige un ratio de contraste mínimo de 4,5:1 para texto normal. Muchos diseños lo incumplen con esos grises tan elegantes sobre fondos blancos.
Pero más allá del cumplimiento legal, el bajo contraste es una señal de contenido de baja calidad técnica. Los modelos de lenguaje que evalúan la calidad de una página tienen en cuenta señales técnicas de accesibilidad como indicadores de confiabilidad del sitio.
Decisión de diseño: el color no puede ser el único portador de información. Nunca.
Falta de coherencia
- Cada módulo generado por la IA puede carecer de integración y visión global.
- Las decisiones de diseño no quedan documentadas ni capturadas formalmente.
- Dificulta la evolución del proyecto y la incorporación de nuevos miembros.
En definitiva, Vibe Coding es útil para proyectos muy simples o prototipos, pero no para software que deba mantenerse, escalar o cumplir estándares de calidad profesional.
Las imágenes sin descripción son contenido invisible
Un hero con una foto impactante, un infográfico con datos clave, un diagrama explicativo. Visualmente poderosos. Para una IA, inexistentes si no tienen alt text descriptivo.
Wikipedia representa el 47,9% de las fuentes más citadas por ChatGPT al responder preguntas factuales. ¿Qué tiene Wikipedia que no tiene tu web? Contenido textual estructurado, descripciones precisas y contexto semántico en cada elemento.
Decisión de diseño: el alt text no es un campo técnico que rellena el desarrollador. Es contenido que diseña el equipo de contenido junto con el visual.
Los formularios sin labels son UX rota y GEO roto
Un campo de email con solo placeholder y sin label visible puede parecer más limpio visualmente. Pero es un fallo de accesibilidad (WCAG 1.3.1) y una señal negativa de calidad técnica para los rastreadores de IA.
Lo que rompe la experiencia del usuario con lectores de pantalla, también rompe la confianza de los modelos de lenguaje en la calidad de tu sitio.
Decisión de diseño: los labels forman parte del diseño, no son un extra técnico. Diseña con ellos visibles o correctamente asociados, no los elimines por estética.
La arquitectura de la información es tu carta de presentación ante las IAs
Cómo organizas el contenido, cómo lo titulas, si usas datos estructurados Schema.org, si tienes una página clara de «quiénes somos» con autoría experta… todo esto son señales E-E-A-T (Experiencia, Expertise, Autoridad, Confianza) que los modelos de lenguaje utilizan para decidir si tu contenido merece ser citado.
Después de implementar buenas prácticas GEO, una empresa B2B consiguió que el 10% de sus visitas orgánicas procediera de motores generativos en 90 días, con un 27% de ese tráfico convirtiéndose en leads cualificados.
Decisión de diseño: la arquitectura de la información no es solo navegación y UX. Es la estructura que le dice a las IAs quién eres y por qué deben citarte.
Accesibilidad y GEO: dos problemas, una solución
La accesibilidad web (WCAG 2.1 AA) y el GEO comparten el mismo principio de diseño: la claridad estructural beneficia a todos los lectores, sean humanos, tecnologías asistivas o modelos de lenguaje.
Un enfoque accesible no es solo más inclusivo: también está mejor preparado para ser interpretado por IAs. No hablamos de dos líneas de trabajo distintas, sino de una misma inversión con doble retorno.
El espacio web siempre ha tenido la responsabilidad de hacer la información comprensible. Hoy, esa responsabilidad se amplía: ya no pensamos solo en personas, sino también en sistemas que filtran, priorizan y deciden qué contenido merece visibilidad.
Y ahora, más que nunca, diseñar bien sigue siendo la respuesta.