SEO en JavaScript: Cuando Google no ve lo mismo que tú

Cuando Google no ve lo mismo que tú

En desarrollo, solemos pensar que si algo “se ve” en el navegador, Google también lo ve. Pero no siempre es así.
Cuando tu sitio depende completamente de JavaScript para mostrar contenido o metadatos, hay una parte del proceso que muchos devs desconocen: cómo Google realmente interpreta tu código.

Y ahí está la raíz de muchos problemas de SEO técnico en frameworks modernos (React, Vue, Angular, Next.js, etc.).

Cómo Google “lee” una página con JavaScript

Cuando Google visita una URL, no ve el sitio completo de inmediato. Pasa por tres etapas que determinan si tu contenido llega o no al índice:

1. Crawling (rastreo):
   Googlebot descubre la URL y verifica si puede acceder a ella (robots.txt, sitemaps, enlaces internos).
2. Renderizado:
   Ejecuta tu JavaScript usando una versión headless de Chromium. Si el contenido o los metadatos se generan después de esta ejecución, recién aquí Google los verá.
   El problema: este paso no ocurre al instante, sino que pasa a una “cola de renderizado”. Si tu sitio es pesado o depende de muchas peticiones asincrónicas, puede demorar… o simplemente fallar.
3. Indexación:
   Una vez renderizada la página, Google decide qué guardar en su índice.
   Si hubo errores en el JS o datos que nunca cargaron, ese contenido puede no indexar jamás.

El riesgo de depender solo del cliente

Si tu contenido principal solo se genera con JavaScript (sin SSR o prerender), Google puede no ver nada.
Y cuando Google no ve, el negocio se vuelve invisible.

¿Qué implica eso?

• Pérdida de tráfico orgánico: menos visibilidad y oportunidades de adquisición.
• Menor ROI: más gasto en medios pagados para compensar el tráfico perdido.
• Baja autoridad y confianza: Google y los usuarios perciben menor calidad técnica.
• Caída en conversiones: sitios lentos o mal indexados reducen ventas y leads.
• Ventaja para la competencia: quien optimiza antes, gana posicionamiento sostenible.

En SEO técnico, no actuar a tiempo significa pagar más por cada visita y crecer menos.

Lo que aprendí al enfrentar este problema

Como desarrolladora, he aprendido (a veces por las malas) que el SEO técnico no es un tema de marketing, sino parte del stack de desarrollo moderno.
Hoy reviso siempre estos puntos cuando un proyecto involucra JavaScript:

1. Usar SSR (Server-Side Rendering) o SSG (Static Site Generation) siempre que sea posible.
   → Así Google recibe el contenido ya renderizado desde el servidor.
2. Evitar los fragmentos (#) en las rutas.
   → Google suele ignorarlos. Usa history.pushState() o routers con rutas limpias.
3. Mantener <title> y <meta> en el HTML inicial.
   → Si las generas dinámicamente, asegúrate de que el framework las sirva prerenderizadas.
4. Verificar los códigos HTTP correctos (200, 301, 404, 410).
   → Muchas SPAs devuelven 200 para todo, y eso confunde a los buscadores.

Estos detalles pueden parecer menores, pero son los que marcan la diferencia entre un sitio que existe… y uno que no.