Sitios hechos con JavaScript: por qué algunos crawlers de IA no ven tu contenido y cómo generar contenido nuevo con menciones.ai
Por qué tu sitio puede ser invisible para la IA
Si tu sitio arma su contenido con JavaScript en el navegador del usuario, es posible que algunos crawlers de IA solo vean una página casi vacía. Muchos de estos bots leen el HTML que entrega el servidor y no ejecutan JavaScript como lo hace un navegador. Si tu texto no está en ese HTML, para ellos no existe.
La solución tiene tres partes:
- Revisa qué ve un bot en tus páginas más importantes.
- Entrega el contenido clave en el HTML, con renderizado del lado del servidor, generación estática o prerenderizado.
- Publica contenido nuevo pensado para ser leído, con respuestas directas, preguntas frecuentes y datos concretos.
menciones.ai te ayuda en la parte que más cuesta sostener: detecta en qué prompts de 6 motores de IA no apareces y genera por ti las piezas de contenido para publicarlas en páginas que los crawlers sí puedan leer.
¿Por qué algunos crawlers de IA no ven tu contenido?
Cuando alguien abre tu sitio, el navegador descarga el HTML, ejecuta el JavaScript y arma la página que ves. Un crawler hace algo más simple: pide la página al servidor y lee lo que recibe.
El problema aparece en los sitios que funcionan como aplicaciones de una sola página (SPA), muy comunes en sitios hechos con React, Vue o Angular y en algunos constructores de sitios. En esos casos, el servidor entrega un HTML casi vacío con un contenedor y un enlace al código. Todo el texto aparece después, cuando el JavaScript se ejecuta.
- Googlebot sí puede ejecutar JavaScript, aunque lo hace en una segunda etapa y con recursos limitados.
- Muchos crawlers de IA, como los que usan OpenAI, Anthropic o Perplexity para recopilar o consultar contenido, suelen leer solo el HTML inicial. Análisis publicados por la industria han encontrado que varios de estos bots descargan archivos de JavaScript pero no los ejecutan.
El resultado: tu sitio puede verse perfecto para tus clientes y, al mismo tiempo, estar vacío para los motores que responden sus preguntas. Puedes tener el mejor contenido de tu categoría y que ChatGPT o Perplexity no lo encuentren.
Una señal de alerta: si en menciones.ai ves que tu marca no aparece en prompts donde tu sitio claramente tiene la respuesta, revisa si los crawlers pueden leer esas páginas.
Tipos de renderizado y qué ve un crawler
Tipo de renderizado | Cómo funciona | Qué ve un crawler que no ejecuta JavaScript | Riesgo para tu visibilidad en IA |
|---|---|---|---|
Del lado del cliente (CSR) | El navegador arma la página con JavaScript | Una página casi vacía, sin tu texto | Alto |
Del lado del servidor (SSR) | El servidor entrega la página ya armada | Todo el contenido | Bajo |
Generación estática (SSG) | Las páginas se generan como HTML antes de publicarse | Todo el contenido | Bajo |
Prerenderizado | Un servicio entrega una versión en HTML a los bots | El contenido, si el servicio está bien configurado | Bajo o medio |
Híbrido | Parte en el servidor, parte con JavaScript | Lo que esté en el HTML inicial | Depende de qué parte se cargue después |
Los sitios hechos con WordPress, Shopify o la mayoría de los constructores tradicionales suelen entregar el contenido en el HTML. El riesgo está sobre todo en aplicaciones web a la medida y en sitios generados con herramientas que producen aplicaciones de una sola página.
Cómo saber si tu sitio tiene el problema: 4 pruebas
- Ver el código fuente. Abre tu página, haz clic derecho y elige "Ver código fuente" (no "Inspeccionar"). Busca con Ctrl+F una frase de tu texto. Si no aparece, el contenido se carga con JavaScript.
- Desactivar JavaScript. En la configuración de Chrome, bloquea JavaScript para tu sitio y recarga. Lo que ves es muy parecido a lo que ve un crawler que no ejecuta JavaScript.
- Pedir la página como lo haría un bot. Tu equipo técnico puede usar un comando como curl para descargar el HTML que entrega tu servidor y revisar si incluye el texto.
- Revisar en Google Search Console. La herramienta de inspección de URL muestra cómo ve Google la página. Útil, aunque recuerda que Google sí ejecuta JavaScript y otros crawlers no.
Haz estas pruebas en tus páginas más importantes: inicio, servicios, precios, preguntas frecuentes y blog. Empieza por las que responden los prompts que monitoreas en menciones.ai.
Cómo solucionarlo
No necesitas rehacer tu sitio completo. Estas son las opciones, de la más completa a la más rápida:
- Renderizado del lado del servidor (SSR). Frameworks como Next.js, Nuxt o SvelteKit entregan la página ya armada. Es la solución más sólida si tu sitio es una aplicación web.
- Generación estática (SSG). Para páginas que no cambian a cada minuto, como servicios, blog o preguntas frecuentes, generar HTML estático es rápido y muy fácil de leer para cualquier bot.
- Prerenderizado. Un servicio genera una versión en HTML de cada página y se la entrega a los bots. Es una solución intermedia cuando no puedes cambiar la arquitectura pronto.
- Blog o centro de contenido aparte. Si tu aplicación principal no puede cambiar, publica tu contenido en un blog con WordPress u otra plataforma que entregue HTML, en un subdominio o una carpeta de tu sitio.
Además, sin importar la opción:
- Pon el texto principal, los títulos y los enlaces internos en el HTML inicial.
- No dependas de pestañas, acordeones o botones de "ver más" que carguen texto solo al hacer clic.
- Revisa que tu archivo robots.txt no bloquee a los crawlers de IA que sí quieres permitir.
Una vez resuelto lo técnico, el siguiente paso es tener contenido que valga la pena leer.
Cómo generar contenido nuevo y visible con menciones.ai
Arreglar el renderizado hace que los crawlers vean lo que ya tienes. Pero si tu sitio nació como una aplicación, es probable que tenga poco texto: botones, formularios y frases cortas que no responden las preguntas de tus clientes. Ahí entra menciones.ai:
- Detecta qué preguntas no estás respondiendo. Monitorea tus prompts en ChatGPT, Gemini, Claude, Perplexity, Grok y Google AI Overviews, y te muestra en cuáles aparece tu competencia y tú no.
- Genera las piezas de contenido por ti. La plataforma crea el contenido para responder cada prompt: artículos, guías, preguntas frecuentes y páginas de servicio con la estructura que la IA prefiere citar.
- Contenido listo para publicar en HTML. Las piezas son texto con títulos, listas y tablas, fáciles de publicar en tu blog o en páginas estáticas, donde cualquier crawler las puede leer.
- Mide si ya te ven. En las siguientes revisiones compruebas si tu marca empieza a aparecer en los prompts que atacaste. Si no, revisa de nuevo que la página sea legible sin JavaScript.
Una estrategia práctica para sitios con mucho JavaScript: deja tu aplicación como está y crea un blog o centro de recursos en HTML, alimentado cada mes con las piezas que genera menciones.ai.
Plan de 30 días
Semana | Qué hacer en tu sitio | Cómo te ayuda menciones.ai |
|---|---|---|
1 | Haz las 4 pruebas en tus páginas clave y anota cuáles se ven vacías sin JavaScript | Te muestra en qué prompts no apareces, para priorizar las páginas que responden esas preguntas |
2 | Decide la solución con tu equipo técnico: SSR, generación estática, prerenderizado o un blog aparte | Te ayuda a definir qué temas necesita cubrir el nuevo contenido |
3 | Aplica la solución en las páginas prioritarias y publica las primeras piezas en HTML | Genera las piezas de contenido para esos prompts, listas para publicar |
4 | Repite las pruebas y revisa robots.txt | Mide en las siguientes revisiones si tu marca empieza a aparecer en los prompts que atacaste |
Con el plan Presencia tienes 8 piezas de contenido al mes para empezar a llenar tu blog o centro de recursos. Si necesitas cubrir muchos servicios, Líder (20 piezas) o Autoridad (30 piezas) te permiten avanzar más rápido.
Errores comunes
- Revisar solo con Google. Que tu sitio aparezca en Google no significa que los crawlers de IA lo lean, porque Googlebot sí ejecuta JavaScript y muchos otros bots no.
- Confiar en "Inspeccionar" del navegador. Esa vista muestra la página ya armada con JavaScript. Para ver lo que recibe un bot, usa "Ver código fuente".
- Esconder el texto en pestañas o botones. Si el contenido se carga solo al hacer clic, es probable que los bots no lo vean.
- Bloquear crawlers de IA sin querer. Algunas configuraciones de seguridad o de robots.txt bloquean a GPTBot, ClaudeBot o PerplexityBot. Revisa qué permites.
- Arreglar lo técnico y no publicar nada. Un sitio legible pero con poco texto sigue sin responder las preguntas de tus clientes. menciones.ai genera ese contenido por ti.
- No medir después del cambio. Sin monitoreo no sabes si la IA ya encuentra tu contenido.
Preguntas frecuentes
¿ChatGPT puede leer sitios hechos con React?
Depende de cómo esté construido el sitio. Si el contenido se entrega en el HTML desde el servidor, sí. Si se arma solo en el navegador con JavaScript, es probable que los crawlers que usa OpenAI vean muy poco.
¿Google sí ve mi sitio aunque use JavaScript?
Googlebot puede ejecutar JavaScript, así que normalmente sí. Pero eso no garantiza que otros motores de IA lo vean igual.
¿Tengo que rehacer mi sitio?
No necesariamente. Puedes aplicar prerenderizado, generar como HTML estático las páginas más importantes o publicar tu contenido en un blog aparte que entregue HTML.
¿Cómo sé si los crawlers de IA visitan mi sitio?
Tu equipo técnico puede revisar los registros del servidor y buscar visitas de bots como GPTBot, ClaudeBot o PerplexityBot. Para saber si eso se traduce en menciones, revisa tus prompts con menciones.ai.
¿menciones.ai me ayuda si mi sitio tiene este problema?
Sí. menciones.ai te muestra en qué prompts no apareces y genera por ti las piezas de contenido para publicarlas en páginas que los crawlers sí puedan leer, como un blog en HTML. Después mide si tu marca empieza a aparecer.
Que la IA vea lo que tus clientes ven
Un sitio moderno y rápido no sirve de mucho para tu visibilidad en IA si los crawlers reciben una página vacía. Revisar qué entrega tu servidor, mover el contenido clave al HTML y publicar textos que respondan las preguntas de tus clientes hace que tu sitio exista también para los motores de IA.
Con menciones.ai detectas en qué prompts no apareces en ChatGPT, Gemini, Claude, Perplexity, Grok y Google AI Overviews, generas cada mes las piezas de contenido para responderlos y compruebas si la IA ya encuentra tu sitio. Empieza a monitorear tus prompts y haz que tu contenido sea visible para quien más lo necesita leer.