9. Google no es capaz
de rastrear
contenido dinámico
Evolución de JavaScript
2007 2009 2014 2015 2016 2017 2018 2019
10. Evolución de JavaScript #ensaladaSEO @lopsa_lau
Los inicios: 2007
Google no es capaz de
rastrear el contenido
generado dinámicamente
11. Google no es capaz
de rastrear
contenido dinámico
Aparición del
escaped_fragment como
solución para el renderizado
dinámico
Evolución de JavaScript
2007 2009 2014 2015 2016 2017 2018 2019
12. Evolución de JavaScript #ensaladaSEO @lopsa_lau
2009
● Recomienda incluir el parámetro #!
● Así Google identificaba estas URLs,
solicitando al servidor el contenido
dinámico para poder procesarlo e
indexarlo, añadiendo a la url de la
página el argumento
_escaped_fragment_
13. Google no es capaz
de rastrear
contenido dinámico
Aparición del
escaped_fragment como
solución para el renderizado
dinámico
Google empieza a
entender mejor el
JavaScript y busca mejores
soluciones de renderizado
Evolución de JavaScript
2007 2009 2014 2015 2016 2017 2018 2019
15. Google no es capaz
de rastrear
contenido dinámico
Aparición del
escaped_fragment como
solución para el renderizado
dinámico
Google empieza a
entender mejor el
JavaScript y busca mejores
soluciones de renderizado
Desestiman las
recomendaciones
que hicieron en 2009
Evolución de JavaScript
2007 2009 2014 2015 2016 2017 2018 2019
16. Evolución de JavaScript #ensaladaSEO @lopsa_lau
2015
Google anuncia que
ya no recomiendan
más los ajustes en
Ajax que habían
solicitado porque
son capaces de
rastrear contenido
dinámico.
17. Google no es capaz
de rastrear
contenido dinámico
Aparición del
escaped_fragment como
solución para el renderizado
dinámico
Google empieza a
entender mejor el
JavaScript y busca mejores
soluciones de renderizado
Desestiman las
recomendaciones
que hicieron en 2009
Utilizan Chrome 41
para rastrear el
contenido web
Primeras
recomendacion
es de PWA
Evolución de JavaScript
2007 2009 2014 2015 2016 2017 2018 2019
18. Evolución de JavaScript #ensaladaSEO @lopsa_lau
https://www.deepcrawl.com/blog/news/what-version-of-chrome-is-google-actually-using-for-rendering/
2016
19. Evolución de JavaScript #ensaladaSEO @lopsa_lau
2016
Google da
recomendaciones
sobre SSR y CSR
para las PWAs
20. Google no es capaz
de rastrear
contenido dinámico
Aparición del
escaped_fragment como
solución para el renderizado
dinámico
Google empieza a
entender mejor el
JavaScript y busca mejores
soluciones de renderizado
Desestiman las
recomendaciones
que hicieron en 2009
Utilizan Chrome 41
para rastrear el
contenido web
Primeras
recomendacion
es de PWA
Eliminación
definitiva del
escaped_fragment
Evolución de JavaScript
2007 2009 2014 2015 2016 2017 2018 2019
21. Evolución de JavaScript #ensaladaSEO @lopsa_lau
2017
Actualización sobre
el renderizado de las
páginas en Ajax y
eliminación
definitiva del
escaped_fragment
22. Google no es capaz
de rastrear
contenido dinámico
Aparición del
escaped_fragment como
solución para el renderizado
dinámico
Google empieza a
entender mejor el
JavaScript y busca mejores
soluciones de renderizado
Desestiman las
recomendaciones
que hicieron en 2009
Utilizan Chrome 41
para rastrear el
contenido web
Primeras
recomendacion
es de PWA
Eliminación
definitiva del
escaped_fragment
Hablan de la
segunda ola de
indexación
Evolución de JavaScript
2007 2009 2014 2015 2016 2017 2018 2019
23. Evolución de JavaScript #ensaladaSEO @lopsa_lau
2018
Presentan en el
Google I/O cómo
funciona para
Google la
renderización en
JavaScript hablando
de las 2 olas de
indexación.
24. Google no es capaz
de rastrear
contenido dinámico
Aparición del
escaped_fragment como
solución para el renderizado
dinámico
Google empieza a
entender mejor el
JavaScript y busca mejores
soluciones de renderizado
Desestiman las
recomendaciones
que hicieron en 2009
Utilizan Chrome 41
para rastrear el
contenido web
Primeras
recomendacion
es de PWA
Eliminación
definitiva del
escaped_fragment
Hablan de la
segunda ola de
indexación
Actualización
Evergreen para
Googlebot
Evolución de JavaScript
2007 2009 2014 2015 2016 2017 2018 2019
27. Pr
Google y el JavaScript #ensaladaSEO @lopsa_lau
Problemas con los que se encuentra Google:
1.Rastreo
2. Renderización
28. #ensaladaSEO @lopsa_lau
Pr Pr
HTML
Un solo paso
Rastreo y renderización se
realizan en el mismo
momento.
JAVASCRIPT
Dos pasos
1. Rastrea
2. Detecta el JavaScript y lo
tiene que renderizar
Rastreo + Renderización
Google y el JavaScript
35. ISOMORFO: SSR + CSR #ensaladaSEO @lopsa_lau
Es una mezcla entre los
dos anteriores. Se sirve
una parte como un HTML
plano y otra desde el
navegador
dinámicamente
41. Experimento 1: Renderizado #ensaladaSEO @lopsa_lau
1.Contador de tiempo para analizar el
renderizado.
2.Renderizado en las diferentes
herramientas.
63. #ensaladaSEO @lopsa_lau
Hacemos una carga
secuencial con
JavaScript capturando
la hora del servidor, el
tiempo de renderizado
y el tamaño de
pantalla
69. Resumen experimentos #ensaladaSEO @lopsa_lau
1.El tamaño de pantalla es
de Nexus 5x
2.Renderiza e indexa hasta
5 segundos
3.Google tiene las cookies
habilitadas pero no
persisten entre peticiones
4.La máquina siempre
empieza a las 16:00
71. ¿Cómo se comporta Google en el servidor? #ensaladaSEO @lopsa_lau
JAVASCRIPT INLINE
SEGUNDA OLA
72. ¿Cómo se comporta Google en el servidor? #ensaladaSEO @lopsa_lau
JAVASCRIPT INLINE
5,4 sg
73. ¿Cómo se comporta Google en el servidor? #ensaladaSEO @lopsa_lau
JAVASCRIPT EXTERNO
SEGUNDA OLA
74. ¿Cómo se comporta Google en el servidor? #ensaladaSEO @lopsa_lau
JAVASCRIPT INLINE
5,4 sg
75. ¿Cómo se comporta Google en el servidor? #ensaladaSEO @lopsa_lau
1. Google dedica algo más de tiempo cuando se
trata de JavaScript externo
2. El renderizado y la indexación en cualquier
caso NO supera los 5sg.
78. Conclusiones #ensaladaSEO @lopsa_lau
EL RENDERIZADO EN JAVASCRIPT
ES DE 5 SEGUNDOS DESDE QUE
SE HACE LA PETICIÓN.
ASEGÚRATE DE QUE TU
CONTENIDO SE CARGA EN ESE
TIEMPO