Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Conceptos básicos y aplicaciones prácticas de programación para SEO

1 611 vues

Publié le

Repaso de los conceptos básicos de programación siguiendo la sintaxis de Python y Javascript para finalizar con varios casos prácticos aplicados en el mundo SEO.

Publié dans : Technologie
  • Soyez le premier à commenter

Conceptos básicos y aplicaciones prácticas de programación para SEO

  1. 1. Conceptos básicos y aplicaciones prácticas de programación para SEO by @NachoMascort
  2. 2. Nacho Mascort SEO specialist @ Softonic Podéis encontrarme en: - https://twitter.com/NachoMascort - https://github.com/NachoSEO - https://seohacks.es/nacho-mascort/
  3. 3. 1. Introducción
  4. 4. ¿Por qué empezar a programar?
  5. 5. ¿Por qué empezar a programar? - Mejora de la compresión de la web e internet - Independencia de herramientas de terceros (y de sus fees) - Automatización o semi-automatización de ciertos procesos reiterativos en nuestro día a día - Permite trabajar con mayores volúmenes de datos al no estar limitado a herramientas que se colapsan al intentar leerlos (por ejemplo Microsoft Excel) - Para una comunicación más específica o detallada con developers
  6. 6. ¿Cuál es el mejor lenguaje para empezar?
  7. 7. Encuesta 2019 de stackoverflow a desarrolladores Lenguajes más populares https://insights.stackoverflow.co m/survey/2019#technology
  8. 8. Encuesta 2019 de stackoverflow a desarrolladores Lenguajes más buscados https://insights.stackoverflow.co m/survey/2019#most-loved-drea ded-and-wanted
  9. 9. Tendencia histórica Crecimiento de los lenguajes de programación más famosos https://stackoverflow.blog/2017/ 09/06/incredible-growth-python/
  10. 10. Los ganadores
  11. 11. Los ganadores JS: - Enfocado en la interacción con la web - Se puede usar en el Front (por defecto) y en el Back (node.js) - Se puede con otras herramientas como Google Sheets o como marcador en el navegador Python: - Enfocado para análisis de datos - Se usa en back o en notebooks - Lenguaje muy intuitivo y fácil interacción con otros formatos tipo xlsx, csv..
  12. 12. 2. Conceptos básicos
  13. 13. Variables Un nombre simbólico que hace referencia a un conjunto de datos.
  14. 14. Tipos de datos JS: - string - number - booleano - null - undefined - object - symbol Python: - str - unicode - list - tuple - set - frozenset - dict - int / float - long - complex - bool
  15. 15. Tipos de datos
  16. 16. Tipos de datos
  17. 17. Ante la duda, usamos:
  18. 18. Operadores Cómo en matemáticas o las funciones en excel/sheets, tenemos:
  19. 19. Mini tip, más/menos 1
  20. 20. Comparadores
  21. 21. Igualdad == → Mismo valor === → Mismo valor y tipo
  22. 22. Condicionales Se ha de dar una condición para que se ejecute el código a continuación.
  23. 23. Condicionales Se pueden anidar tantos if como sean necesarios
  24. 24. Arrays / Listas
  25. 25. Loops Existen bastante maneras de iterar sobre un array, pero con estas cubrimos casi todos los casos de uso
  26. 26. Funciones
  27. 27. Funciones
  28. 28. Funciones
  29. 29. Funciones
  30. 30. Métodos Funciones asociadas a un tipo de dato
  31. 31. Estos conocimientos no aparecen por sí solos...
  32. 32. ...es un mundo infinito, por eso...
  33. 33. ...la documentación es la clave...
  34. 34. … y Google también
  35. 35. 2.5 ¿Cómo lo ejecuto?
  36. 36. Consola vs archivos vs notebooks Existen varias maneras de ejecutar código: - Desde la consola directamente - Usando archivos y ejecutando en consola o con un IDE con consola integrada - Para Python también tenemos los notebooks
  37. 37. Consola de Devtools
  38. 38. Consola en local - Primero necesitaremos tener instalado Python o Node.js para poder ejecutarlo
  39. 39. Consola
  40. 40. Archivos
  41. 41. Ejecutamos el archivo desde la consola
  42. 42. Notebooks
  43. 43. Notebooks
  44. 44. IDEs
  45. 45. VS Code
  46. 46. 3. Casos prácticos de programación en el mundo SEO
  47. 47. Caso 0: Canonical
  48. 48. Problemática ¿Cuántas veces has querido saber de forma rápida si esa URL era la canónica sin necesidad de entrar a buscar la etiqueta y el atributo?
  49. 49. Problemática
  50. 50. Problemática
  51. 51. Problemática
  52. 52. Caso 1: Papyr 1.0
  53. 53. Problemática Se migra un dominio a una nueva infraestructura técnica. Hay que cerciorarse de: - Todas las URLs sigan siendo exactamente iguales - Se mantengan las mismas etiquetas clave junto el mismo valor - Mantener mismas reglas de redirecciones
  54. 54. Podemos tirar de Google sheets… con lo que conlleva eso en horas
  55. 55. ...o podemos hacer un script que lo haga automático ● 40 líneas de código ● 4 librerías ● 8 variables ● 3 funciones ● 4 loops ● 3 condiciones ● 12 métodos http://bit.ly/Papyr
  56. 56. Caso 2: Franky
  57. 57. Problemática ● Google trends puede ser una gran herramienta pero no es muy escalable ● Decidimos buscar alguna librería Python que permitiera hacer consultas a la API de Trends ● Y encontramos una, con un límite de 5 keywords en cada ejecución (no era muy escalable) ● Decidimos usar la base de la otra librería y hacer una solución que devolviera trends de un listado sin límites
  58. 58. Input
  59. 59. ...o podemos hacer un script que lo haga automático ● 42 líneas de código ● 6 librerías ● 11 variables ● 1 función ● 3 loops ● 0 condiciones ● 12 métodos http://bit.ly/franky-script
  60. 60. Output
  61. 61. Caso 3: Onpage
  62. 62. Problemática ● Hay comprobaciones a nivel de Front que son reiterativas en el mundo SEO ● Las mismas etiquetas una y otra vez ● Depende del código puede ser un poco engorroso
  63. 63. Podemos ir a la URL e ir buscando un elemento cada vez
  64. 64. ...o podemos tener un marcador que nos lo haga en un solo click ● 71 líneas de código ● 0 librerías ● 8 variables ● 2 funciones ● 2 loops ● 4 condiciones ● Muchos métodos http://bit.ly/js_onpage
  65. 65. Output
  66. 66. En resumen...
  67. 67. Hay que perderle el miedo al código...
  68. 68. Probar y equivocarse (mucho)...
  69. 69. Lo que ahora es una ventaja competitiva puede que en un futuro sea un requisito básico...
  70. 70. Y esta no será la única...
  71. 71. Así que, ¿A qué esperas?
  72. 72. ¡Muchas gracias! @NachoMascort
  73. 73. 4. Recursos
  74. 74. ● https://www.slideshare.net/CatalystDigital/just-enoug h-to-be-dangerous-and-super-effective-programmin g-basics-for-seos ● https://www.searchenginejournal.com/javascript-fun damentals-cheat-sheet/286367/amp/ ● https://javascript.info/types ● https://insights.stackoverflow.com/survey/2019 ● https://stackoverflow.blog/2017/09/06/incredible-grow th-python/ ● https://es.wikipedia.org/wiki/Python ● https://developer.mozilla.org/es/docs/Web/JavaScript/ Data_structures ● https://www.youtube.com/watch?v=YP2tMBhyU0I&t= 0s&index=15&list=PLNYkxOF6rcIDjlCx1PcphPpmf43aK OAdF

×