¿Qué pasa cuando tenemos versiones de urls separadas para escritorio y para mobile?
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
¿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:
- Integración con Google Analytics
- 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.
Paso 3: Añadir urls en modo lista (o en modo normal)
Elegimos Mode >> List >> Upload List >> Enter Manually
Next y ya nos rastreará las urls indicadas, con las instrucciones de extracción.
Y ya solo tendríamos que esperar los resultados
Paso 4: Descargar Report en CSV
Con solo pulsar en el botón que dice «Export», ya tenemos la información en CSV.
Enjoy!
Otros contenidos sobre Screaming Frog:
Rastrear sitios AMP con Screaming FrogAuditar la paginación (rel next rel prev) con Screaming Frog
Auditar sitemaps con Screaming Frog
Auditar canonicals con Screaming Frog
Auditar redirecciones de una migración con Screaming Frog
Un comentario sobre “Cómo analizar el marcado Mobile-Desktop con Screaming Frog”
Los comentarios están cerrados.