Por qué los rastreadores de IA no pueden leer tu sitio con JavaScript (y cómo solucionarlo)
Tu sitio web se ve perfecto en un navegador. Pero cuando ChatGPT, Claude o Perplexity lo visitan, puede que no vean casi nada. El motivo casi siempre es el mismo: tu contenido se dibuja con JavaScript, y los rastreadores de IA normalmente no lo ejecutan.
En qué se diferencian los rastreadores de IA de tu navegador
Un navegador descarga tu HTML y luego ejecuta el JavaScript para construir la página final. Los rastreadores de IA y sus bots de indexación suelen detenerse en el primer paso: leen el HTML sin procesar que envía tu servidor y siguen su camino. Por lo general no esperan al JavaScript, y no hacen clic ni se desplazan.
Así que la pregunta que decide tu visibilidad ante la IA es sencilla: ¿tu contenido ya está en el HTML, o tiene que construirlo el JavaScript?
Cómo ve la IA una página hecha solo con JavaScript
Muchas aplicaciones de una sola página (creadas con un framework en modo solo cliente) envían un esqueleto casi vacío como este:
<body>
<div id="root"></div>
<script src="/app.js"></script>
</body>Un navegador ejecuta app.js y rellena #root con tu contenido. Un rastreador de IA lee el HTML de arriba y ve un <div> vacío. Tus artículos, las fichas de producto y los precios solo existen después de que se ejecute el JavaScript, así que, para la IA, no existen en absoluto.
Cómo comprobar tu propio sitio
- Ver código fuente. Haz clic derecho en la página y elige «Ver código fuente de la página» (no «Inspeccionar»). El código fuente muestra el HTML sin procesar que envió el servidor. Si tu texto principal no está ahí, la IA tampoco puede verlo.
- Desactiva el JavaScript y recarga. Si la página se queda en blanco, eso es aproximadamente lo que recibe la IA.
- Haz un análisis con esta herramienta. El panel «Lo que ve realmente la IA» muestra el texto exacto que un rastreador puede leer de tu página.
Cómo solucionarlo
La solución es enviar el contenido en el HTML en lugar de construirlo en el navegador.
- Renderizado en el servidor (SSR). Frameworks como Next.js, Nuxt, SvelteKit y Astro pueden renderizar las páginas en el servidor para que el HTML llegue completo.
- Generación estática (SSG). Prepara las páginas como HTML estático en el momento del despliegue: ideal para blogs, documentación y páginas de marketing.
- Prerenderizado. Si necesitas mantener una app solo de cliente, prerenderiza tus páginas clave a HTML estático.
- Mejora progresiva. Pon primero el contenido principal en el HTML y usa el JavaScript para mejorarlo, no para crearlo.
No tienes que renunciar al JavaScript. Solo necesitas que las palabras importantes estén en el HTML antes de que se ejecute cualquier script.
En resumen
El renderizado con JavaScript es el motivo más común, con diferencia, de que un sitio sea invisible para la IA, y es el primer y mayor factor de nuestra introducción al GEO. Revisa tu HTML sin procesar y, si tu contenido no está ahí, muévelo al servidor. Todo lo demás importa mucho menos si una IA no puede leer tus palabras para empezar.