Checklist antes de publicar un HTML hecho con IA (12 puntos)

Respuesta corta: antes de enviar a nadie un HTML generado con IA, revisa al menos tres cosas: el archivo (que esté completo, que declare UTF-8 y el viewport del móvil, que no tenga rutas locales), el contenido (que no haya claves ni datos personales y que los formularios de verdad envíen algo) y la prueba después de publicar (ventana de incógnito, datos móviles y Wi-Fi, la app de chat donde lo vas a mandar, y la fecha de caducidad). Con los 12 puntos de abajo, la mayoría de los problemas aparecen antes de que los vea otra persona.

A. El archivo

1. ¿Es un documento completo? Tiene que tener <!DOCTYPE html>, <head> y <body>, no ser un fragmento. Si la IA solo te ha dado el trozo modificado, pídele «dame el HTML completo con los cambios aplicados».
2. ¿Declara la codificación? En el <head> debe estar <meta charset="utf-8">; si no, las tildes y las eñes pueden salir rotas.
3. ¿Está adaptado al móvil? Debe incluir <meta name="viewport" content="width=device-width, initial-scale=1">; sin él, en el móvil el texto sale diminuto y hay que hacer zoom.
4. ¿Hay rutas locales? Busca en el código file://, C:\, /Users/ o ./images/. Si solo subes un HTML, esas referencias dejan de funcionar y no se verán ni imágenes ni estilos. Cámbialas por URLs públicas o incrusta los recursos.
5. ¿Cargan los recursos externos? Fuentes, scripts o librerías de estilos de un CDN pueden no cargar en la red de la otra persona (por ejemplo, en una red de empresa con filtros). Lo imprescindible, mejor dentro de <style>.

B. Contenido y seguridad

6. ¿Hay claves? Busca sk-, api_key, token o secret. Todo lo que hay en una página web lo puede ver quien la visita, incluido el código JavaScript.
7. ¿Hay datos personales? Nombres reales, teléfonos, DNI o datos internos: bórralos o cámbialos por datos de ejemplo antes de publicar.
8. ¿El formulario recoge algo? Un alojamiento de un solo archivo no trae base de datos. Que haya un formulario no significa que lo enviado se guarde. Si necesitas recoger datos, prepara un servicio que los reciba y haz un envío de prueba; si no, quita el formulario.

C. Comprobación después de publicar

9. Ábrelo en una ventana de incógnito para confirmar que se ve sin iniciar sesión.
10. Ábrelo con datos móviles y con Wi-Fi, y si puedes, pide a alguien con otro operador que lo pruebe.
11. Si lo vas a mandar por WhatsApp u otra app de chat, envíatelo antes a ti y ábrelo desde la app. Si el problema es que el chat no abre el archivo, mira WhatsApp no abre un archivo HTML: qué hacer.
12. Apunta la caducidad y guarda el archivo original. Muchos enlaces gratuitos caducan (en dochost, las páginas públicas gratuitas a los 7 días y las privadas a los 3). Para usos largos, pasa a un enlace permanente. El enlace no debería ser tu única copia.

Plantilla para copiar

[ ] doctype / head / body
[ ] <meta charset="utf-8">
[ ] viewport
[ ] sin rutas locales como file:// o ./images/
[ ] lo imprescindible no depende de un CDN externo
[ ] sin claves ni datos personales
[ ] el formulario envía a un servicio real (o no hay formulario)
[ ] se abre en incógnito
[ ] se abre con datos móviles y con Wi-Fi
[ ] probado en la app de chat, enviado a mí primero
[ ] tildes y eñes bien, tablas anchas sin desbordar
[ ] caducidad apuntada, archivo original guardado

Pedir a la IA un HTML que pase la lista

Este prompt funciona en ChatGPT, Claude o Gemini y evita de entrada la mayoría de los problemas de la lista:

Cómo convertir después ese código en un enlace y enviarlo: Cómo enviar un archivo HTML a otra persona.

Qué usar según lo que tengas

dochost publica un único archivo HTML o Markdown, gratis hasta 1 MB por página, y los enlaces gratuitos caducan (7 días los públicos, 3 los privados). Está pensado para compartir algo pronto, no para alojar una web de varios archivos. Más detalles en hosting HTML gratis.

Preguntas frecuentes

¿Por qué las tildes y las eñes salen como símbolos raros?

Lo más habitual es que falte <meta charset="utf-8"> o que el archivo no esté guardado en UTF-8. Añade esa línea al principio del <head> y vuelve a guardar el archivo en UTF-8.

¿Por qué las imágenes se ven en mi ordenador y en el enlace no?

Porque el HTML apunta a imágenes de tu ordenador (por ejemplo, ./images/logo.png). Si solo subes el HTML, las imágenes no van con él. Usa URLs públicas o convierte las imágenes a base64 dentro del HTML.

Si la página tiene una clave de API, ¿basta con publicarla como privada?

No. En dochost, «Privada» solo significa que la página no aparece en Explorar; quien tenga el enlace puede abrirla y ver el código fuente. Ninguna clave debería estar en una página web.

¿Tengo que hacer los 12 puntos siempre?

Si es algo rápido para alguien de confianza, haz al menos el 2, el 4, el 6 y el 11: codificación, rutas locales, claves y prueba en la app de chat. Si lo vas a publicar de cara al público, repasa los 12.