Claude me dio un archivo HTML. ¿Cómo lo pongo en un enlace real?

En resumen

Una dirección que empieza por file:/// está en tu disco. Solo una dirección que empieza por https:// funciona para otras personas.
Pide un solo index.html con el CSS y el JavaScript dentro. Es lo más fácil de publicar.
Sin configurar nada: suelta el archivo, o pega el código, en pagelemon.com/drop.
Elige una forma de publicar y comprueba que podrás cambiar el sitio más adelante sin perder la dirección.

Por qué el archivo solo funciona en tu computadora

Cuando haces doble clic en un archivo HTML, tu navegador lo abre directamente desde tu disco. Eso está bien para ti. Un enlace solo funciona para otras personas si el archivo está en un ordenador que siempre está en línea y responde a las solicitudes. Ese ordenador es un host. Poner tu archivo ahí es publicar, a veces llamado desplegar.

La buena noticia: una página hecha por tu IA suele ser un sitio estático. Son solo archivos: HTML, CSS, JavaScript e imágenes. Los sitios estáticos son lo más fácil de alojar. No necesitas un servidor ni una base de datos.

Ábrelo primero en tu ordenador

Antes de publicar, comprueba que el archivo funciona. Lleva un minuto.

Copia el código en un archivo de texto sin formato. Si la IA te mostró código en el chat, pégalo entero en un editor de texto (el Bloc de notas en Windows, TextEdit en modo de texto sin formato en Mac). Si te dio una descarga, sáltate esto.
Guárdalo como index.html. Asegúrate de que el nombre no termine en .txt. Ponlo en una carpeta nueva y vacía.
Haz doble clic en el archivo. Se abre en tu navegador. Desplázate por toda la página, haz clic en cada enlace y botón, y estrecha la ventana para ver cómo se ve en un móvil.
Anota lo que está mal. Díselo a la IA en el chat y pídele el archivo otra vez.

Saca los archivos del chat

Según la IA, tu sitio puede ser una de estas cosas:

Una vista previa en el chat (artefactos de Claude, canvas de ChatGPT). Pide un solo archivo que puedas descargar.
Varios archivos (una página, una hoja de estilos, imágenes). Pide un .zip de todo el sitio con index.html en el nivel superior, no dentro de otra carpeta.
Una carpeta de proyecto creada por una herramienta de código como Claude Code, Codex o Cursor. Si tiene un paso de compilación, la carpeta que hay que publicar es la que genera la compilación, normalmente dist o build, no todo el proyecto.

El caso más simple es un solo archivo. La mayoría de los hosts tratan index.html como la página de inicio, y en Page Lemon también funciona un único archivo .html con cualquier nombre. Pega esto para conseguirlo:

Dame esto como un solo index.html con el CSS y el JavaScript dentro.

Arregla imágenes y enlaces rotos

Una página que se veía bien en tu ordenador puede mostrar cuadros vacíos en línea. Estas son las causas habituales:

La imagen no está en la carpeta. Guarda cada imagen junto a index.html, o en una subcarpeta como images que vaya con ella.
La ruta apunta a tu propio disco. C:\Users\you\photo.jpg solo existe en tu ordenador. Usa una ruta relativa como images/photo.jpg.
Las mayúsculas son distintas. Photo.JPG y photo.jpg son el mismo archivo en algunos ordenadores y archivos distintos en muchos hosts. Usa nombres en minúsculas en todas partes.
El nombre tiene espacios. Usa team-photo.jpg, no Team Photo.jpg.

Usa nombres de archivo en minúsculas y rutas relativas para todas las imágenes.

Tus opciones para conseguir un enlace real

Todas funcionan. Se diferencian en lo rápido que consigues un enlace y lo fácil que es cambiar el sitio después.

1. Deja que tu IA lo publique

Algunas IA pueden usar herramientas para publicar por ti. Las herramientas de código como Claude Code y Codex pueden subir archivos directamente. Las apps de chat a menudo no pueden acceder a internet desde su entorno aislado, así que te entregan un archivo.

Con Page Lemon pegas una línea en el mismo chat. Si tu IA aún no puede publicar, conéctala una vez y vuelve a pedírselo.

Publica mi sitio en PageLemon.com

2. Usa el botón de compartir de tu chat de IA

Claude tiene un botón Publicar para artefactos. Según el artículo de ayuda de Anthropic, crea un enlace público en el propio dominio de Claude. En los planes Free, Pro y Max, cualquiera con el enlace puede abrirlo. En los planes Team y Enterprise, el enlace se comparte dentro de tu organización. Es práctico para una demo rápida, pero la dirección no es tuya. Consulta la página de ayuda de Anthropic para ver las reglas actuales.

3. Suelta el archivo, o pega el código, sin configurar nada

Si tu IA no puede publicar ni conectarse, por ejemplo en el plan gratuito de ChatGPT, abre pagelemon.com/drop. Suelta ahí el archivo o, en un móvil sin archivo, pega el código que te dio la IA. Obtienes un enlace en segundos, sin cuenta y sin instalar nada. Para cambiar ese mismo sitio más adelante necesitas una IA que pueda conectarse: soltar un archivo nuevo crea una dirección nueva.

Cómo se comparan

	Enlace para compartir en un chat de IA	Un host genérico de subida directa	Page Lemon
Tiempo hasta tener un enlace	Segundos	Unos minutos	Segundos desde una herramienta de código o /drop; unos 2 minutos para conectar antes una app de chat
Cuenta necesaria	Sí, con esa IA	Varía	No para publicar; una cuenta gratuita para conservarlo
Dirección	En el dominio de la IA	Varía	Una dirección `pagelemon.dev`, o tu propio dominio en un plan de pago
Editar después desde un chat	En el mismo chat	Normalmente hay que volver a subirlo	Desde cualquier IA conectada, con la misma dirección
Historial de versiones	Varía	Varía	7 días en Gratis, más en los planes de pago

Las dos primeras columnas son patrones generales, y los detalles varían entre servicios. Consulta los términos actuales del que elijas.

Tu propio dominio

Una dirección como www.yourcafe.co.uk queda mejor en un menú o en una tarjeta. En Page Lemon, tu propio dominio viene con los planes de pago (Prompter cuesta $6 al mes e incluye 3 dominios). Compras el dominio a una empresa de dominios y les pagas cada año. Page Lemon no vende dominios. Así funciona.

Búscame un dominio para mi cafetería

Piensa en la semana que viene, no solo en hoy

Conseguir un enlace una vez es fácil. Lo difícil es la semana que viene, cuando quieras cambiar el horario o añadir una página. Pregúntate:

¿Seguirá igual la dirección después de un cambio? Si cada edición te da un enlace nuevo, tienes que compartirlo de nuevo cada vez.
¿Puede una IA hacer el cambio por ti? Puede que el chat donde hiciste el sitio ya no exista. Un chat nuevo, u otra IA, necesita una forma de leer el sitio actual y actualizarlo.
¿Puedes deshacer un mal cambio? Con el historial de versiones, un error cuesta un minuto, no una tarde.
¿Cuánto dura un sitio gratuito? Algunos caducan si no te registras. Está bien, siempre que lo sepas desde el principio.

En Page Lemon, un sitio publicado sin cuenta permanece en línea 72 horas. Una cuenta gratuita conserva hasta 3 sitios, con una pequeña insignia de Page Lemon. La dirección sigue siendo la misma tras las ediciones, y cada cambio se guarda como una versión a la que puedes volver.

Errores comunes

Publicar secretos. Si tu IA puso una clave de API en la página, cualquiera puede leerla una vez que está en línea. Los sitios estáticos no pueden guardar secretos. Consulta qué se hace público.
Publicar todo el proyecto. Sube solo el sitio terminado, no tus carpetas de código fuente, notas ni archivos .env.
Esperar que un formulario te envíe un correo. Una página web normal no puede enviar correos por sí sola. Pregúntale a tu IA cómo se entregarán los mensajes del formulario antes de contar con uno.
Compartir la dirección file:///. Nunca funciona para nadie más.

Preguntas

¿Por qué la página me funciona a mí pero no a mi amigo?

La estás abriendo desde tu propio disco. Tu amigo no tiene ese archivo. Publícala y luego envía el enlace https://.

¿Puedo simplemente enviar el archivo por correo?

Puedes, pero muchos programas de correo avisan de los adjuntos .html, y la persona tiene que guardarlo y abrirlo ella misma. Un enlace es más fácil para ella y para ti.

¿Necesito saber programar?

No. Necesitas el archivo o los archivos y una forma de ponerlos en línea. Tu IA puede hacer el resto, incluidos los cambios posteriores.

¿Y si tengo muchos archivos y carpetas?

Pide un .zip con index.html en el nivel superior y guarda las imágenes en la misma carpeta o en una subcarpeta. O pídele a la IA que ponga todo en un solo index.html, si el sitio es pequeño.

¿Cuánto cuesta probarlo?

Publicar en Page Lemon es gratis y no necesita cuenta. Sin ella, el sitio permanece en línea 72 horas.