What I learned about SEOfrom using the 10 most usedJS frameworksJan-Willem Bobbink // Notprovided.euSLIDESHARE.NET/11INTERNET@JBOBBINK
View Slide
72%28%2016: My clients’ web stacksNo JS framework JS Framework
35%65%2019: My clients’ web stacksNo JS framework JS Framework
Source: https://insights.stackoverflow.com/survey/2018#most-popular-technologies
#1PREVENT RISKS? GO SSR!100% SERVER SIDE RENDERING
Google:Rendering onthe WebSource:https://developers.google.com/web/updates/2019/02/rendering-on-the-web
Rendering onthe Web – TheSEO VersionSource:https://www.notprovided.eu/rendering-on-the-web-the-seo-version/
Source: https://ja.dev/entry/blog/nagayama/render-budget-enKazushi Nagayama -7th ofAugust 2019“tl;dr: full client-siderendering can still hinderthe searchability of a site,especially for large-scaleweb services.”
#2TOOLS TO CHECKWHAT GOOGLE RENDERS & WHAT NOT
Quickest way: Chrome -> select user agentChrome: https://developers.google.com/web/tools/chrome-devtools/device-mode/override-user-agent
Quickest way: plugin “View Rendered Source”Chrome: https://chrome.google.com/webstore/detail/view-rendered-source/ejgngohbdedoabanmclafpkoogegdpob/
Owned domains: Google’s URL inspection tool
Non owned URLs: Google Rich Result tester
#3MINIMAL REQUIREMENTSFOR THE INITIAL HTML
Lazy loading can be tricky
#4DATA PERSISTENCE RISKSGOOGLEBOT IS NOT A REAL USER
COOKIES LOCAL STORAGE SESSION DATA
#5UNIT TEST SSRTHINGS CAN BRAKE
Oops, SSR didn’t work anymore…
#6THIRD PARTY RENDERING?THINGS CAN BRAKE
Setup monitoring
HTTP requestSends arequest for apage503 headerServe aheader inthemeanwhile200 header When 100%sureUpdateheaders onceready
#7PERFORMANCEREDUCE JS
Think about real users’ performance
Reduce load forslow connections
Reduce processes
https://www.google.com/url?sa=i&source=images&cd=&ved=2ahUKEwjZrrSh0vXjAhUB-aQKHTQ9Dn4QjRx6BAgBEAQ&url=https%3A%2F%2Ffullscale.io%2Fangular-8-new-release-ivy-rollout%2F&psig=AOvVaw2YXpQDRYAID7cTqWIs8Ocr&ust=1565435071081938
#8CAN GOOGLE GET TO ALL JS?MONITOR LOG FILES
Botify my friend
#9ANALYTICS ISSUESSSR CAN LOG DOUBLE PAGEVIEWS
Prevent SSR pageviews to load GA
#10SSR SEO RISKSTHINK ABOUT THE EFFECTS
Caching• Rich snippets and otherstructured markup Googleuses can be outdated.
Use a tool like SEORadar.comTool: https://app.seoradar.com/seo_diff_urls?type=fvr
Thanks! See you at the bar :)Jan-Willem Bobbink // Notprovided.euSLIDESHARE.NET/11INTERNET@JBOBBINK
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/