What I learned about SEO from using the 10 most used JS frameworks

6b68737f9aacb94936b269f2592da891?s=47 DDavydoff
September 20, 2019
400

What I learned about SEO from using the 10 most used JS frameworks

6b68737f9aacb94936b269f2592da891?s=128

DDavydoff

September 20, 2019
Tweet

Transcript

  1. What I learned about SEO from using the 10 most

    used JS frameworks Jan-Willem Bobbink // Notprovided.eu SLIDESHARE.NET/11INTERNET @JBOBBINK
  2. None
  3. 72% 28% 2016: My clients’ web stacks No JS framework

    JS Framework
  4. 35% 65% 2019: My clients’ web stacks No JS framework

    JS Framework
  5. Source: https://insights.stackoverflow.com/survey/2018#most-popular-technologies

  6. None
  7. #1 PREVENT RISKS? GO SSR! 100% SERVER SIDE RENDERING

  8. None
  9. Google: Rendering on the Web Source: https://developers.googl e.com/web/updates/201 9/02/rendering-on-the- web

  10. Rendering on the Web – The SEO Version Source: https://www.notprovide

    d.eu/rendering-on-the- web-the-seo-version/
  11. None
  12. Source: https://ja.dev/entry/blog/nagayama/render-budget-en Kazushi Nagayama -7th of August 2019 “tl;dr: full

    client-side rendering can still hinder the searchability of a site, especially for large-scale web services.”
  13. #2 TOOLS TO CHECK WHAT GOOGLE RENDERS & WHAT NOT

  14. Quickest way: Chrome -> select user agent Chrome: https://developers.google.com/web/tools/chrome-devtools/device-mode/override-user-agent

  15. None
  16. Quickest way: plugin “View Rendered Source” Chrome: https://chrome.google.com/webstore/detail/view-rendered-source/ejgngohbdedoabanmclafpkoogegdpob/

  17. Owned domains: Google’s URL inspection tool

  18. Owned domains: Google’s URL inspection tool

  19. Non owned URLs: Google Rich Result tester

  20. None
  21. #3 MINIMAL REQUIREMENTS FOR THE INITIAL HTML

  22. None
  23. None
  24. None
  25. None
  26. None
  27. Lazy loading can be tricky

  28. #4 DATA PERSISTENCE RISKS GOOGLEBOT IS NOT A REAL USER

  29. None
  30. COOKIES LOCAL STORAGE SESSION DATA

  31. #5 UNIT TEST SSR THINGS CAN BRAKE

  32. Oops, SSR didn’t work anymore…

  33. #6 THIRD PARTY RENDERING? THINGS CAN BRAKE

  34. Setup monitoring

  35. HTTP request Sends a request for a page 503 header

    Serve a header in the meanwhile 200 header When 100% sure Update headers once ready
  36. #7 PERFORMANCE REDUCE JS

  37. Think about real users’ performance

  38. Reduce load for slow connections

  39. Reduce processes

  40. https://www.google.com/url?sa=i&source=images&cd=&ved=2ahUKEwjZrrSh0vXjAhU B-aQKHTQ9Dn4QjRx6BAgBEAQ&url=https%3A%2F%2Ffullscale.io%2Fangular-8-new- release-ivy- rollout%2F&psig=AOvVaw2YXpQDRYAID7cTqWIs8Ocr&ust=1565435071081938

  41. #8 CAN GOOGLE GET TO ALL JS? MONITOR LOG FILES

  42. Botify my friend

  43. #9 ANALYTICS ISSUES SSR CAN LOG DOUBLE PAGEVIEWS

  44. Prevent SSR pageviews to load GA

  45. #10 SSR SEO RISKS THINK ABOUT THE EFFECTS

  46. None
  47. Caching • Rich snippets and other structured markup Google uses

    can be outdated.
  48. None
  49. Use a tool like SEORadar.com Tool: https://app.seoradar.com/seo_diff_urls?type=fvr

  50. Use a tool like SEORadar.com Tool: https://app.seoradar.com/seo_diff_urls?type=fvr

  51. Thanks! See you at the bar :) Jan-Willem Bobbink //

    Notprovided.eu SLIDESHARE.NET/11INTERNET @JBOBBINK
  52. Photo credits • JS Framework logos https://hackernoon.com/how-it-feels-to-learn- javascript-in-2016-d3a717dd577f • Taking

    a risk http://www.bbc.co.uk/learningenglish/features/6- minute-english/ep-151217 • Spot the differences:https://www.rd.com/culture/spot-10- differences-picture/ • Robot differences: https://www.youtube.com/watch?v=DEnjZijXlvA • Point zero: https://99percentinvisible.org/article/point-zero-circling- globe-central-city-zero-stones/ • Headings: https://imu.nl/assets/img/comp/imu.nl/heading-tags- gebruiken-voor-seo-h1-h2-h3-20075-w800.jpg • Mobile phones: https://fineartamerica.com/featured/old-mobile- phones-public-health-england.html • Angular Ivy: https://fullscale.io/angular-8-new-release-ivy-rollout/