El problema invisible de las single-page apps
Muchos sitios construidos en React, Vue o Angular como single-page application (SPA) entregan al navegador un HTML casi vacío, y todo el contenido real se genera después con JavaScript. Para una persona, el sitio se ve completo. Para el rastreador de Google, que prioriza el HTML inicial, eso puede significar páginas en blanco o contenido que tarda en aparecer, en el mejor de los casos, o que nunca se indexa, en el peor.
Google sí ejecuta JavaScript, pero no siempre como esperas
Google puede renderizar JavaScript, pero lo hace en una segunda pasada de rastreo, con recursos limitados y sin garantía de tiempo. Si tu contenido depende de llamadas a una API que tardan en responder, o de interacciones del usuario para cargar texto, existe un riesgo real de que ese contenido nunca llegue al índice.
Server-Side Rendering (SSR) y pre-renderizado resuelven esto
La solución técnica es generar el HTML completo en el servidor (SSR) o en tiempo de build (pre-renderizado/SSG), de forma que el rastreador reciba contenido completo desde la primera solicitud, sin depender de JavaScript del lado del cliente. Frameworks como Astro, Next.js o Remix existen específicamente para resolver este problema sin sacrificar interactividad.
Cómo lo construimos
Este mismo sitio está construido con Astro, generando HTML estático por defecto e hidratando con JavaScript solo los componentes que realmente lo necesitan, como nuestras calculadoras interactivas. Si tu sitio actual es una SPA en React puro, podemos auditar qué tan indexado está realmente tu contenido.