Charla sobre cómo espiar a tu competencia mediante 3 métodos distintos en el evento solidario #vamostalegon: - Google Sheets + ImportXML - Screaming Frog + Google Sheets - Screaming Frog + Shell Script

1. #vamostalegon @guaca
Recaudación de
fondos para Alberto
Talegón y la AECC
¡DONA!
30 de mayo de 2020

2. #vamostalegon @guaca

3. Cómo espiar a tu competencia
❏ Método Básico
Google Sheets + ImportXML
❏ Método Medio
Screaming Frog + Google Sheets
❏ Método Avanzado: HAL
Screaming Frog + Shell Script
¿Qué veremos hoy?
#vamostalegon @guaca

4. Google Sheets +
ImportXML
#vamostalegon @guaca

5. Google Sheets + ImportXML
Ejemplo de cómo usar este método
❏ Creamos un Google Sheets con las URLs y campos XPath a
monitorizar
❏ Cada semana creamos una nueva pestaña y extraemos con
ImportXML los valores de los campos que queremos controlar
❏ Pegamos como valores (para no perder histórico)
❏ Comparamos con los valores vs los de la semana anterior (ie:
formato condicional)
#vamostalegon @guaca

6. Google Sheets + ImportXML
#vamostalegon @guaca

7. Google Sheets + ImportXML
#vamostalegon @guaca
W1

8. Google Sheets + ImportXML
#vamostalegon @guaca
W2

9. Google Sheets + ImportXML
#vamostalegon @guaca
W2

10. Google Sheets + ImportXML
¿Cuándo es recomendable utilizar este método?
❏ Conocemos los elementos XPath a monitorizar para cada
competidor que queremos controlar.
❏ Estos elementos están en el HTML original (no se general al
renderizar la página).
❏ Son pocos elementos + páginas a monitorizar.
#vamostalegon @guaca

11. Google Sheets + ImportXML
Ventajas
❏ Muy sencillo de implementar.
#vamostalegon @guaca

12. #vamostalegon @guaca

13. Inconvenientes:
❏ No nos sirve para un elevado número de elementos + páginas a
monitorizar.
❏ No detectamos cambios en elementos HTML que no estemos
controlando por patrón XPath.
❏ Debemos invertir tiempo en conocer qué elementos XPath
queremos monitorizar para cada competidor.
❏ No nos sirve en caso de que el contenido no esté en el HTML
original.
Google Sheets + ImportXML
#vamostalegon @guaca

14. Screaming Frog +
Google Sheets
#vamostalegon @guaca

15. Screaming Frog + Google Sheets
Ejemplo de cómo usar este método
❏ Configuramos los custom extractors necesarios para extraer los
diferentes elementos a monitorizar.
❏ Programamos un proyecto de crawling en Screaming Frog de tipo
“Lista” para todas las URLs de competidores a monitorizar.
❏ Configuramos la exportación el archivo “Internal:HTML”
❏ Creamos un Google Sheets con una pestaña por cada semana en
la que iremos pegaremos los valores del “Internal:HTML”
❏ Comparamos con los valores vs los de la semana anterior (ie:
formato condicional)
#vamostalegon @guaca

16. Screaming Frog + Google Sheets
#vamostalegon @guaca

17. Screaming Frog + Google Sheets
#vamostalegon @guaca

18. Screaming Frog + Google Sheets
#vamostalegon @guaca

19. Screaming Frog + Google Sheets
#vamostalegon @guaca

20. Screaming Frog + Google Sheets
#vamostalegon @guaca

21. Screaming Frog + Google Sheets
#vamostalegon @guaca

22. Screaming Frog + Google Sheets
#vamostalegon @guaca

23. Screaming Frog + Google Sheets
#vamostalegon @guaca

24. Screaming Frog + Google Sheets
#vamostalegon @guaca
W1

25. Screaming Frog + Google Sheets
#vamostalegon @guaca
W2

26. Screaming Frog + Google Sheets
¿Cuándo utilizar este método?
❏ Conocemos los elementos XPath a monitorizar para cada
competidor que queremos controlar
❏ Estos elementos pueden estar en el HTML original o renderizado (si
activamos la opción correspondiente en Screaming Frog)
#vamostalegon @guaca

27. Screaming Frog + Google Sheets
Ventajas:
❏ Bastante sencillo de implementar.
❏ Nos sirve para un elevado número de competidores y elementos a
monitorizar.
❏ Nos sirve en caso de que el contenido esté en el contenido
renderizado y no en el HTML original.
#vamostalegon @guaca

28. #vamostalegon @guaca

29. Screaming Frog + Google Sheets
Inconvenientes:
❏ No nos sirve para detectar cambios en elementos HTML que no
estemos controlando por patrón XPath.
❏ Debemos invertir tiempo en conocer qué elementos XPath
queremos monitorizar para cada competidor.
#vamostalegon @guaca

30. HAL:
Screaming Frog +
Shell Script
#vamostalegon @guaca

31. Screaming Frog + Shell Script
Ejemplo de cómo usar este método
❏ Programamos un proyecto de crawling en Screaming Frog de tipo
“Lista” para todas las URLs de competidores a monitorizar.
❏ Exportamos :
All Page Source
Screenshots
❏ Creamos un shell script hal.sh para comparar los archivos HTML vs
la semana anterior.
#vamostalegon @guaca

32. Screaming Frog + Shell Script
#vamostalegon @guaca

33. Screaming Frog + Shell Script
#vamostalegon @guaca

34. Screaming Frog + Shell Script
#vamostalegon @guaca

35. Screaming Frog + Shell Script
#vamostalegon @guaca

36. Screaming Frog + Shell Script
#vamostalegon @guaca

37. Screaming Frog + Shell Script
URL original Rendered HTML Original HTML Screenshot
urls.txt
#vamostalegon @guaca

38. Screaming Frog + Shell Script
urls.txt
#vamostalegon @guaca

39. Screaming Frog + Shell Script
¿Qué es un Shell Script?
❏ Hablando “en sencillo”, es un programa simple con una serie de
órdenes y que ejecutaremos desde la línea de comandos (consola
o terminal).
#vamostalegon @guaca

40. #vamostalegon @guaca

41. Screaming Frog + Shell Script
¿Qué queremos que haga nuestro Shell Script?
❏ Buscar cambios entre el HTML de esta semana vs la semana
anterior para todas las URLs a monitorizar.
❏ Generar archivo con todas las URLs que han sufrido cambios.
❏ Generar un directorio para cada URL con cambios con la siguiente
información:
Detalle de cambios
HTML de esta semana y de la semana anterior
Pantallazo de esta semana y de la semana anterior
#vamostalegon @guaca

42. Screaming Frog + Shell Script
#vamostalegon @guaca

43. Screaming Frog + Shell Script
#vamostalegon @guaca

44. Screaming Frog + Shell Script
#vamostalegon @guaca

45. Screaming Frog + Shell Script
#vamostalegon @guaca

46. Screaming Frog + Shell Script
#vamostalegon @guaca

47. Screaming Frog + Shell Script
#vamostalegon @guaca

48. Screaming Frog + Shell Script
#vamostalegon @guaca

49. Screaming Frog + Shell Script
#vamostalegon @guaca

50. Screaming Frog + Shell Script
#vamostalegon @guaca

51. Screaming Frog + Shell Script
#vamostalegon @guaca

52. Screaming Frog + Shell Script
#vamostalegon @guaca

53. Screaming Frog + Shell Script
¿Cuándo utilizar este método?
❏ Cuando desconocemos dónde están realizando cambios nuestros
competidores.
❏ El contenido de la web pueden estar en el HTML original o
renderizado (si activamos la opción correspondiente en Screaming
Frog)
#vamostalegon @guaca

54. Screaming Frog + Shell Script
Ventajas:
❏ Sirve para un elevado número de competidores y para todos los
elementos HTML de las páginas a monitorizar.
❏ No es necesario invertir tiempo en definir patrones XPath.
❏ Nos sirve tanto en el caso de que el contenido esté en el HTML
original como en el renderizado.
❏ Nos permite iterar con los métodos Básico y Medio.
❏ Podemos personalizar y mejorar el script hasta el infinito y más allá.
#vamostalegon @guaca

55. #vamostalegon @guaca

56. #vamostalegon @guaca

57. #vamostalegon @guaca

58. Screaming Frog + Shell Script
Inconvenientes:
❏ Requiere más conocimientos técnicos para su configuración.
❏ Mucho ruido en el output (scripts, css, píxeles de marketing en
HTML renderizado , etc).
❏ Los archivos .sh solo son ejecutables desde Linux/macOS.
❏ Cómo ejecutar un archivo .sh desde Windows 10
#vamostalegon @guaca

59. ¡Gracias!
★ SEO Specialist en
★ Comunidad #MujeresEnSEO
★ Twittera a ratos en twitter.com/guaca
★ Tengo un blog abandonado en
estelafranco.com
#vamostalegon @guaca