MJCACHÓN

Anotaciones 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!

Compartir es lo más...Tweet about this on TwitterShare on Facebook0Share on LinkedIn0Share on Google+0Buffer this page

  1 comment for “Anotaciones Mobile-Desktop con Screaming Frog

Deja un comentario

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

Información de contacto

C/ Gran Vía 69, 9º, ático exterior centro
28013 Madrid
Telf.: 914 34 75 81