Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Herramientas SEO para JAVASCRIPT

782 views

Published on

Herramientas SEO gratuitas para JAVASCRIPT. Cómo auditar tu web en JS y comprobar si es óptima para Google

Published in: Marketing
  • Be the first to comment

Herramientas SEO para JAVASCRIPT

  1. 1. HERRAMIENTASSEO PARA JAVASCRIPT
  2. 2. Laura López SEOManager enInternetRepública “NACÍ EN MÁLAGA Y DICEN QUE SESEO” Laura-Lopez-Yoseseo@lopsa_lau
  3. 3. ¿Qué tienen en comúnRosalía y el JavaScript?
  4. 4. ENTENDIENDO JAVASCRIPT 1
  5. 5. ¿POR QUÉ ES DIFERENTE1.1
  6. 6. 1 2 3 SSR CSR ISOMORFO POR LA RENDERIZACIÓN
  7. 7. SSR (ServerSide Rendering) El HTML se sirve desde el servidor comouna web tradicional 1
  8. 8. CSR (Client Side Rendering) El HTML se genera en el navegador del usuario mediante JavaScript 2 CSR (Client Side Rendering)
  9. 9. Es una mezcla entre los dos anteriores.Se sirve una parte como un HTML plano y otra desde el navegador dinámicamente 3 ISOMORFO
  10. 10. SEO EN JAVASCRIPT1.2
  11. 11. Así nos lo cuenta Google
  12. 12. EL SSRES COMOUNA FIGURA DE LEGO YA MONTADA 1 Primera olade indexación: HTML
  13. 13. EL CSR SON LAS PIEZAS DE LEGO QUE SE VAN MONTANDOEN EL NAVEGADOR 2 Segunda ola de indexación JAVASCRIPT
  14. 14. 1GOOGLE ANUNCIA QUE UTILIZA CHROME 41 PARA RENDERIZAR JAVASCRIPT
  15. 15. 1 ROSALÍA INTENTANDO VER JAVASCRIPT CON CHROME 41
  16. 16. 1 GOOGLE UTILIZA FUNCIONALIDADES QUE SE INTRODUJERON DESPUÉS DE CHROME 41 Fuente:
  17. 17. ¿Qué tipo de renderizado tengo? 2.2 1 2 3
  18. 18. Herramienta:Switcher + WebDeveloper Selecciona Googlebot y deshabilita el JavaScript
  19. 19. Herramienta:Switcher + WebDeveloper SSR CONJAVASCRIPT SIN JAVASCRIPT
  20. 20. Herramienta:Switcher + WebDeveloper CSR CONJAVASCRIPT SIN JAVASCRIPT
  21. 21. Herramienta:Switcher + WebDeveloper ISOMORFO CONJAVASCRIPT SIN JAVASCRIPT
  22. 22. AUDITANDO NUESTRO SITE EN JAVASCRIPT 2
  23. 23. ATENTOS…EMPIEZA LA FIESTA!
  24. 24. 1 1¿QUÉ DEBEMOSTENEREN CUENTA?  Metas  Contenido  Enlaces
  25. 25. Herramienta:SEOStation SSR– Metas
  26. 26. Herramienta:SEOStation
  27. 27. Herramienta:SEOStation CSR - Metas
  28. 28. Herramienta:Fetch and Render SSR- Contenido
  29. 29. Herramienta:Fetch and Render
  30. 30. Herramienta:Fetch and Render CSR - Contenido
  31. 31. Herramienta:Screaming frog SSR- Enlaces
  32. 32. Herramienta:Screaming frog CSR - Enlaces
  33. 33. 1 1  Velocidad  Status code OTROS ERRORES COMUNES
  34. 34. Herramienta:Lighthouse + ScreamingFrog VELOCIDAD
  35. 35. Herramienta:Lighthouse + ScreamingFrog VELOCIDAD
  36. 36. Herramienta:Redirect Path STATUSCODE
  37. 37. Herramienta:Redirect Path
  38. 38. ¡El broche final! 3
  39. 39. Herramienta:SearchConsole +SEOStation
  40. 40. Herramienta:SearchConsole +SEOStation
  41. 41. Entonces… ¿Qué es mejor en SEO?
  42. 42. 1 SSR es la mejor opción 1 única
  43. 43. ¿Y si no puedo utilizar SSR?
  44. 44. Descarga estas herramientas y comprueba tu SEO yoseseo.es/herramientas-seo-javascript/

×