Diseño de páginas web con IA: lo que sí funciona y lo que no
El diseño de páginas web con IA sirve para trabajar más rápido: la inteligencia artificial hace bocetos, propone textos, genera imágenes y ayuda con el código en minutos. Lo que no hace sola es una página que venda, porque el contenido real de tu negocio, la velocidad, el SEO y la seguridad siguen necesitando criterio humano. Yo, Julián, la uso a diario aquí en Florencia como asistente, no como reemplazo del diseño.
Esto importa porque hoy cualquier generador promete “tu web lista en cinco minutos”. A veces el resultado se ve bien en la pantalla del computador, pero carga lento en un celular con datos, no aparece en Google o ni siquiera es realmente tuyo. En este artículo te cuento qué hace bien la IA, dónde falla y qué revisar antes de pagar o publicar.
Diseño de páginas web con IA: lo que sí hace bien
Llevo más de 20 años diseñando sitios web, incluidos proyectos para clientes en Estados Unidos y España. La IA no cambió lo que hace buena a una página, pero sí cambió la velocidad de varias tareas. Estas son las que más aprovecho.
Bocetos y estructura
Antes de diseñar hay que decidir qué secciones lleva la página y en qué orden. Le describo el negocio a ChatGPT, Claude o Gemini y en pocos minutos tengo varias propuestas de estructura para comparar. Ese punto de partida me ahorra tiempo y me ayuda a detectar secciones que el cliente no había pensado, como preguntas frecuentes o políticas de reserva.
Variantes de textos
La IA es muy buena para producir alternativas: cinco títulos para la página de inicio, tres formas de explicar un servicio, una versión más corta para el celular. Yo escojo, mezclo y corrijo. El texto final siempre pasa por el cliente, porque solo él sabe cómo le habla a su gente.
Imágenes y recursos gráficos
Con Midjourney y otras herramientas genero fondos, texturas, ilustraciones y pruebas de composición. Sirven mucho para mostrar ideas de identidad visual antes de invertir en una sesión de fotos. Pero para un hotel, un restaurante o una finca agroturística nada reemplaza las fotos reales: el cliente quiere ver la habitación donde va a dormir, no una que no existe.
Ayuda con el código
Programo en HTML, CSS, JavaScript, PHP y Python, y la IA es un buen compañero para escribir funciones repetitivas, encontrar errores o explicar código ajeno. Todo lo que sugiere lo reviso y lo pruebo. A veces propone soluciones que funcionan, pero que pesan demasiado o descuidan la seguridad.
Revisiones de accesibilidad
Le puedo pedir a un asistente que revise si las imágenes tienen texto alternativo, si los encabezados siguen un orden lógico o si un botón tiene suficiente contraste. No reemplaza una prueba real con lector de pantalla y teclado, pero atrapa errores comunes antes de publicar.
Dónde falla la IA (y por qué se nota)
Todo se ve igual
Los generadores aprenden de millones de sitios y tienden al promedio: la misma foto grande arriba, las mismas tres columnas de iconos, los mismos textos amables y vacíos. Si tu competencia usa la misma herramienta, las dos páginas van a parecer primas. Para un negocio que quiere diferenciarse, eso juega en contra.
Inventa contenido
Una IA no sabe el horario de tu droguería ni cuántas habitaciones tiene tu hotel en San Vicente del Caguán. Si no le das datos, los rellena con suposiciones que suenan creíbles: premios que no existen, años de experiencia equivocados, servicios que no prestas. Un borrador generado sin información puede traer incluso testimonios con nombres inventados. Publicar eso daña tu credibilidad y te puede meter en problemas.
Trampas de SEO y velocidad en los constructores con IA
Algunos constructores automáticos producen páginas bonitas pero pesadas: muchos scripts, imágenes sin optimizar y textos que solo aparecen después de cargar JavaScript. Otros repiten el mismo título y la misma meta descripción en todas las páginas, o crean decenas de páginas casi iguales para “posicionar”.
Google aclara en su guía sobre el uso de contenido generado con IA que el problema no es usar IA. El problema es generar muchas páginas sin aportar valor al usuario, algo que puede violar su política contra el abuso de contenido a escala.
A eso súmale que muchas plataformas no te dejan exportar el sitio. Si mañana quieres cambiarte de proveedor, te toca empezar de cero.
No conoce tu territorio
La IA no sabe que en temporada de lluvias el acceso a algunos sitios turísticos cambia, que tus clientes prefieren escribirte por WhatsApp antes que llenar un formulario o que mucha gente se orienta por un barrio o un parque y no por la dirección exacta. Imagina un operador de ecoturismo en Belén de los Andaquíes: lo que convence a un viajero es saber cómo llegar, qué llevar y qué va a vivir. Ese conocimiento viene de ti y de quien conoce la región.
Así reparto el trabajo entre la IA y yo en cada etapa:
| Tarea | Dónde ayuda la IA | Qué reviso yo |
|---|---|---|
| Estructura | Propone secciones y orden | Que responda a lo que busca tu cliente |
| Textos | Borradores y variantes | Datos reales, tono, ortografía y palabras clave |
| Imágenes | Recursos e ideas visuales | Fotos reales, peso y texto alternativo |
| Código | Sugiere y depura | Rendimiento, seguridad y pruebas en celular |
| Accesibilidad | Detecta errores comunes | Contraste, teclado y lectura real |
Cómo combino la IA con criterio humano en un proyecto
Así trabajo cuando un negocio me pide una página web:
- Conversación sin pantallas. Primero entiendo el negocio: qué vende, a quién, qué preguntas recibe todos los días y qué quiere que haga la persona que entra a la web (llamar, escribir por WhatsApp, reservar o comprar).
- Borradores con IA. Con esa información uso la IA para explorar estructuras, textos de prueba e ideas visuales. Aquí es donde más tiempo gano.
- Contenido real. Reemplazo todo lo genérico por datos verificados del cliente: servicios, fotos, ubicación, horarios y, si los quiere publicar, precios.
- Diseño con identidad. Ajusto colores, tipografía y composición a la marca para que la página no parezca una plantilla más.
- Construcción técnica cuidada. Prefiero sitios livianos y seguros. Mi propio sitio lo estoy reconstruyendo como sitio estático con Astro después de sufrir problemas de malware en WordPress, y esa experiencia cambió la forma en que elijo la tecnología de cada proyecto.
- Revisión antes de publicar. Pruebo en varios celulares, mido la velocidad, reviso el SEO básico y dejo instalada la analítica.
Puedes ver trabajos hechos con este proceso en mi portafolio.
Lista de revisión antes de contratar o lanzar una web hecha con IA
Si alguien te ofrece una página hecha con IA, o si tú mismo armaste una con un generador, revisa estos puntos antes de pagar o publicar.
Velocidad
Prueba la página con PageSpeed Insights en su versión para celular. Como referencia, las métricas Core Web Vitals recomiendan que el contenido principal cargue en 2,5 segundos o menos, que la página responda a las interacciones en 200 milisegundos o menos y que el diseño no salte mientras carga. Si tus clientes te buscan desde el celular, a veces con señal irregular fuera del casco urbano, esto pesa todavía más.
Celular
Abre la página en tu propio teléfono y en uno de gama media. ¿Se leen los textos sin hacer zoom? ¿Los botones se tocan sin equivocarse? ¿El botón de WhatsApp está a la vista?
Contenido real
Lee cada frase. Elimina cualquier dato inventado, testimonio falso o promesa que no puedas cumplir. Verifica dirección, teléfono y horarios, y que coincidan con tu Perfil de Empresa de Google y tus redes sociales.
SEO básico
- Cada página con su propio título y su propia meta descripción.
- Un solo encabezado principal por página y subtítulos en orden.
- Direcciones web cortas y legibles.
- Imágenes livianas con texto alternativo.
- Mapa del sitio enviado a Google Search Console.
Si además quieres aparecer en ChatGPT o en las respuestas con IA de Google, te lo explico en mi guía de SEO para buscadores con IA.
Analítica
Pide que dejen instalado Google Analytics 4 con eventos para lo que de verdad te importa: clics en WhatsApp, llamadas y formularios enviados. Sin esos datos no sabes si la página está trabajando para ti.
Propiedad del dominio y del hosting
El dominio debe estar registrado a tu nombre o al de tu empresa, y tú debes tener acceso al panel. Lo mismo con el hosting. Si el proveedor desaparece, no puedes quedar con tu negocio secuestrado. Pregunta también si el sitio se puede exportar o migrar.
Seguridad
- Certificado HTTPS activo en todo el sitio.
- Copias de seguridad automáticas y una prueba de que se pueden restaurar.
- Contraseñas únicas y verificación en dos pasos para cada acceso.
- Un plan de actualizaciones si el sitio usa un gestor de contenidos.
Datos personales
Si tu formulario recoge nombres, correos o teléfonos, necesitas una política de tratamiento de datos acorde con la Ley 1581 de 2012. Muchos generadores no la incluyen y es fácil olvidarla.
Antes de pedir cotizaciones, te puede servir leer cuánto cuesta una página web en Florencia para saber qué preguntar y cómo comparar propuestas.
¿Hablamos?
Si estás pensando en una página web para tu negocio y quieres aprovechar la IA sin caer en sus trampas, escríbeme por WhatsApp o por la página de contacto. Con gusto reviso contigo lo que tienes o lo que necesitas.
Preguntas frecuentes
¿Google penaliza las páginas web hechas con IA?
No por el simple hecho de usar IA. Lo que Google trata como spam es producir muchas páginas sin valor para el usuario, lo que llama abuso de contenido a escala. Si la página tiene información real, útil y revisada por una persona, la herramienta con la que se hizo no es el problema.
¿Puedo crear la página de mi negocio solo con un generador de IA?
Para algo sencillo o temporal puede servir. Antes de publicar, revisa la velocidad en el celular, que el contenido sea real, el SEO básico y la analítica. Sobre todo, confirma que el dominio esté a tu nombre y que puedas llevarte el sitio si cambias de proveedor.
¿Una página web hecha con IA sale más barata?
La IA reduce el tiempo de algunas tareas, como los borradores de texto o los bocetos, pero no elimina el trabajo de estrategia, contenido, pruebas y seguridad. Compara propuestas por lo que incluyen y no solo por el precio: propiedad del dominio, soporte, velocidad y analítica.
¿Qué herramientas de IA usas para diseñar páginas web?
Trabajo con ChatGPT, Claude y Gemini para estructura, textos y apoyo en código, con Midjourney para recursos gráficos y con Grok para algunas consultas. Ninguna decide por mí: todo lo que producen lo reviso, lo ajusto a la marca y lo pruebo antes de publicar.
¿La IA puede escribir los textos de mi página web?
Puede hacer un buen primer borrador y proponer variantes, pero los datos tienen que salir de ti: servicios, horarios, ubicación, precios y forma de atender. Revisa cada frase, elimina lo inventado y ajusta el tono para que suene a tu negocio.
