Cómo hacer que ChatGPT lea tu web de Lovable
Tu web de Lovable se ve perfecta en el navegador. Pero GPTBot, ClaudeBot y PerplexityBot no ejecutan JavaScript, y lo que les llega es un HTML con un div vacío. Para ellos, tu web no dice nada.
Se pinta con JavaScript: la IA suele recibir la página vacía.
Por qué pasa
Lovable genera aplicaciones de una sola página con React y Vite. El servidor manda un HTML mínimo y es el navegador quien, al ejecutar el JavaScript, pinta los textos, los precios y los enlaces.
Google ejecuta JavaScript, con retraso, pero los rastreadores de los asistentes de IA, por lo general, no. Se quedan con el HTML tal como llega, y ahí no hay nada que citar.
Por eso una web de Lovable puede salir en Google y, a la vez, ser invisible cuando alguien le pregunta a ChatGPT por lo que vendes.
Cómo arreglarlo
Compruébalo
Analiza tu web con Tarsier: compara lo que ve una persona con lo que recibe un rastreador de IA y te dice qué porcentaje del texto se pierde.
Prerenderiza las páginas públicas
Pide a Lovable que genere el HTML de cada ruta pública en el build. El diseño no cambia: solo que el texto ya viene dentro del HTML.
Títulos, descripciones y datos estructurados
Cada página necesita su <title> y su meta description, y la portada un bloque JSON-LD que diga quién eres y qué vendes.
robots.txt y sitemap
Un robots.txt que deje entrar a los bots de IA y un sitemap.xml con todas las rutas, los dos en la carpeta public.
Vuelve a medir
Publica y analiza otra vez. La paridad entre lo que ve una persona y lo que recibe la IA debería acercarse al 100 %.
El prompt para pegar en Lovable
Mi web está hecha como una aplicación de una sola página (React + Vite) y el HTML que se descarga llega casi vacío: los rastreadores de IA (GPTBot, ClaudeBot, PerplexityBot) no ejecutan JavaScript y no ven el contenido. Quiero que cada página pública se sirva ya renderizada en el HTML, sin cambiar el diseño: 1. Añade prerenderizado en el build (por ejemplo vite-plugin-prerender o un paso de SSG) para todas las rutas públicas, de modo que cada ruta genere su propio index.html con el texto, los títulos y los enlaces dentro. 2. Pon en cada página un <title> y una <meta name="description"> propios, y en la portada un bloque JSON-LD de schema.org (Organization o LocalBusiness, y Product u Offer si vendo algo). 3. Crea public/robots.txt que permita GPTBot, ClaudeBot, PerplexityBot, OAI-SearchBot y Google-Extended, con la línea Sitemap. 4. Genera public/sitemap.xml con todas las rutas públicas. 5. Comprueba con curl que el HTML de cada ruta trae el texto principal antes de que cargue ningún script. No toques la lógica de la aplicación ni el diseño. Al acabar, dime qué rutas se prerenderizan.
Cópialo tal cual. Si el análisis encuentra más problemas, el informe completo trae un prompt escrito para tu web.
Preguntas frecuentes
¿Google sí ve mi web de Lovable?
Normalmente sí, porque Google ejecuta JavaScript, aunque tarde más en indexarla. Los asistentes de IA son otra cosa: la mayoría de sus rastreadores leen solo el HTML.
¿Tengo que salir de Lovable?
No. El prerenderizado se añade al proyecto que ya tienes; sigues editando en Lovable como siempre.
¿Cuánto tarda en notarse?
Lo que recibe un rastreador cambia en cuanto publicas. Que un asistente empiece a citarte depende de cuándo vuelva a pasar, y eso pueden ser días o semanas.