3 maneras de comprobar como renderiza tu página Google

¿Qué es el renderizado en SEO?

Aunque tengas una web visualmente impecable, eso no significa que Google la vea igual que tú. Si usas contenido dinámico, JavaScript o frameworks modernos, es clave revisar cómo renderiza Google tus páginas.

El renderizado es el proceso mediante el cual Google interpreta y “pinta” tu página web, una vez ha recibido el HTML inicial. Esto incluye ejecutar el JavaScript, cargar los recursos y mostrar el contenido visible para el usuario. El navegador que estés utilizando hace lo mismo, mezcla todo y te lo imprime.

Enlace a https://albertopalazuelos.com

¿Por qué es importante revisar cómo renderiza Google?

La razón por la que deberías de comprobar como Google (o el motor de búsqueda en cuestión) renderiza tu web es porque es posible que, por cuestiones técnicas, no pueda ver o cargar parte de tu contenido, y por ende, no lo indexe ni lo tenga en cuenta a la hora de valorar tu página.

3 formas de comprobar el renderizado de Google

Vamos al grano. Aquí tienes tres formas prácticas para ver cómo interpreta Google tu web:

1. Usando Google Search Console (método recomendado)

Si tienes acceso a GSC, sigue esta ruta:

1. Entra en GSC y busca el dominio en cuestión

2. En la barra superior, haz clic en «Inspeccionar URL»

3. Introduce la URL que quieras analizar

4. Haz clic en «Ver página rastreada»

5. Selecciona «Captura de pantalla» y después «Probar URL publicada»

¡Ojo! En la imagen que veas Google solo mostrará hasta los 1750 píxeles de altura. A partir de ahí no mostrará más pero no eso no significa que no haya sido capaz de renderizar más si no que eso es el límite de lo que te va a mostrar. Si quieres comprobar si ha podido renderizar contenido de más abajo deberás revisarlo en la pestaña «HTML», a la izquierda de «Captura de pantalla».

2. Alternativa con herramientas de Google (sin GSC)

¿No tienes acceso a GSC? Usa esta alternativa (también de Google):

1. Entra en el validador de rich results

2. Introduce la URL que quieres revisar

3. Haz clic en «Ver página probada»

4. Ve a la sección de «Captura de pantalla»

3. Comprobación masiva con Screaming Frog

¿Quieres hacer este análisis en decenas o cientos de URLs? Aquí entra en juego la rana chillona 🐸

Pasos:

1. Abre Screaming Frog

2. Ve a Configuración > Spider > Renderizado

3. Selecciona Javascript como modo de renderizado

4. Activa la opción “Capturar pantallas de página renderizada”

5. Opcional pero recomendable: selecciona Googlebot como User Agent

6. Ejecuta el crawl

7. Selecciona una URL, ves al panel de abajo y selecciona la pestaña «Página renderizada»

Una vez finalice, podrás ver las capturas y comprobar el estado de renderizado en masa.

Aspectos a tener en cuenta sobre SEO y Javascript

A la hora de valorar tomar medidas de qué hacer con el renderizado de la página hay varias cuestiones a tener en cuenta:

1. El atributo de css heigth: 100vh te puede hacer pasar un mal rato. El problema es que Google renderiza como si tuviera un «movil enorme», por lo que el 100% de la pantalla no es lo indicado. Como solución ponle un max-height.
2. Aunque no haya problemas de renderizado, puedes comprobar cuññanto de tu contenido depende del javascript de forma manual (desactivando en la Chrome Dev Tool el JS; Ctrl+Shift+C > Ctrl+Shift+P > «Disable javascript») o a través de Screaming Frog (en su apartado «JavaScript»)
3. No analices solo elementos visuales sino etiquetado que puede estar siendo modificado (aquí también puedes utilizar Screaming Frog)
4. Actualmente, Google puede renderizar e indexar sin problemas incluso aplicaciones JS complejas como las SPA.
5. Por otro lado, los LLMs no renderizan javascript por lo que el juego en este terreno si depende de ello.
6. El SSR es una alternativa si dependes mucho de javascript, pero el CSR no implica que seas penalizado ni perjudicado.