Cómo crear una página web con IA: del primer prompt a la web publicada

Para crear una página web con IA, escribe para qué sirve la web y qué páginas necesita, describe eso con unas pocas frases sencillas a un creador de webs o apps con IA, y deja que genere una primera versión que puedas ver en una vista previa en directo. Después corrige los textos, compruébalo en el móvil, añade lo básico que necesitan los buscadores y publícala en un dominio. La mayoría de las webs pequeñas, como la web de un negocio, un portfolio, una landing page o un blog sencillo, pueden pasar de la idea a estar en línea en una sola sesión.

¿Qué tipo de web quieres crear?

«Web» abarca cosas muy distintas, y el tipo que elijas cambia lo que tienes que pedir:

Tipo de web	Páginas que suele necesitar	¿Necesita base de datos?
Landing page	Una sola página larga: portada, ventajas, pruebas sociales, preguntas frecuentes y botón de acción	Solo si recoge registros
Web pequeña de negocio	Inicio, servicios, sobre nosotros, contacto y quizá tarifas	Solo para formularios o reservas
Portfolio	Inicio, cuadrícula de trabajos, páginas de proyecto, sobre mí y contacto	Rara vez
Blog o web de contenidos	Inicio, listado de artículos, páginas de artículo, categorías	A menudo, o archivos Markdown
Web con funciones de app	Cualquiera de las anteriores más inicio de sesión, reservas, pedidos o un panel	Sí

Si la tuya está en la última fila, en realidad estás creando una app web con una cara de marketing. No pasa nada: los creadores de apps con IA gestionan ambas cosas, pero planifica la parte de la app por separado. Nuestra guía sobre cómo crear una app con IA cubre ese caso.

Creadores de webs con IA, plantillas y creadores de apps con IA

Hay tres rutas habituales, y cada una encaja con un perfil distinto.

Creadores basados en plantillas con funciones de IA (Wix, Squarespace, Framer y similares). Empiezas desde una plantilla diseñada y editas de forma visual; la IA ayuda a escribir textos o sugiere una distribución. Son buenos si quieres un diseño probado, un editor visual y extras integrados, como un blog o un widget de citas.
Creadores de apps con IA (Mythex, Lovable, Bolt y otros). Describes la web en el chat, la IA escribe el código desde cero y la ejecuta en una vista previa en directo. Son buenos si quieres algo a medida, si quieres cambiarlo hablando en lugar de arrastrando cajas, o si prevés añadir funciones de app más adelante.
Webs hechas a mano o por una agencia. Siguen siendo la opción adecuada para webs grandes con flujos de contenido complejos, sistemas de marca estrictos o revisión legal de cada página.

Para ver una comparativa de herramientas concretas, consulta las mejores plataformas para crear webs con IA.

Paso 1: planifica la web en una sola página

Antes de abrir cualquier herramienta, responde a estas cinco preguntas. Te llevará diez minutos y te ahorrará horas de ida y vuelta:

¿Quién es el visitante y qué debe hacer? «Propietarios de vivienda de la zona que deben llamar para pedir presupuesto» es un plan. «Todo el mundo» no lo es.
¿Qué páginas hacen falta? Haz una lista. La mayoría de las webs pequeñas necesitan cuatro o cinco.
¿Qué va en cada página? Una o dos líneas por página: «Servicios: tres servicios con una descripción breve y un precio de inicio».
¿Qué es real? Reúne el nombre real de tu negocio, tus servicios, precios, dirección, horario, fotos y testimonios que puedas usar. La IA inventará marcadores de posición para todo lo que no le des.
¿Qué sensación debe transmitir? Dos o tres palabras («calmada, limpia, mucho espacio en blanco») o un enlace a una web que te guste.

Paso 2: escribe el primer prompt

Un buen primer prompt describe el negocio y las páginas, no el código:

Crea una web para Harbor Physio, una clínica de fisioterapia en un pueblo costero pequeño. Páginas: Inicio (cabecera con el botón «Reserva una valoración», tres razones para elegirnos y una sección breve de testimonios), Servicios (lesiones deportivas, dolor de espalda, rehabilitación tras una cirugía; cada uno con un párrafo y la duración de la sesión), Sobre nosotros (los dos fisioterapeutas, con marcadores de posición para las fotos) y Contacto (dirección, horario, teléfono y un formulario de contacto). Aspecto calmado y limpio con un color de acento azul suave. Pensado primero para móvil. Usa textos con aspecto real, nada de lorem ipsum, y no inventes reseñas ni premios.

La última frase es importante. Las herramientas de IA están dispuestas a rellenar los huecos con testimonios inventados, banners del tipo «confían en nosotros 10.000 clientes» o premios falsos. Diles que no lo hagan, y compruébalo de todos modos.

Si ya tienes un logotipo, colores de marca o una captura de una web que te guste, adjúntalos. Para más patrones, consulta cómo escribir prompts para creadores de apps con IA.

Paso 3: revísala como lo haría un visitante

Cuando aparezca la primera versión, no empieces por retocar tipografías. Recórrela como lo haría tu visitante:

¿Se entiende en cinco segundos a qué se dedica el negocio al entrar?
¿Es obvio el botón principal, y lleva a algún sitio?
¿Existe cada página del menú y enlaza correctamente?
Cambia a la vista de tamaño de móvil. La mayoría de los visitantes llegarán desde un teléfono, y ahí es donde aparecen los textos apretados y las imágenes demasiado grandes.

Después cambia una cosa cada vez. «Acorta el titular de la portada y pon el teléfono en la cabecera» da mejor resultado que «haz que quede mejor». Si un cambio sale mal, vuelve a una versión anterior en lugar de intentar arreglarlo a base de mensajes.

Paso 4: sustituye los marcadores de posición por contenido real

El primer borrador tendrá imágenes de relleno y frases genéricas. Trabaja página por página:

Textos. Pega tus descripciones de servicios, precios y horarios reales. Pide a la IA que los pula, pero mantén los datos como son.
Imágenes. Sube tus propias fotos cuando puedas. Las fotos de stock valen para fondos; las fotos reales de tu trabajo, tu equipo o tus instalaciones generan más confianza.
Pruebas sociales. Usa solo testimonios, logotipos y cifras que puedas respaldar.
Páginas legales. Si recoges datos personales a través de un formulario, normalmente necesitarás una política de privacidad. Pide a la IA una página y después compruébala con las normas del lugar donde operas; una política generada es un punto de partida, no asesoramiento legal.

Paso 5: formularios, reservas y otras partes de «app»

Un formulario de contacto necesita un destino donde enviar los mensajes. Las opciones, de la más sencilla a la más compleja:

Opción	Cómo funciona	Contrapartida
Enlace mailto o número de teléfono	Se abre la aplicación de correo del visitante	Cero configuración, pero no queda registro de las consultas
Formulario guardado en una base de datos	Los envíos se almacenan y se muestran en una página privada	Tienes que revisar la lista
Formulario que te envía un correo	Usa un proveedor de correo como Resend o Postmark	Necesita una clave de API y un dominio de envío verificado
Herramienta de terceros integrada	Un widget de reservas o de boletín de otro servicio	Rápido, pero su aspecto y sus datos viven en otro lugar

Si necesitas reservas o pagos reales, consulta cómo crear una app de reservas y cómo añadir pagos a tu app.

Paso 6: lo básico de SEO antes de compartirla

Una IA puede escribir una página preciosa que los buscadores apenas entienden. Antes del lanzamiento, pide:

Un título y una meta descripción únicos en cada página
Un único encabezado principal por página, con subencabezados coherentes
Texto alternativo descriptivo en las imágenes
Etiquetas Open Graph, para que los enlaces se vean bien al compartirlos en redes sociales o en mensajes
Un mapa del sitio y un archivo robots

Hay un punto técnico que conviene conocer. Muchos creadores con IA producen aplicaciones de una sola página, en las que el navegador construye la página con JavaScript. Los buscadores pueden indexarlas, pero el HTML estático o renderizado en el servidor es más fiable para las páginas que quieren posicionarse. Si el tráfico de búsqueda te importa, pide una web estática o un framework que renderice las páginas en el servidor. Nuestra guía sobre SEO para webs creadas con IA entra en más detalle.

Paso 7: publicar y conectar un dominio

Publicar convierte la vista previa en una web pública. La mayoría de los creadores te dan primero un subdominio gratuito, que sirve para probar y compartir con amigos. Para un negocio, conecta tu propio dominio: puedes comprarlo a través del creador o apuntar un dominio que ya tengas a la web con un registro DNS. Cómo conectar un dominio propio explica el paso del DNS.

Después del lanzamiento, crea una cuenta gratuita en Google Search Console para ver si tus páginas se están indexando.

Errores habituales

Pedir todo a la vez. Doce páginas, un blog, una tienda y una zona de socios en un mismo prompt producen una versión superficial de cada cosa. Crea primero las páginas básicas.
Publicar texto de relleno. Busca en cada página «Lorem», «Tu empresa» y cifras inventadas antes de salir a producción.
Olvidarse del móvil. Revisa cada página en anchura de móvil, no solo la portada.
Dejar vago el llamado a la acción. Cada página debe dejar claro el siguiente paso: llamar, reservar, comprar o ponerse en contacto.
No pensar en quién la actualizará. Si otra persona editará la web cada semana, asegúrate de que pueda hacerlo, ya sea hablando con el mismo creador o eligiendo una herramienta con editor visual.

Lo que cuesta

Una web sencilla creada con IA suele costar mucho menos que una diseñada y construida a medida. Los costes recurrentes que conviene prever son:

El creador. La mayoría tiene un nivel gratuito para probar y un plan de pago para dominios propios y más uso.
Alojamiento. A veces está incluido en el plan y a veces se cobra según el uso.
Un nombre de dominio. Una cuota de registro anual, que depende del nombre y de la extensión.
Extras. Un proveedor de correo para las notificaciones de formularios, o herramientas de pago para reservas o boletines.

Cuándo es mejor un creador de webs tradicional

Sé honesto con lo que necesitas. Si quieres una web tipo folleto clásica, un editor visual para un compañero que no sea técnico, un blog integrado con programación de publicaciones o una tienda online con inventario y envíos gestionados, puede que un creador de webs basado en plantillas o una plataforma como Shopify te sirvan mejor que cualquier código generado por IA. Los creadores de apps con IA ganan terreno cuando la web es poco habitual, cambia a menudo o es la puerta de entrada a algo que se comporta como una app.

Crear la web con Mythex

Mythex es un creador de apps con IA, y las webs son una de las cosas más comunes que la gente crea con él. Describes la web, la construye en una vista previa en directo (incluida una vista de tamaño de móvil) y la publicas en una dirección tunombre.mythex.app; en Pro puedes comprar un dominio en Mythex o conectar uno que ya tengas. Si los posicionamientos en buscadores te importan, puedes pedir un sitio estático simple en lugar de la app React predeterminada; consulta la documentación sobre webs estáticas y SEO para tu app publicada.

Mythex no es un CMS: no existe un acceso aparte para un equipo de marketing que edite, así que los cambios se hacen hablando con el creador o editando el código. Para no empezar con una página en blanco, parte de una de las plantillas de webs o plantillas de portfolio, que abren un proyecto nuevo con el prompt inicial ya rellenado.

Preguntas

¿Puede la IA crear una web completa por mí?

Sí. Un creador de webs o apps con IA puede generar un sitio completo de varias páginas a partir de una descripción escrita, con diseño, textos, imágenes y un formulario de contacto. Aun así, tienes que aportar los datos de tu negocio y revisar cada página antes de publicarla.

¿Es buena para el SEO una web creada con IA?

Puede serlo, pero no es automático. Cada página necesita un título y una descripción únicos, encabezados reales y contenido real, y una web que se muestre bien a los buscadores. Pídelo de forma explícita y compruébalo antes del lanzamiento.

¿Necesito saber HTML para crear una web con IA?

No. Describes lo que quieres en lenguaje natural y la IA escribe el código. Conocer unos cuantos términos, como página, sección, formulario o dominio, hace que tus peticiones sean más claras, pero nunca tienes que escribir HTML tú mismo.

¿Debo usar una plantilla o un creador de webs con IA?

Usa un creador basado en plantillas si quieres un diseño probado y un editor visual que otros puedan actualizar después. Usa un creador con IA si quieres algo a medida y rápido, o una web que también necesite funciones de app, como reservas, inicios de sesión o una base de datos.