Dónde publicar la página web que hizo tu IA (opciones gratis y de pago)

La forma gratuita más rápida de publicar una página web que hizo tu IA es Netlify Drop: arrastras la carpeta con tus archivos a una página web y queda en línea, sin necesidad de cuenta. Si quieres algo duradero y con tu propia dirección, como tunombre.com, un plan de hosting como Bluehost (enlace patrocinado) es el camino de pago más sencillo. En ambos casos primero necesitas tus archivos juntos en una carpeta, y la extensión gratuita AI Code Harvester lo hace con un clic.

Primero, qué tienes en realidad

Cuando ChatGPT o Gemini crean una página web, te dan código: normalmente un archivo HTML (la página en sí), a menudo un archivo CSS (los colores y la disposición) y uno JavaScript (los botones y las acciones). Ahora mismo solo existen en tu chat o en tu ordenador. Para que otras personas vean la página, los archivos tienen que estar en un servidor web, que es simplemente un ordenador siempre encendido que muestra tu página a cualquiera que escriba su dirección. Eso es todo lo que significa «publicar».

Buena noticia: una página así es «estática». Significa que son solo archivos, sin una base de datos ni inicios de sesión funcionando detrás. Las páginas estáticas son las más fáciles de publicar, y varios servicios lo hacen gratis. Si tu página necesita recordar visitantes, recibir pedidos o guardar datos, es un proyecto mayor y un alojamiento de archivos simple no basta.

¿Qué opción es para ti?

• Quieres enseñarla hoy a alguien: Netlify Drop (gratis, la más rápida).
• La quieres gratis y duradera, y unos pasos más no te importan: Cloudflare Pages o GitHub Pages (gratis).
• Quieres tu propia dirección y todo en un sitio: un plan de hosting, por ejemplo Bluehost (de pago).
• Prefieres no tocar archivos: un constructor de sitios web (de pago).

Paso cero: pon tus archivos en una carpeta

Elijas lo que elijas, empieza aquí. El archivo principal debe llamarse index.html, porque es el que el servidor muestra primero. Los demás archivos (el CSS y el JavaScript) van en la misma carpeta, con los mismos nombres que menciona el HTML. Si la IA te dio el código en varias piezas, copiarlas a mano es donde la gente se atasca.

El atajo es AI Code Harvester, una extensión gratuita de Chrome (un pequeño complemento que da al navegador una función nueva). Encuentra el código en el chat y lo convierte en archivos con nombre. Pulsa Descargar ZIP para una carpeta de archivos, o abre el Workspace y usa Página única (.html), que une estilos y scripts en un solo archivo difícil de romper. El vídeo corto muestra cómo.

1. Consigue los archivos. Descarga el ZIP desde AI Code Harvester y descomprímelo en una carpeta nueva.
2. Llama index.html al archivo principal. Si la IA le puso otro nombre, cámbialo.
3. Pruébalo en tu ordenador. Haz doble clic en index.html. Si la página se ve bien, estás listo.
4. Quita todo lo privado. Revisa el código por si hay contraseñas o claves de API. Cualquiera puede leer el código de una página publicada.

Opción 1: Netlify Drop (gratis, la más rápida)

Netlify Drop es una página web donde arrastras una carpeta y tu sitio queda en línea. Netlify dice que no hace falta cuenta para usarlo, lo que lo hace la mejor opción para «solo quiero enseñarle esto a alguien».

1. Abre app.netlify.com/drop en tu navegador.
2. Arrastra tu carpeta (o un ZIP con ella) a la página.
3. Espera un momento. Obtienes una dirección en vivo que termina en netlify.app.
4. Abre esa dirección en una ventana privada para comprobarla y luego compártela.

El inconveniente: si sueltas una carpeta sin iniciar sesión, Netlify protege el proyecto con una contraseña temporal hasta que lo reclames registrándote (gratis). Así que, si quieres que otros lo vean, crea la cuenta, reclama el sitio y comprueba que esté configurado como público. Para actualizar la página más tarde, vuelves a soltar la carpeta. Netlify recomienda que una publicación no pase de unos 50 MB.

Opción 2: Cloudflare Pages (gratis, hecha para durar)

Cloudflare es una gran empresa que gestiona parte de la infraestructura de internet, y su servicio Pages aloja sitios estáticos gratis. Subes una carpeta o un ZIP en su panel (la página de control de su web). Hace falta una cuenta gratuita de Cloudflare, y tu dirección se parece a tuproyecto.pages.dev.

1. Crea una cuenta gratuita de Cloudflare y abre Workers & Pages.
2. Elige Create application, luego Get started y después Drag and drop your files.
3. Ponle nombre al proyecto, arrastra tu carpeta o ZIP y pulsa Deploy site.

El inconveniente: los menús cambian de vez en cuando, así que los botones pueden llamarse un poco distinto cuando mires. El límite de subida es de 1000 archivos y 25 MiB por archivo, de sobra para una página hecha por IA. Actualizar significa volver a subir.

Opción 3: GitHub Pages (gratis, si te gusta GitHub)

GitHub es el sitio donde los programadores guardan su código en «repositorios», que son carpetas de archivos almacenadas en línea. GitHub Pages convierte un repositorio en un sitio web. Es gratis y un clásico de siempre, pero es la opción gratuita con más pasos.

1. Crea una cuenta gratuita de GitHub y un repositorio nuevo llamado tuusuario.github.io.
2. Sube tus archivos, con index.html en el nivel superior.
3. Abre Settings del repositorio, luego Pages, y en Build and deployment elige Deploy from a branch y tu rama principal.
4. Espera unos minutos y abre https://tuusuario.github.io.

El inconveniente: los cambios pueden tardar hasta 10 minutos en aparecer. Y recuerda que todo lo que pongas en un repositorio público puede verlo cualquiera, así que revisa los archivos antes de subirlos.

Opción 4: Tu propio hosting y dominio (Bluehost)

Dos palabras que te encontrarás aquí. Hosting web significa alquilar espacio en un servidor web, para que tus archivos estén en línea día y noche. Un dominio es tu dirección, como tunombre.com. Con hosting y dominio eliges cómo se llama tu página, puedes usarla para un negocio y no dependes de las reglas de un servicio gratuito.

Bluehost (enlace patrocinado) es una empresa de hosting con la que mucha gente empieza. En su página de hosting compartido figuran SSL gratis (el candado que hace que tu dirección empiece por https), un dominio gratis el primer año (hay que reclamarlo en 90 días y cubre ciertas terminaciones) y una garantía de devolución de 30 días en el hosting. Antes de comprar, revisa la oferta actual y el precio de renovación en su página.

1. Elige un plan de hosting y tu dominio.
2. Abre el panel del hosting y busca la carpeta que contiene los archivos principales de tu sitio (a menudo se llama public_html). Las páginas de ayuda de tu hosting muestran dónde está.
3. Sube allí tus archivos, con index.html arriba, y abre tu dominio en una ventana privada.

El inconveniente: es la única opción de aquí que cuesta dinero, y los precios tras el primer periodo pueden cambiar, así que lee las condiciones de renovación. A cambio tienes tu propia dirección, sitio para más páginas después y una forma fácil de añadir correo en tu dominio.

¿Quieres tu propia dirección? Cómo funciona un dominio

Un dominio es el nombre que la gente escribe para encontrarte, como tunombre.com. Tiene una parte de nombre y una terminación (.com, .org y muchas otras). No lo compras para siempre: lo alquilas, normalmente por un año cada vez, y lo renuevas.

Hay tres formas habituales de conseguir uno:

• Junto con el hosting. Bluehost (enlace patrocinado) indica un dominio gratis el primer año con su hosting (hay que reclamarlo en 90 días y cubre ciertas terminaciones). Es el camino más sencillo si de todos modos vas a comprar hosting.
• En un vendedor de dominios (llamado «registrador»). Compras solo el nombre y lo conectas a donde viva tu página. Unos registradores son más baratos que otros: Cloudflare Registrar dice que no aplica margen a los precios de los dominios, y Netlify también vende dominios.
• Uno que ya tienes. Entonces solo necesitas el paso de conexión de más abajo.

¿Hace falta pagar hosting para usar tu propio dominio? No necesariamente. Netlify, Cloudflare Pages y GitHub Pages te dejan conectar tu propio dominio a un sitio gratuito. Mira la página de precios de cada uno para saber qué incluye tu plan.

1. Consigue el dominio en un registrador o con un plan de hosting.
2. Añade el dominio en el panel de tu host. En Netlify usa Domains, en Cloudflare Pages abre tu proyecto y elige Custom domains, en GitHub Pages usa los ajustes de Pages del repositorio.
3. Crea el registro que pide el host. Es una línea pequeña en los ajustes DNS de tu dominio (la agenda que dice a qué ordenador apunta un nombre). Normalmente es un registro CNAME para la versión con www y un registro A o ALIAS para el tunombre.com sin más. El host te muestra los valores exactos para copiar.
4. Espera y prueba. Puede tardar hasta 48 horas en funcionar, aunque a menudo es más rápido. Abre tu dominio en una ventana privada.

Dos notas. Cloudflare Pages necesita que tu dominio use los servidores de nombres de Cloudflare si quieres la versión sin www. Y si tu dominio y tu hosting están ambos en Bluehost, normalmente hay menos que configurar porque viven en la misma cuenta; sus páginas de ayuda muestran los pasos.

Opción 5: Un constructor de sitios web (sin archivos)

Si las carpetas, las subidas y los nombres de archivo te cansan solo de leerlos, un constructor de sitios te deja llegar a una web a base de clics: eliges bloques, escribes tu texto y pulsas publicar. Con un constructor normalmente rehaces la página con sus propios bloques, en lugar de subir el código de la IA. Website Builder de Bluehost (enlace patrocinado) y Weblium (enlace patrocinado) son dos que puedes mirar. Es la forma más lenta si ya tienes la página de la IA, pero la más fácil si vas a seguir cambiando cosas a mano.

Cuatro comprobaciones antes de compartir el enlace

• Ábrela en una ventana privada. Así ves lo que ve un desconocido, sin sesiones guardadas ni archivos en caché.
• Comprueba imágenes y enlaces. Si algo apunta a una ruta como C:\Users de tu ordenador, se romperá para todos los demás. Usa archivos que estén junto a index.html.
• Míralo en un móvil. La mayoría de los visitantes estará ahí. En la vista previa de AI Code Harvester puedes alternar antes entre los anchos Ordenador, Tableta y Móvil.
• Deja los secretos fuera. Nunca publiques una página que contenga una contraseña o una clave de API, porque cualquiera puede leer el código.

Consigue la extensión

AI Code Harvester es gratis y funciona con ChatGPT y Gemini. Encuentra el código en el chat, te deja ver la página en un entorno aislado y descarga todo como ZIP, como una sola página o junto con el chat. Funciona en tu ordenador: tu código nunca se sube a nosotros. Añádela desde Chrome Web Store.

Conviene saber antes de empezar

Preguntas frecuentes