Cómo hacer que ChatGPT lea tu web de Bolt
Con Bolt tienes una web en minutos. Pero si es una aplicación de React que se pinta en el navegador, los rastreadores de ChatGPT, Grok, Claude y Perplexity se encuentran una página en blanco.
Se pinta con JavaScript: la IA suele recibir la página vacía.
Por qué pasa
Bolt suele montar los proyectos con Vite y React como aplicación de una sola página: el HTML que manda el servidor solo trae el contenedor y los scripts, y el contenido aparece al ejecutarlos.
Los rastreadores de los asistentes de IA, en general, no ejecutan JavaScript. Leen el HTML que llega y se van.
Si tu proyecto de Bolt usa un framework con renderizado en servidor (Next.js, Astro, Remix), el problema puede no existir. Por eso conviene medirlo antes de tocar nada.
Cómo arreglarlo
Mide qué recibe la IA
Analiza tu web con Tarsier y mira la comparación: lo que ve una persona frente a lo que le llega a un rastreador.
Pide el prerenderizado
Pega en Bolt el prompt de abajo. Genera el HTML de cada ruta pública en el build sin tocar el diseño.
Metadatos por página
Título y descripción propios en cada ruta, y JSON-LD de schema.org en la portada.
Abre la puerta a los bots
robots.txt que permita GPTBot, ClaudeBot y PerplexityBot, y un sitemap.xml completo.
Despliega y vuelve a medir
Si lo publicas en Netlify o similar, comprueba que se sirven los HTML prerenderizados y no siempre el mismo index.html.
El prompt para pegar en Bolt
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
¿Y si mi proyecto de Bolt es Next.js?
Entonces probablemente ya se renderiza en el servidor. Aun así, las partes marcadas como «use client» que cargan datos después pueden quedar fuera: el análisis te dice cuáles.
¿El prerenderizado rompe algo?
No debería: la aplicación arranca igual en el navegador. Lo que cambia es que el primer HTML ya trae el contenido.