#10. Screaming Frog: análisis de renderizado JavaScript – Javascript en SEO

En esta lección aprenderás a utilizar Screaming Frog para analizar cómo se comporta tu sitio web cuando el contenido depende de JavaScript.

Veremos cómo configurar la herramienta para simular el rastreo con renderizado, identificar contenido no visible, enlaces generados dinámicamente y otros elementos críticos para el SEO técnico en sitios JavaScript.

Contenido de la clase

(Recordar que este contenido es la escaleta del vídeo)

1. Introducción al análisis con Screaming Frog

• Herramienta avanzada de rastreo SEO que permite analizar sitios web como lo haría un bot.
• Soporta renderizado JavaScript gracias a su modo de renderizado con navegador integrado (basado en Chromium).
• Ideal para detectar problemas técnicos relacionados con el contenido generado dinámicamente.

2. Configuración del rastreo con JavaScrip

Activación del modo de renderizado JS

• En Screaming Frog, ir a Configuración > Spider > Rendering.
• Seleccionar la opción “JavaScript” en lugar de “Text Only”.
• Configurar el User-Agent y otras opciones según se desee simular a Googlebot.

Opciones de espera y carga

• Configurar el tiempo de espera para cargar completamente los elementos renderizados.
• Ajustar los tiempos si el sitio usa carga diferida o contenido asíncrono.

3. Datos obtenidos en modo JavaScript

Diferencias clave con el rastreo estándar

• Se puede acceder al contenido inyectado por frameworks como React, Vue o Angular.
• Posibilidad de comparar el HTML inicial (fuente) con el DOM final tras ejecutar JS.

Columnas e informes relevantes

• «Rendered HTML»: visualiza el contenido tras ejecutar JS.
• «Inlinks» y «Outlinks»: analiza si los enlaces se generan correctamente tras el renderizado.
• «Blocked Resource»: identifica recursos (como JS y CSS) que no se cargan.
• Informes de elementos vacíos o no encontrados que deberían estar presentes.

4. Casos comunes detectables con Screaming Frog

• Enlaces no visibles para los bots por depender de JS mal implementado.
• Metadatos dinámicos que no se cargan a tiempo o no existen en el HTML original.
• Problemas de estructura de encabezados o de canonical que sólo aparecen tras el renderizado.
• Imágenes o contenido no cargado por lazy load sin fallback adecuado.

5. Buenas prácticas en el uso de Screaming Frog para JS

• Comparar siempre los resultados en modo «Text Only» y en modo «JavaScript».
• Usar el Rendered Page Screenshot para visualizar qué ve el crawler.
• Verificar que los enlaces internos, títulos, metas y contenido crucial estén disponibles después del renderizado.
• Exportar los datos para análisis cruzado con herramientas como Google Search Console o Google Sheets.

6. Limitaciones y recomendacione

• El rastreo con JS consume más recursos y puede ser más lento.
• Algunos sitios pueden requerir ajustes específicos en tiempos de espera o scripts personalizados.
• No sustituye al rastreo real de Googlebot, pero permite adelantarse a muchos posibles errores.

Objetivo de la clase

Entender y aprender todo lo relacionado y el potencial de la herramienta de Google search console

Recursos

• Presentación del curso
• Comprende los aspectos básicos de SEO en JavaScript
• Guía paso a paso para optimizar la carga de tu web
• Javascript, lo que debes saber
• Curso de Screaming frog