Glosario

Glosario de diseño web, diseño de producto, SEO y GEO

Definiciones claras de los términos de diseño web, UX/UI, producto digital, SEO, GEO y buscadores de IA que usamos con nuestros clientes.

Respuesta corta: este glosario explica, en una o dos frases cada uno, los términos que más usamos al diseñar webs y productos digitales: de UX/UI y design system a SEO, GEO y llms.txt. Lo mantenemos actualizado para que cualquier cliente pueda entender un presupuesto o una propuesta sin tener que buscar cada palabra.

Diseño de producto y UX/UI

  • UX (experiencia de usuario): cómo de fácil y útil le resulta a una persona usar un producto: si entiende qué hacer, lo consigue sin errores y quiere volver.
  • UI (interfaz de usuario): la capa visual con la que se interactúa: pantallas, botones, tipografía, colores y estados.
  • Diseño de producto: la disciplina que decide qué se construye y cómo funciona, uniendo las necesidades del usuario, los objetivos de negocio y lo que el equipo puede desarrollar.
  • Auditoría UX: revisión de un producto existente para encontrar los problemas de uso que más afectan a la conversión o a la retención, ordenados por impacto.
  • Flujo de usuario: la secuencia de pantallas y decisiones que sigue una persona para completar una tarea, como registrarse o pagar.
  • Wireframe: esquema de una pantalla sin diseño visual, para decidir la estructura y la jerarquía antes de los detalles.
  • Prototipo interactivo: versión navegable del producto que se comporta como el real y sirve para probarlo con usuarios antes de desarrollarlo. Lo explicamos en prototipar en código con IA.
  • MVP (producto mínimo viable): la versión más pequeña de un producto que permite comprobar si resuelve un problema real. Guía completa en cómo diseñar un MVP.
  • Design system: conjunto de componentes, estilos y reglas que hace que todas las pantallas de un producto sean coherentes y que el equipo diseñe y desarrolle más rápido. Más en design system para startups.
  • Componente: pieza reutilizable de una interfaz, como un botón, una tarjeta o un formulario, con sus variantes y estados.
  • Onboarding: los primeros pasos de un usuario nuevo dentro del producto, desde el registro hasta que consigue su primer resultado.
  • Activación: el momento en que un usuario nuevo obtiene por primera vez el valor del producto. Es una de las métricas clave de un SaaS.
  • Front-end: la parte del software que se ejecuta en el navegador o en la app y con la que interactúa el usuario.
  • Back-end: la parte del software que guarda los datos y ejecuta la lógica en el servidor.
  • Handoff: la entrega del diseño al equipo de desarrollo, con todo lo necesario para construirlo sin dudas.
  • SaaS (software como servicio): software que se usa desde el navegador y se paga por suscripción, sin instalar nada.

Web y conversión

  • Landing page: página diseñada para un único objetivo, como pedir una demo o registrarse. Ver landing page que convierte.
  • CTA (llamada a la acción): el botón o enlace que invita a dar el siguiente paso, como "Agendar reunión".
  • Conversión: el porcentaje de visitas que hacen lo que la web busca: escribir, registrarse, comprar o pedir una demo.
  • CRO (optimización de la conversión): el trabajo de mejorar una web o un producto para que más visitas conviertan, a partir de datos y pruebas.
  • Prueba social: logos de clientes, testimonios, reseñas y cifras que demuestran que otros ya confían en ti.
  • Hero: la primera sección de una página, la que se ve sin hacer scroll. Debe decir qué haces, para quién y cuál es el siguiente paso.
  • Copy: los textos de la web. Un copy orientado a conversión explica beneficios concretos con las palabras del cliente.
  • Responsive: que la web se adapta a cualquier tamaño de pantalla, del móvil al escritorio.
  • Core Web Vitals: las métricas de Google que miden la experiencia de carga de una página: velocidad de carga del contenido principal (LCP), respuesta a la interacción (INP) y estabilidad visual (CLS).
  • Hosting: el servicio donde se publica la web para que esté accesible en internet.
  • CMS (gestor de contenidos): herramienta para editar los contenidos de una web sin tocar el diseño, como WordPress o el editor de Webflow. Comparamos opciones en Framer vs. Webflow vs. WordPress.

SEO

  • SEO (posicionamiento en buscadores): el conjunto de mejoras técnicas y de contenido para que una web aparezca en los primeros resultados de Google.
  • SEO local: el SEO orientado a búsquedas con ubicación, como "psicólogo en Sitges", que incluye la ficha de Google Business Profile.
  • Google Business Profile: la ficha gratuita de un negocio en Google, la que aparece en Google Maps con horario, reseñas y fotos.
  • Palabra clave: la búsqueda concreta que escribe un cliente potencial y por la que quieres aparecer.
  • Intención de búsqueda: lo que de verdad quiere quien busca: informarse, comparar o contratar.
  • Datos estructurados (schema): código que describe el contenido de una página (empresa, servicio, precio, preguntas frecuentes) para que Google y las IA lo entiendan sin ambigüedad.
  • Sitemap: archivo que lista todas las páginas de una web para que los buscadores las encuentren.
  • Canonical: etiqueta que indica cuál es la versión principal de una página cuando hay varias parecidas.
  • Hreflang: etiqueta que indica a Google qué versión de una página corresponde a cada idioma o país. Ver cómo traducir tu web sin perder SEO.
  • Backlink: un enlace desde otra web hacia la tuya. Los enlaces de webs relevantes siguen siendo una señal importante de autoridad.
  • IndexNow: protocolo que avisa al instante a buscadores como Bing de que una página se ha creado o actualizado.

GEO, AEO y buscadores de IA

  • GEO (Generative Engine Optimization): optimizar una marca y su contenido para que los buscadores de IA, como ChatGPT, Gemini o Perplexity, la mencionen y la recomienden. Guía en qué es el GEO.
  • AEO (Answer Engine Optimization): preparar el contenido para que los motores de respuesta lo usen como respuesta directa a una pregunta. Ver qué es el AEO.
  • Buscador de IA: herramienta que responde con un texto generado a partir de varias fuentes, en lugar de con una lista de enlaces.
  • Cita en IA: cuando una respuesta de ChatGPT o Perplexity enlaza o nombra tu web como fuente.
  • llms.txt: archivo en la raíz de una web que resume en texto plano qué hace la empresa y cuáles son sus páginas importantes, pensado para que los modelos de lenguaje la entiendan.
  • Respuesta corta: el párrafo inicial de una página que responde la pregunta principal de forma directa. Facilita que Google y las IA lo citen.
  • Agente de IA: software que usa un modelo de lenguaje para completar tareas por sí mismo, como buscar información o rellenar formularios. Ver UX para agentes de IA.

Preguntas frecuentes

¿Qué diferencia hay entre SEO y GEO?

El SEO busca que tu web salga en los resultados de Google. El GEO busca que los buscadores de IA te mencionen dentro de su respuesta. Se complementan: las IA se apoyan en webs bien posicionadas y en fuentes de terceros como directorios y reseñas.

¿Qué diferencia hay entre UX y UI?

La UX decide cómo funciona el producto y si es fácil de usar. La UI decide cómo se ve. Un buen diseño de producto trabaja las dos a la vez.

¿Echas en falta algún término?

Escríbenos en contacto y lo añadimos.

¿Hablamos de tu proyecto?

Reunión de 30 minutos, sin compromiso. Te decimos qué necesitas y cuánto cuesta.

Empecemos juntos

Si estás construyendo algo ambicioso y necesitas un equipo que piense en producto, en marca y en negocio al mismo tiempo, estamos listos para acompañarte en el proceso.

© Pleya Studio, 2026 · [email protected]

Empecemos juntos

Si estás construyendo algo ambicioso y necesitas un equipo que piense en producto, en marca y en negocio al mismo tiempo, estamos listos para acompañarte en el proceso.

© Pleya Studio, 2026 · [email protected]

Empecemos juntos

Si estás construyendo algo ambicioso y necesitas un equipo que piense en producto, en marca y en negocio al mismo tiempo, estamos listos para acompañarte en el proceso.

© Pleya Studio, 2026 · [email protected]