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

Nacho Mascort
SEO specialist @ Softonic
Podéis encontrarme en:
- https://twitter.com/NachoMascort
- https://github.com/NachoSEO
- https://seohacks.es/nacho-mascort/

1. Introducción

¿Por qué empezar a
programar?

¿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

¿Cuál es el mejor
lenguaje para empezar?

Encuesta 2019 de stackoverflow
a desarrolladores
Lenguajes más
populares
https://insights.stackoverflow.co
m/survey/2019#technology

Encuesta 2019 de stackoverflow
a desarrolladores
Lenguajes más
buscados
https://insights.stackoverflow.co
m/survey/2019#most-loved-drea
ded-and-wanted

Tendencia histórica
Crecimiento de los
lenguajes de
programación más
famosos
https://stackoverflow.blog/2017/
09/06/incredible-growth-python/

Los ganadores

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..

2. Conceptos básicos

Variables
Un nombre simbólico que hace referencia a un conjunto de datos.

Tipos de datos
JS:
- string
- number
- booleano
- null
- undefined
- object
- symbol
Python:
- str
- unicode
- list
- tuple
- set
- frozenset
- dict
- int / float
- long
- complex
- bool

Tipos de datos

Tipos de datos

Ante la duda, usamos:

Operadores
Cómo en matemáticas o las funciones en excel/sheets, tenemos:

Mini tip, más/menos 1

Comparadores

Igualdad
== → Mismo valor
=== → Mismo valor y tipo

Condicionales
Se ha de dar una condición para que se ejecute el código a continuación.

Condicionales
Se pueden anidar tantos if como sean necesarios

Arrays / Listas

Loops
Existen bastante maneras de iterar sobre un array, pero con estas cubrimos casi todos los casos de uso

Funciones

Funciones

Funciones

Funciones

Métodos
Funciones asociadas a un tipo de dato

Estos conocimientos no
aparecen por sí solos...

...es un mundo infinito,
por eso...

...la documentación es
la clave...

… y Google también

2.5 ¿Cómo lo ejecuto?

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

Consola de Devtools

Consola en local
- Primero
necesitaremos
tener instalado
Python o Node.js
para poder
ejecutarlo

Consola

Archivos

Ejecutamos el archivo desde la
consola

Notebooks

Notebooks

IDEs

VS Code

3. Casos prácticos de
programación en el
mundo SEO

Caso 0: Canonical

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?

Problemática

Problemática

Problemática

Caso 1: Papyr 1.0

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

Podemos tirar de Google sheets…
con lo que conlleva eso en horas

...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

Caso 2: Franky

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

Input

...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

Output

Caso 3: Onpage

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

Podemos ir a la URL e ir
buscando un elemento cada vez

...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

Output

En resumen...

Hay que perderle el
miedo al código...

Probar y equivocarse
(mucho)...

Lo que ahora es una
ventaja competitiva
puede que en un futuro
sea un requisito básico...

Y esta no será la única...

Así que, ¿A qué esperas?

¡Muchas gracias!
@NachoMascort

4. Recursos

● 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