SEO de JavaScript: Cómo Asegurarte de que Google Pueda Indexar tus Páginas Renderizadas con JS

La indexación ocurre en dos oleadas

Googlebot obtiene primero tu HTML sin procesar y puede indexar casi de inmediato cualquier contenido ya presente en esa respuesta inicial. Todo lo que solo aparece después de que se ejecuta JavaScript queda en cola para una segunda pasada —el renderizado— que usa recursos separados y puede rezagarse respecto al rastreo inicial desde segundos hasta, en un sitio con restricciones de rastreo, mucho más. Si tu contenido o tus enlaces internos solo existen después de esa segunda pasada, dependes de una vía más lenta y menos segura para siquiera llegar a indexarte.

Qué es lo que realmente rompe la indexación

• Contenido principal o enlaces internos que solo se renderizan después de una solicitud del cliente, sin nada significativo en el HTML inicial.
• Contenido bloqueado tras una acción del usuario —un clic, un desplazamiento, un pase del cursor— que Googlebot no tiene motivo para realizar.
• Archivos JS o CSS bloqueados en robots.txt que la página necesita para renderizarse correctamente; ver robots.txt vs noindex para saber cómo el bloqueo puede ser contraproducente.
• Enrutamiento del lado del cliente que nunca cambia el estado HTTP real: una ruta rota puede mostrarse en blanco o presentar un mensaje de no encontrado mientras sigue devolviendo 200, lo que aparece como un soft 404.
• Errores de hidratación o renderizado que solo ocurren en un entorno de navegador sin interfaz y pasan desapercibidos en las pruebas manuales normales.

Cómo revisar lo que Google realmente ve

La herramienta de Inspección de URL de Search Console tiene una vista de "Página probada" que muestra el HTML renderizado y una captura de pantalla después de que se ejecutó el renderizador de Google, no solo la respuesta sin procesar. Compárala con tu HTML de origen: si falta contenido o enlaces críticos en la respuesta sin procesar pero están presentes después del renderizado, dependes por completo de la cola de renderizado en lugar del rastreo inicial rápido.

Qué es lo que realmente ayuda

• Renderiza en el servidor (o genera de forma estática) el contenido y los enlaces de navegación que importan para el SEO, en lugar de obtenerlos del lado del cliente después de la carga.
• Usa elementos <a href> reales para enlaces internos, no controladores de clic en elementos que no son enlaces: Googlebot sigue los href, no enlaces arbitrarios de eventos de JavaScript.
• No bloquees los paquetes de JS/CSS de los que depende la página para renderizarse: Google necesita obtenerlos para renderizar la página en absoluto.
• Una vez que una página está corregida, no te limites a esperar la próxima pasada de renderizado: solicita la reindexación directamente, o envía la URL mediante IndexNow, para que la versión corregida se detecte según tu propio calendario en lugar del de la cola del renderizador.