Cómo publicar un HTML generado por IA
Le pediste un informe, un dashboard o una propuesta a una IA y recibiste un archivo .html completo. Publicar ese archivo significa darle una dirección en internet, para que otra persona lo abra en el navegador sin descargar nada. Esta guía reúne las formas de hacerlo y el criterio para elegir entre ellas.
Qué significa exactamente publicar un HTML
Publicar es darle al archivo una dirección pública. Hay dos categorías de herramienta, y confundirlas es el origen de casi toda la frustración con este tema.
Alojar es hacer que el archivo esté accesible en una URL. Casi todo el mundo lo hace, muchos gratis.
Compartir es decidir quién lo ve, saber quién lo vio y seguir teniendo el control después de que el enlace se reenvíe. Muchas menos herramientas hacen eso.
Si solo necesitas una dirección para un archivo desechable, cualquier hosting sirve. Si el archivo es una propuesta comercial, un informe de cliente o un documento con plazo, la segunda categoría es la que importa.
Cuáles son las opciones y cuándo gana cada una
| Opción | Mejor para | Límite práctico |
|---|---|---|
| El botón Publish de la propia IA | Mostrar algo rápido, sin compromiso | Enlace público, sin contraseña, sin caducidad, sin estadísticas |
| GitHub Pages | Quien ya usa Git a diario | Requiere repositorio, commit y conocimiento técnico |
| Netlify Drop | Un enlace desechable en segundos | Sin control de acceso ni datos de audiencia |
| Cloudflare Pages / Vercel | Un proyecto que se convertirá en producto | Paso de build y cuenta de desarrollador |
| Google Drive, SharePoint, OneDrive | Nada, en este caso | No sirven HTML como página navegable |
| Una plataforma de compartición | Documentos que necesitan control y respuestas | Plan gratuito limitado en número de archivos |
Elige GitHub Pages si eres desarrollador, el archivo es público y ya vives en Git: es gratis y no tiene límite de archivos.
Elige Netlify Drop si lo único que quieres es una dirección temporal para mostrar algo ahora y nunca más.
Elige una plataforma de compartición como I LOVE HTML cuando el documento tiene destinatario y consecuencia: cuando importa saber si lo abrieron, cuando el enlace necesita contraseña o fecha de caducidad, o cuando vas a actualizar el contenido sin cambiar la dirección ya enviada.
Cómo publicar en tres pasos
- Ten el archivo listo. Si la IA devolvió el código en la conversación, guárdalo como
.htmlo pégalo directamente en la plataforma. Si la página usa imágenes y fuentes propias, júntalo todo en un.zip. - Súbelo. Arrastra el archivo, pega el código o apunta a la fuente de datos. El paso a paso está en cómo subir un archivo.
- Ajusta el acceso y comparte. Define si es público, privado o con contraseña, marca caducidad si tiene sentido y copia el enlace.
El paso a paso detallado, con lo que el botón Publicar de Claude cubre y lo que no, está en how to share a Claude artifact privately (en inglés).
Por qué la página se rompe después de publicarla
Tres causas explican la mayoría de los casos:
- CSS o fuentes fuera del archivo. Si el HTML apunta a un archivo local que no se subió, el diseño se rompe. Solución: CSS incrustado en el propio archivo o un paquete
.zipcon todo dentro. - La herramienta no sirve HTML. Google Drive, SharePoint y OneDrive guardan el archivo, pero no lo entregan como página navegable.
- JavaScript bloqueado por el host. Algunos servicios filtran scripts, y el dashboard llega sin los gráficos.
Una plataforma que sirve el HTML en un contexto aislado puede aceptar JavaScript sin filtrar, porque la página no tiene acceso a la sesión de nadie.
Qué hacer después de publicar
Publicar es el comienzo. Lo que suele faltar:
- Organizar, cuando los archivos pasan de una docena: elige un criterio (cliente, proyecto o tipo) y mantenlo, y nombra los archivos con la fecha delante para que se ordenen solos.
- Imprimir, cuando el enlace va a un cartel o a un menú. Mira la guía de código QR dinámico.
- Actualizar sin cambiar la dirección, para no pedir que todos reciban el enlace otra vez.
Cuánto cuesta
Publicar un HTML puede costar cero. GitHub Pages, Netlify Drop y los botones de publicar de las propias IAs son gratuitos, y para muchas cosas eso basta.
Los documentos también pueden armarse desde una fuente de datos en vivo, en lugar de números copiados a mano, algo que anunciamos en documentos con datos de una API, Google Sheets o JSON.
El coste aparece cuando necesitas control: contraseña, caducidad, dominio propio, saber quién lo abrió. En I LOVE HTML el plan gratuito cubre hasta 5 archivos y el de pago empieza en €2 al mes, con hasta 100 archivos. Los límites de cada plan están en Planes y límites.
Cuándo no usar nada de esto: si el archivo es solo para ti, abrirlo en tu navegador local es suficiente. Publicar tiene sentido cuando hay otra persona del otro lado.