Por qué la IA no puede ver tu sitio en React/Next — y cómo solucionarlo

Invertiste en contenido y, aun así, las respuestas de IA nunca te mencionan. A menudo la causa es técnica: el sitio es una SPA (una Single-Page App en React, Next.js en modo CSR, Vue, Svelte) donde el contenido se dibuja en el navegador. El problema: los bots de IA no ejecutan JavaScript, así que ven una página vacía.

Qué ve realmente un bot de IA

GPTBot, OAI-SearchBot, PerplexityBot y ClaudeBot leen el HTML fuente de la respuesta del servidor. No esperan a la hidratación y no hacen clic. Si tu <div id="root"></div> lo llena un script, el bot recibe una cáscara con un suelto «You need to enable JavaScript to run this app» — y se va.

Compruébalo en 10 segundos: pega una URL en Cómo ve la IA tu página — te muestra el texto exacto sin JS y cuántas palabras quedan ocultas detrás de JavaScript. Si un navegador ve 1.500 palabras y el bot recibe 11, ese es tu problema de GEO.

Cómo solucionarlo — según el framework

El objetivo es el mismo: entregar contenido ya renderizado en la primera respuesta HTML del servidor.

• Next.js — usa SSR, SSG o ISR (getStaticProps / server components del App Router) en lugar de puro client-side. El contenido debe estar en el HTML antes de la hidratación.
• Nuxt — universal (SSR) o nuxt generate (SSG) en lugar de ssr: false.
• React (CRA / Vite SPA) — mueve las páginas de contenido a prerenderizado (Astro, Gatsby) o agrega renderizado en el servidor. El CSR puro es un error para el contenido que debe ser citado.
• Vue / Svelte — SvelteKit y Nuxt hacen SSR/prerender de fábrica; actívalo para las páginas públicas.
• Renderizado dinámico — como solución temporal puedes servirle a los bots un HTML prerenderizado (Prerender.io y similares), pero un SSR/SSG honesto es más confiable.

Después de renderizar — completa el trabajo de GEO

Una vez que el bot ve el texto, agrega lo demás:

1. Schema.org (JSON-LD) — Article, FAQPage. Genera un marcado válido en el generador de schema.
2. llms.txt — un mapa del sitio para los motores de IA. Cómo hacerlo en el artículo sobre llms.txt.
3. Acceso de los bots de IA — asegúrate de que robots.txt no bloquee a los bots de citación: comprobación de acceso de rastreadores de IA.
4. Párrafos citables — una respuesta directa en las primeras 1–2 oraciones de cada sección. Más en la guía completa de GEO.

Por dónde empezar

1. Pasa tus URLs clave por Cómo ve la IA tu página.
2. Si el bot ve una cáscara — activa SSR/SSG para las páginas de contenido.
3. Vuelve a comprobar con la misma herramienta y agrega schema + llms.txt.

Fuentes

• Documentación de Google Search Central (JavaScript SEO, renderizado), OpenAI GPTBot y Perplexity — sobre los rastreadores de IA que leen el HTML fuente.
• llmstxt.org, Schema.org.