SEO para JavaScript: indexa tus páginas 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.

Notas específicas por framework

• Aplicaciones React del lado del cliente: una aplicación de una sola página básica envía una estructura HTML casi vacía. Para las páginas que necesitan posicionarse, usa un framework con renderizado en el servidor o generación estática.
• Next.js y Nuxt: el renderizado en el servidor y la generación estática colocan el contenido en el HTML inicial de forma predeterminada. Presta atención al contenido importante que solo se carga en efectos del lado del cliente.
• Angular y Vue: usa el renderizado del lado del servidor de Angular, o Nuxt en el caso de Vue, para que las páginas lleguen con su contenido ya incluido en el HTML.
• Scroll infinito: combínalo con URL paginadas que se carguen por sí solas, para que los rastreadores puedan llegar a los elementos que hay más allá de la primera pantalla.

Una prueba rápida que puedes hacer hoy

Abre la página, elige Ver código fuente de la página (no Inspeccionar) y busca una oración de tu contenido principal y algunas URL de enlaces internos. Si no aparecen en el código fuente, dependen de JavaScript. Después, ejecuta una verificación de indexabilidad gratuita para confirmar que la página devuelve 200, no tiene noindex y tiene la canónica correcta.