Qué es Renderizado: definición y guía completa SEO
Renderizado (Rendering): Proceso por el que el navegador o el bot de búsqueda ejecuta el código HTML, CSS y JavaScript de una página para generar la representación visual final. Para SEO, el renderizado determina qué contenido ve realmente Googlebot y, por tanto, qué contenido puede indexar y usar para el ranking.
Tipos de renderizado y sus implicaciones para el SEO
El renderizado del lado del servidor (SSR) genera el HTML completo en el servidor antes de enviarlo al navegador: Googlebot recibe todo el contenido en la primera respuesta, sin necesidad de ejecutar JavaScript. Es la opción más segura para SEO. El renderizado del lado del cliente (CSR) envía un HTML mínimo y genera el contenido con JavaScript en el navegador: Googlebot recibe el HTML vacío inicialmente y debe ejecutar el JS para ver el contenido real. El renderizado estático (SSG) pre-genera el HTML en el momento del build: es el más rápido y el más sencillo para SEO. El renderizado incremental (ISR, en frameworks como Next.js) permite regenerar páginas estáticas sin necesidad de rebuild completo.
El renderizado diferido de Google: el retraso que afecta al indexado
Google renderiza el JavaScript de las páginas en una segunda fase, separada del rastreo inicial. Esta separación puede significar un retraso de horas, días o incluso semanas entre que Googlebot rastrea el HTML inicial y cuando ejecuta el JavaScript para ver el contenido completo. Durante ese tiempo, la página puede estar indexada solo con el contenido del HTML inicial (que en una SPA puede ser prácticamente vacío). Este retraso afecta a la velocidad con que nuevo contenido generado por JS aparece en el índice y a la frescura de las actualizaciones. La solución es usar SSR o SSG para asegurarse de que el contenido está en el HTML inicial.
Cómo comprobar cómo renderiza Google tu página
La herramienta de Inspección de URL en GSC es la más directa: muestra una captura de pantalla de cómo ve Google la página renderizada, el HTML renderizado completo (incluyendo el contenido generado por JS) y si hay recursos bloqueados que impiden el renderizado. Comparar el HTML de la captura de GSC con el código fuente del HTML inicial revela qué contenido depende de JavaScript. Screaming Frog en modo JavaScript rastrea las páginas ejecutando el JS y permite ver el HTML renderizado. Deshabilitar JavaScript en el navegador (DevTools > Settings > Disable JavaScript) da una indicación del HTML inicial que Googlebot recibe antes de ejecutar JS.
Preguntas frecuentes
¿Los frameworks modernos como React o Vue son malos para el SEO?
No inherentemente, pero depende de cómo se configuren. React con CSR puro es problemático porque el HTML inicial está vacío. React con Next.js usando SSR o SSG es excelente para SEO. El framework en sí no es el problema; el tipo de renderizado que usa sí lo es. La clave es asegurarse de que el contenido principal de la página está en el HTML que devuelve el servidor, no en el JavaScript que se ejecuta después.
¿El prerenderizado (prerendering) es una buena solución para el SEO de las SPAs?
El prerenderizado genera versiones HTML estáticas de las páginas para los crawlers mientras sirve la SPA JavaScript a los usuarios. Funciona bien para sitios con contenido relativamente estático. Para sitios con contenido muy dinámico o personalizado, el prerenderizado puede desactualizarse rápidamente. Herramientas como Prerender.io, Rendertron o el prerenderizado integrado en frameworks modernos facilitan esta implementación.