Cómo analizar el marcado Mobile-Desktop con Screaming Frog

Cómo analizar el marcado Mobile-Desktop con Screaming Frog

¿Qué pasa cuando tenemos versiones de urls separadas para escritorio y para mobile?

fuente: Google
fuente: Google

Como bien indica Google en sus recursos se hace necesario hacer anotaciones mediante etiquetas canonical y alternate, para mostrar la equivalencia de la orientación por dispositivo del contenido.
El ejemplo de anotación que nos muestra, no deja lugar a dudas

Fuente: Google
Fuente: Google

 

¿Cómo comprobar que están bien etiquetadas las urls?

¡Screaming Frog puede ayudarte!
Con la última actualización «de la rana», la versión 4.1 nos trae principalmente 2 novedades bastante potentes:

  1. Integración con Google Analytics
  2. Custom Scraper/Extractor.

En realidad para los que ya hayáis probado URLProfiler (si quieres probarla, descárgala desde aquí), sabréis que ambas funcionalidades ya las tenía, pero obviamente como crawler, Screaming Frog gana muchos enteros añadiendo estas dos novedades.
Al lío, ¿cómo chequeamos en Screaming si los etiqeutados están bien puestos en ambas direcciones?

Paso 1: Lista de urls a analizar

Lo podemos hacer de varias formas, podemos crawlear el sitio y que Screaming extraiga las anotaciones durante el crawleo.
Esto para sitios medianos o pequeño, es perfecto.
Ahora que si quieres chequearlo en sitios grandes, lo mejor es usar el modo lista de Screaming y hacer el análisis por grupos de urls, ya sean por patrones, directorios, o la estrategia que queramos, pero no hacerlo al mismo tiempo que crawlea el sitio completo (porque petará seguro)
Con la lista de urls, añadimos ambas versiones, las de desktop y las de «m.» o como sea que estén diseñadas las de mobile 😀

Paso 2: Configurar «Extraction»

Ahora nos vamos a Configuration >> Custom >> Extraction y añadimos los campos que queremos extraer.
Para este análisis necesitamos sacar 2 datos:

  • Anotación Rel Alternate que se coloca en las urls de desktop
  • Anotación Rel Canonical que se coloca en las urls de mobile.

El elemento Canonical, es una directiva que Screaming ya te ofrece en el rastreo que hace, pero lo añado aquí para que figuren ambos en el mismo informe, y no haya que cruzar reports en excel.
Se puede usar Xpath o CSSPath o Regex, igualito que en URLProfiler 😀
Para los 2 campos que queremos extraer, respectivamente:

//link[contains(@media, '640') and @href]/@href
//link[contains(@rel,'canonical') and @href]/@href

 
Los campos se pueden nombrar, como veis en la imagen adjunta, y así el report que luego nos descargamos, ya está bonito y entendible, con sus nombres de cabecera.
 
extractor screaming frog

Paso 3: Añadir urls en modo lista (o en modo normal)

Elegimos Mode >> List >> Upload List >> Enter Manually
modo lista manual screaming
 
Next y ya nos rastreará las urls indicadas, con las instrucciones de extracción.
Y ya solo tendríamos que esperar los resultados
extraction results screaming frog

Paso 4: Descargar Report en CSV

 
Con solo pulsar en el botón que dice «Export», ya tenemos la información en CSV.
export extraction csv screaming frog
 
Enjoy!


Un comentario sobre “Cómo analizar el marcado Mobile-Desktop con Screaming Frog

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *