Página web hecha con IA: 12 cosas que revisar antes de lanzarla

Una página web hecha con IA puede estar lista en una tarde, pero antes de lanzarla conviene revisar 12 puntos: que no haya claves privadas en el código, que la base de datos tenga reglas de acceso, que el contenido se lea sin JavaScript y que los textos de ejemplo no queden publicados. Herramientas como Lovable, Bolt, v0, Replit o ChatGPT resuelven muy bien el diseño y lo que se ve. Lo que no se ve depende de que alguien lo revise, y todas estas revisiones las puedes hacer tú desde el navegador.

¿Por qué las páginas hechas con IA se parecen tanto?

Hoy cualquiera puede crear una página web con IA en minutos. Si no le pides otra cosa, la IA elige casi siempre lo mismo: React con Vite o Next.js, Tailwind, componentes de shadcn/ui, íconos Lucide y Supabase como base de datos. Y ante «hazme una landing para mi negocio», suele armar la misma estructura: portada con degradado, tres tarjetas de beneficios, testimonios, precios en tres columnas y preguntas frecuentes.

No es un problema en sí: son buenas herramientas. El riesgo es que un sitio web hecho con IA funciona en pantalla, y lo publicas tal cual sin saber qué quedó por dentro. Estas 12 revisiones están ordenadas de la más grave a la menos grave.

Seguridad de sitios hechos con IA: 4 revisiones que no pueden esperar

1. Claves privadas en el código

Las claves expuestas en el código son el error más grave, porque todo lo que llega al navegador lo puede leer cualquier visita. Si la IA puso ahí la clave de tu cuenta de pagos, de OpenAI o de Claude, alguien puede usarla para cobrar, gastar o leer datos a tu nombre. OpenAI lo dice en su guía de seguridad de claves: la clave nunca debe ir en el código que corre en el navegador.

Cómo revisarlo: abre tu sitio, presiona F12, entra a Sources (o Fuentes) y busca con Ctrl+Shift+F estas palabras: sk_live, sk-proj, sk-ant, service_role, secret y APP_USR (Mercado Pago). Si aparece una clave larga junto a alguna, cámbiala hoy en el panel de ese servicio y pide que la llamada pase por el servidor.

2. Base de datos sin reglas de acceso

Muchas páginas hechas con IA guardan los datos en Supabase o Firebase y los leen directo desde el navegador. Eso está bien solo si la base tiene reglas que digan quién puede ver qué. En Supabase se llaman Row Level Security (RLS), y su documentación explica que la clave pública depende de RLS para ser segura.

Cómo revisarlo: entra al panel de Supabase, abre Table Editor y fíjate si alguna tabla dice que RLS está desactivado. Si guarda clientes, pedidos o mensajes, actívalo y crea las políticas antes de lanzar. Si tienes datos de clientes, además te aplica la Ley 21.719.

3. Archivos que no debían publicarse

Al subir el proyecto pueden quedar publicados el archivo .env (donde van las claves) o la carpeta .git (con todo el código y su historial).

Cómo revisarlo: abre tusitio.cl/.env y tusitio.cl/.git/config en el navegador. Lo correcto es un error 404 o 403. Si ves texto con claves, bórralo del servidor y cambia todas esas claves.

4. Formularios que no envían nada

Es común que el formulario de contacto muestre «¡Gracias, te contactaremos!» sin mandar el mensaje a ninguna parte, porque la IA lo dejó como ejemplo.

Cómo revisarlo: envía una consulta de prueba con otro correo y confirma que llegue. Revisa también que el formulario pida el consentimiento para usar los datos, como explicamos en la guía de consentimiento.

Google y la IA: 4 revisiones para que te encuentren

5. Que el contenido exista sin JavaScript

Muchas páginas hechas con IA entregan un HTML casi vacío, con un <div id="root">, y el texto lo dibuja JavaScript en el navegador. Google puede leerlo, pero lo hace en etapas: primero rastrea, después ejecuta el código y recién entonces ve el contenido. Varias IA que buscan en la web no ejecutan JavaScript, así que ven una página en blanco. Por eso, la base del SEO en sitios con JavaScript es que el contenido exista en el HTML.

Cómo revisarlo: presiona Ctrl+U para ver el código fuente. Si no encuentras tus títulos ni tus textos, sino solo scripts, tu sitio depende de JavaScript. La solución es que haya contenido sin JavaScript, entregándolo ya armado: prerender, renderizado en el servidor o páginas estáticas.

6. Título y descripción de cada página

Es fácil que todas las páginas queden con el mismo título, en inglés o con el nombre de la plantilla, como «Vite + React» o el de la herramienta.

Cómo revisarlo: mira el nombre de la pestaña del navegador en cada página. Cada una debería tener un título propio y en español, con lo que la gente busca.

7. Una dirección para cada página

Si al navegar la dirección no cambia, o cambia con un #, o si al recargar una subpágina aparece un error 404, Google tiene problemas para indexar cada sección por separado.

Cómo revisarlo: entra a una subpágina, como «Servicios», y recarga con F5. Debe cargar la misma página, con su propia dirección.

8. Que Google encuentre el sitio y no un duplicado

Muchas herramientas publican primero en un subdominio propio (por ejemplo, tuproyecto.lovable.app o tuproyecto.vercel.app). Si esa dirección sigue abierta, Google puede indexar dos copias del mismo sitio.

Cómo revisarlo: busca site:tusitio.cl en Google y también el nombre de tu proyecto. Si aparece la dirección de la herramienta, redirígela a tu dominio. Si no aparece nada, revisa las causas por las que una página no aparece en Google.

Contenido y diseño: 3 revisiones antes de mostrarla

9. Textos y cifras de ejemplo

La IA rellena con testimonios de personas que no existen, frases como «más de 500 clientes felices», premios o atención a toda hora. Si se publican, son información falsa sobre tu negocio, y en una tienda pueden ser publicidad engañosa según la ley del consumidor.

Cómo revisarlo: lee cada texto como si fueras un cliente y pregúntate si podrías demostrarlo. Lo que no, se borra o se reemplaza con datos reales.

10. Datos de Chile

La IA no sabe que en Chile los precios a consumidores se muestran con IVA incluido, ni que tu sitio necesita una política de privacidad si recoge datos personales. También suelen faltar la razón social y las condiciones de compra o de retracto.

Cómo revisarlo: confirma que los precios estén en pesos y con IVA, que el pie tenga los datos de tu empresa y que existan las páginas legales que corresponden a tu negocio.

11. Celular y modo oscuro

La vista previa de la herramienta suele mostrarse en un computador. En un celular real aparecen textos que se salen de la pantalla, menús que no abren o botones tapados.

Cómo revisarlo: abre el sitio en tu teléfono, recorre cada página y prueba con el modo oscuro del celular activado: hay textos que desaparecen.

Velocidad: la revisión 12

12. Core Web Vitals

Los sitios hechos con IA suelen cargar mucho JavaScript e imágenes sin comprimir. Google mide la experiencia con las Core Web Vitals, y según web.dev lo recomendable es que el contenido principal cargue en 2,5 segundos o menos (LCP), que el sitio responda a un toque en 200 milisegundos o menos (INP) y que no se mueva al cargar (CLS de 0,1 o menos).

Cómo revisarlo: pon tu dirección en PageSpeed Insights y mira el resultado en la pestaña del celular.

Resumen: las 12 revisiones en una tabla

¿Cuándo pedir ayuda?

Si encontraste algo en las revisiones 1 a 3, no lo dejes para después: cambia las claves primero y revisa el resto con calma. Si ves cobros que no hiciste o datos de clientes a la vista, es una emergencia web.

Para lo demás, la IA te puede ayudar a corregirlo si le pides cada punto por separado. Y si prefieres que lo revise una persona, en el análisis de páginas web vemos tu sitio desde fuera, sin pedirte accesos.