1. Javascript y SEO.
Indexación y validación

2. Eduardo Garolera @egarolera
digitalgrowth.io
+10 años de experiencia en SEO enfocado en sites internacionales multi-idioma con
millones de páginas y millones de visitas orgánicas mensuales.
Formador Consultor Consultor

3. “El Javascript está aquí para quedarse!”

4. PWA

8. VELOCIDAD
Client Side Rendering CSR
Ejecución inmediata sin servidor
SIMPLICIDAD
Es relativamente simple de aprender e
implementar.
VERSATILIDAD
Buena interacción con otros lenguajes
REDUCE CARGA SERVIDOR
CSR
Se puede servir todo desde un CDN
ejecutándolo en cliente
Necesario para muchas de las funcionalidades
de una PWA.

9. SEGURIDAD
CSR
Lo hace vulnerable
Posible resultado distinto al esperado por distinto navegador
Su procesado por parte de Googlebot es complejo y no muy fiable
Si hay un ligero error a nivel de programación es posible que Google no lo pueda
renderizar

10. Client Side Rendering

11. ¿Que recomienda Google?

12. SSR - Server Side Rendering
- Isomorphic Javascript
- Solucion a indexación por Javascript
- Servimos javascript ejecutado en el servidor
- Somos transparentes con google
http://isomorphi
c.net/

13. WTF!

14. Indexación

16. Indexación de una web
ENLACES
Su rastreo permite descubrir estructura y otros sites
DESCARGA
Se guarda una copia para procesado
ORDENACION
Algoritmos que las analizan para actualizar resultados de
búsqueda
2014-…
RENDERIZADO
Descarga CSS y JS
Permite comprender la disposición del contenido y su diseño visual
Indexación

17. Renderización
CSR vs SSR
Indexación

18. Cuando hay que renderizar JS incluso Google falla

19. Indexación

20. Indexación

21. ¿Como te afecta esto?
Comprueba que Google puede renderizar tu site
Comprueba que otros buscadores pueden renderizar tu contenido
Indexación

23. Método con JS
ENLACES
Su rastreo permite descubrir estructura y otros sites
DESCARGA
Se guarda una copia para procesado
Descarga CSS y JS
RENDERIZADO
Ejecuta el JS
ORDENACION
Algoritmos que las analizan para actualizar resultados de
búsqueda
El renderizado de JS añade complejidad y consume
tiempo y recursos. Hasta que no se realiza el procesado
no se sigue con la indexación.
Crawling Renderización Crawl budget
Renderización de javascript
Indexación

24. Principales problemas con JS
Bloquear JS y CSS al bot de Google, ya que así no podrá renderizar
No incluir href en los enlaces
Implementar JS que necesita interacción del usuario (onclick) ya que Google tiene
dificultades en ejecutarlo.
Indexación

26. Seguimiento de enlaces?
Valida tu JS

27. Comando site:
Valida tu JS
Cache de Google

28. Todo lo que puedes encontrar en la consola de Chrome 41
Valida tu JS
Chrome 41

29. Ver código fuente de la página no es lo mismo que inspeccionar
Valida tu JS

30. Valida tu JS
Validador de datos estructurados nos muestra como renderiza una URL

31. Double Serving
¿Cómo indexar Javascript?
SSR Pioneros

32. Double Serving o Pre-rendering
- Servimos mediante CSR
- Servimos de nuevo mediante noscript
- Riesgo de disparidad de contenido (Cloaking)
- Mantenimiento costoso
- Duplicidad de esfuerzos

33. Double
Serving
(pre-
rendering)

34. Prerender.io

35. Ejemplos Double Serving

36. Ejemplos Double Serving

37. SSR - Server Side Rendering
- Isomorphic Javascript
- Solucion a indexación por Javascript
- Servimos javascript ejecutado en el servidor
- Somos transparentes con google
http://isomorphi
c.net/

38. Ejemplos SSR – Fotocasa mobile

39. Ejemplos SSR – Fotocasa mobile

40. Ejemplos SSR – Fotocasa mobile
¿SSR = Super Seo F-Riendly?

41. Pioneros
CSR + Valídalo tu mismo