Downloaded 81 times
Uploaded byOnely
Dynamic Rendering - is this really an SEO silver bullet? SMX WEST
This document discusses various approaches to JavaScript rendering and SEO. It begins by discussing the limitations of prerendering/dynamic rendering, noting that it creates duplicate content and outdated pages. It then discusses alternatives like server-side rendering, hybrid rendering, and static site generators that can improve the user experience. The document cautions against relying solely on prerendering and recommends approaches like server-side rendering that allow search engines to properly index the JavaScript content.
MarketingâŚ
More Related Content
Similar to Dynamic Rendering - is this really an SEO silver bullet? SMX WEST
Dynamic Rendering - is this really an SEO silver bullet? SMX WEST
- 1. #SMX @Bart_Goralewicz With BartoszGoralewicz Dynamic Rendering Is this really an SEO silver bullet? Experiences from setting up the world's biggest prerendering engine.
- 2.
- 3. #SMX @Bart_Goralewicz âŚhowever JavaScript SEO isstill massively misunderstood in 2019
- 4.
- 5.
- 6.
- 7. #SMX @Bart_Goralewicz But itgets much easieronce you start learning from the best. E.g. Google! #SMX @Bart_Goralewicz
- 8.
- 9.
- 10.
- 11. #SMX @Bart_Goralewicz Letâs see ifthey practice what they preach
- 12. #SMX @Bart_Goralewicz April 2018â the new version of Google Flights #SMX @BartGoralewicz#SMX @Bart_Goralewicz
- 13. #SMX @Bart_Goralewicz 20,000+ visibilitydown to 48 (!)
- 14.
- 15.
- 16.
- 17.
- 18. #SMX @Bart_Goralewicz ele.ph/angularU If yousearch for any competitive keyword terms, itâs always going to be server rendered sites. And the reason is because although Google does index client-side rendered HTML itâs not perfect yet and other search engines donât do it as well. So if you care about SEO, you still need to have server-rendered content. Jeff Whelpley âAngular 2 Server Renderingâ Angular U conference, June 22-25, 2015,
- 19.
- 20.
- 21.
- 22.
- 23. #SMX @Bart_Goralewicz This isexactly why we have 2 waves of JavaScript indexing
- 24.
- 25. #SMX @Bart_Goralewicz Source: GoogleI/O 2018 #SMX @Bart_Goralewicz
- 26. #SMX @Bart_Goralewicz New links tobe crawled Second wave of indexing
- 27. #SMX @Bart_Goralewicz Isomorphic, universal, dynamic,hybrid, hydrating with JavaScript, etc. Latest nomenclature and solution to make JavaScript SEO friendly.
- 28. #SMX @Bart_Goralewicz Client-side Rendering #SMX@Bart_Goralewicz
- 29. #SMX @Bart_Goralewicz Prerendering Aka Dynamic Rendering anelephant in the room
- 30.
- 31. #SMX @Bart_Goralewicz Google is recommending DynamicRendering "Currently, it's difficult to process JavaScript (âŚ) in the meantime, we recommend dynamic rendering as a workaround solution to this problem."
- 32. #SMX @Bart_Goralewicz Google is recommending DynamicRendering Dynamic Rendering = WORKAROUND #SMX @Bart_Goralewicz
- 33.
- 34. #SMX @Bart_Goralewicz prerendering Key problemswith explained
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44. #SMX @Bart_Goralewicz Serve stale/outdatedHTML1. Serve JavaScript and let Google (try to) handle it 2. Prerender on the fly3.
- 45. #SMX @Bart_Goralewicz What ifyou HAVE TO do prerendering Plan your updates and deployments1. Make sure that your prerendering setup is efficient2. Remember that you need to crawl and optimize both HTML and JavaScript versions of your website 3.
- 46. #SMX @Bart_Goralewicz Most popular Prerenderingsolutions Chrome Headless/Phantom JS Chrome Headless Chrome Headless Prerender.io Puppeteer Rendertron
- 47. #SMX @Bart_Goralewicz Most popular Prerenderingsolutions Prerender.io Puppeteer Rendertron Service/Free Free Free
- 48.
- 49. #SMX @Bart_Goralewicz The SourceCode vs. DOM Source code DOM #SMX @Bart_Goralewicz
- 50. #SMX @Bart_Goralewicz Source Code (beforeJavaScript): Disqus -The #1 way to build your audience Rendered website: (after JavaScript): Disqus -The #1 way to build an audience on your website
- 51.
- 52.
- 53.
- 54. #SMX @Bart_Goralewicz Why prerenderingmay not be the best solution for your business?
- 55. #SMX @Bart_Goralewicz Itâs difficultto use dynamic rendering on websites using geolocation
- 56. #SMX @Bart_Goralewicz Not toodynamic (pun intended) Creates two separate structures instead of one Doesnât improve UX. Adds an extra layer of complexity May work well BUT rarely does. Requires a very good SEO team maintaining it. WORKAROUND! Dynamic Rendering - summary
- 57. #SMX @Bart_Goralewicz My personalbeef with dynamic rendering It is only made for the sake of SEO. It doesnât improve anything for usersâŚ
- 58. #SMX @Bart_Goralewicz ⌠justlike SEO âcontainersâ in some of the ecommerce stores.
- 59.
- 60. #SMX @Bart_Goralewicz Server side rendering Allof the rendering work is done by your servers. Google gets HTML. SEO = OK
- 61.
- 62. #SMX @Bart_Goralewicz Server SideRendering / Hybrid Rendering #SMX @Bart_Goralewicz
- 63. #SMX @Bart_Goralewicz HYBRID rendering Prerendered HTMLis sent to users and the search engine.Then, JavaScript runs on top of that.
- 64.
- 65. #SMX @Bart_Goralewicz Which brandsuse HYBRID rendering? #SMX @Bart_Goralewicz
- 66. #SMX @Bart_Goralewicz Yes, Google recommendsit! âIf you have engineering resources though, I would highly recommend looking into server-side rendering or even better, hybrid rendering, because that yields user experience benefits, as well.â
- 67. #SMX @Bart_Goralewicz Next, Nuxtand Angular Universal are the next (amazing joke) trend! 35% of JS developers want to learn Next.js
- 68. #SMX @Bart_Goralewicz Twitter migratedto isomorphic JavaScript in 2012 https://www.oreilly.com/library/view/building-isomorphic- javascript/9781491932926/ch01.html â Initial page load decreased 80% (!)
- 69. #SMX @Bart_Goralewicz All theHTML files are built with data BEFORE they are uploaded to a server Static Site Rendering Source: https://www.youtube.com/watch?v=3jeznGJHenI GatsbyJS NextJS
- 70. #SMX @Bart_Goralewicz Pros of staticsites 1.Very fast (even during traffic surge) 2. Increased security 3.Version control 4. Cheap to host Source: https://www.youtube.com/watch?v=3jeznGJHenI
- 71.
- 72.
- 73. #SMX @Bart_Goralewicz What ifwe just keep CSR JavaScript ? *Client Side Rendered *
- 74.
- 75.
- 76.
- 77. #SMX @Bart_Goralewicz Is JavaScript Evil? #SMX @Bart_Goralewicz No,it is way worse. It is complex âş
- 78. #SMX @Bart_Goralewicz JavaScript SEObest practices
- 79. #SMX @Bart_Goralewicz JavaScript taming thebeast in 3 easy steps #SMX @BartGoralewicz
- 80. #SMX @Bart_Goralewicz Step 1. V.2 Choosingthe right framework
- 81. #SMX @Bart_Goralewicz Step 2. RenderingJavaScript Prerendering Server Side Rendering Universal/Isomorphic Static site generators (Gatsby.js)
- 82. #SMX @Bart_Goralewicz Step 3. Enjoyyour traffic!
- 83. #SMX @Bart_Goralewicz Get theStarter Package for FREE Contact maria@elephate.com Give the password âFreelephateâ Within 15 minutes from this lecture Total value of the package: $1000 Maria CieĹlak Head of SEO
- 84.
- 85. #SMX @Bart_Goralewicz THANK YOU! SEEYOU AT THE NEXT #SMX bartosz@goralewicz.com