The web is rapidly evolving towards using more and more Single Page Applications / JavaScript driven websites and understanding the effects on SEO performance is key to be a successful technical SEO. Instead of depending on clients issues with SEO and debugging those, I used the 10 most popular JS frameworks myself and setup 10 websites. During the sessions I will share the expected and unexpected things that happened.
Developer Survey Results 2018: JS is by far the most popular programming language used.
https://news.codecademy.com/javascript-history-popularity/
https://medium.com/javascript-scene/how-popular-is-javascript-in-2019-823712f7c4b1
https://medium.com/@paulheintzelman/so-why-is-javascript-so-popular-f35bd6cfeb39
https://news.codecademy.com/javascript-history-popularity/
https://web.dev/javascript-and-google-search-io-2019
Googlebot queues URLs for crawling.
It then fetches the URLs with an HTTP request based on the crawl budget.
Googlebot scans the HTML for links and queues the discovered links for crawling.
Googlebot then queues the page for rendering.
As soon as possible, a headless Chromium instance renders the page, which includes JavaScript execution.
Googlebot uses the rendered HTML to index the page.
Xoogler: do not go down the Client Side Rendering path…
Be aware of rendering differences!
Officially Updated to latest Chrome version at the 7th of August
Officially Updated to latest Chrome version at the 7th of August
Title & Meta tags & directives: also relevant for social
Title & Meta tags & directives: also relevant for social
All relevant SEO content: text and headings.
Structured data: if it is injected in a later stage you need to wait on the second round in the renderer to be included.
Load at least one image directly via a traditional <img> tag, do not lazy load everything. Also see https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video/
Load at least one image directly via a traditional <img> tag, do not lazy load everything. Also see https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video/
Use third party (haha!) tools like Contentking, Little Warden or PageModified
Use search engine bot User Agents
Be sure until you are 100% sure: 503 HEADER -> 200 HEADER
Cloaking issue, content and links not matching
Caching datapoints
Be aware that we have mobile first indexing but Google sometimes still uses desktop crawlers. Make sure they are similar and prevent accidental cloaking.