Technical SEO Nightmares on React Client-side based Web Applications – BrightonSEO October 2025

Transcript

1. Confidential - Not for Public Consumption or Distribution
2. Confidential - Not for Public Consumption or Distribution Discovered – Currently Not Indexed
3. Confidential - Not for Public Consumption or Distribution Duplicate, Google Chose another Canonical /:/gamma- a4/a4-all- road/ /:/a4/a4-all- road/
4. Confidential - Not for Public Consumption or Distribution
5. Confidential - Not for Public Consumption or Distribution What We Cover Today… Simone De Palma 3 How Does React Routing Works 4 React & Tech SEO Nightmares 2 How JavaScript (Still) Affect SEO 1 JavaScript: the Genesis of UX SEODepths.com
6. Confidential - Not for Public Consumption or Distribution JavaScript: the Genesis of UX Part 1 Simone De Palma SEODepths.com
7. Confidential - Not for Public Consumption or Distribution JavaScript is a Babylon of Programming Frameworks
8. Confidential - Not for Public Consumption or Distribution From One Language, Many Accents
9. Confidential - Not for Public Consumption or Distribution Mobile Apps have boomed since 2015 Forbes (2015). 2015 Is The Year Of The Mobile Web - Is Your Website Ready?
10. Confidential - Not for Public Consumption or Distribution SEO Specialist Marketer
11. Confidential - Not for Public Consumption or Distribution 90's - 00's Around 2015 <span> <div>
12. Confidential - Not for Public Consumption or Distribution JavaScript is not the Villain Poor Business Decisions are
13. Confidential - Not for Public Consumption or Distribution What about React ?
14. Confidential - Not for Public Consumption or Distribution A JavaScript library for high-end SPAs and mobile apps Recycle UI components Update content efficiently Feeds with a solid ecosystem of JavaScript frameworks (like Redux, Next.js) Build mobile apps (React Native) or server-rendered sites
15. Confidential - Not for Public Consumption or Distribution Crawl/Indexing URLs Change URLs Don’t Change Page Load Time Jarring Fast User Experience Limited Excellent Rendering SSR is Easy Default CSR React doesn’t help with SEO
16. Confidential - Not for Public Consumption or Distribution eCommerce Currency Selector React vs HTML ft. plain JavaScript
17. Confidential - Not for Public Consumption or Distribution React
18. Confidential - Not for Public Consumption or Distribution Simple JavaScript on top of HTML
19. Confidential - Not for Public Consumption or Distribution Are you saying we must have an HTML solution for each page template?
20. Confidential - Not for Public Consumption or Distribution “We don’t have enough bandwidth to handle the request” “We’re going to run this in the next sprint” “We need to get back to the CMS to grant access to the pipeline”
21. Confidential - Not for Public Consumption or Distribution Technical Complexities Poor Management No Money Business Decisions Complex Back-Ends
22. Confidential - Not for Public Consumption or Distribution • Why are we using a JavaScript library for a mostly static site? • Why isn’t this just HTML? • How does SEO feed into the Marketing strategy? • What’s the SEO value as a Marketing Touchpoint?
23. Confidential - Not for Public Consumption or Distribution How JavaScript (Still) Affect SEO Part 2 Simone De Palma SEODepths.com
24. Confidential - Not for Public Consumption or Distribution Google’s improved JavaScript execution And yet still… Googlebot Users
25. Confidential - Not for Public Consumption or Distribution Excessive Client- side JavaScript can Break Rendering Googlebot’s View
26. Confidential - Not for Public Consumption or Distribution LLMs can’t execute JavaScript But fetch content from SSR sections
27. Confidential - Not for Public Consumption or Distribution JavaScript & the Indexing Pipeline The Renderer is the Battlefield
28. Confidential - Not for Public Consumption or Distribution JavaScript abide by their own Rules But can be Mitigated
29. Confidential - Not for Public Consumption or Distribution How Does React Routing Work Part 3 Simone De Palma SEODepths.com
30. Confidential - Not for Public Consumption or Distribution Routing in React
31. Confidential - Not for Public Consumption or Distribution Server-Side Routing & Traditional Web Apps
32. Confidential - Not for Public Consumption or Distribution Excellent for crawling, rendering, and indexation Faster initial load time Slower progressive navigation as it needs dependencies Frontend and backend are tied together
33. Confidential - Not for Public Consumption or Distribution Client-Side Routing & SPAs
34. Confidential - Not for Public Consumption or Distribution Seamless navigation Frontend and backend are separated Slower initial load time Search engines can’t crawl/render critical components
35. Confidential - Not for Public Consumption or Distribution What to look For Invisible Internal Links Rendering Blocks
36. Confidential - Not for Public Consumption or Distribution How to look for Wappalyzer
37. Confidential - Not for Public Consumption or Distribution React For SEO Download for Free
38. Confidential - Not for Public Consumption or Distribution Does it Affect Rendering? Rendering Difference Engine URL Inspection Tool
39. Confidential - Not for Public Consumption or Distribution React & Tech SEO Nightmares Part 4 Simone De Palma SEODepths.com
40. Confidential - Not for Public Consumption or Distribution The Router in React Router URL Routing
41. Confidential - Not for Public Consumption or Distribution That Beautiful Typo in the Router…
42. Confidential - Not for Public Consumption or Distribution … caused Indexation to go rogue
43. Confidential - Not for Public Consumption or Distribution … making it harder to Crawl Filter Selection doesn’t update the URL
44. Confidential - Not for Public Consumption or Distribution But the page loaded just fine! Filter Selection doesn’t update the URL
45. Confidential - Not for Public Consumption or Distribution Default Client-side Routing The server didn’t receive any requests to update the pages Indexing
46. Confidential - Not for Public Consumption or Distribution Filter banner missing Product listings missing … as well as Rendering impediments
47. Confidential - Not for Public Consumption or Distribution Default Client-side Rendering The banner filter and product listings were hydrated client-side Rendering
48. Confidential - Not for Public Consumption or Distribution TL;DR – Client-Side Stuff Poisons SEO
49. Confidential - Not for Public Consumption or Distribution Our Ask #1 Fix Duplicate Keys with Dynamic Filtering in the Router
50. Confidential - Not for Public Consumption or Distribution Nobody said it was Easy
51. Confidential - Not for Public Consumption or Distribution #2 Switch to Server-Side Routing
52. Confidential - Not for Public Consumption or Distribution But stitching up the front-end to the back-end was 🫩 Resource-intensive Expensive
53. Confidential - Not for Public Consumption or Distribution Static Server Generation for static pages Server-Side Rendering for dynamic filtering Pre-Rendering #3 Expensive and Ineffective
54. Confidential - Not for Public Consumption or Distribution Because React is a Different Beast
55. Confidential - Not for Public Consumption or Distribution Align your SEO strategy to Marketing goals… #1 That Key Takeaway
56. Confidential - Not for Public Consumption or Distribution …based on your CSR Reliance
57. Confidential - Not for Public Consumption or Distribution Keep off Client-side Routing & Rendering #2 That Key Takeaway
58. Confidential - Not for Public Consumption or Distribution Advocate Server-side Routing & Rendering #3 That Key Takeaway
59. Confidential - Not for Public Consumption or Distribution From SPA to Micro Frontends SPA React Dynamic Filtering Filtered View Web app Layer Service Layer Dynamic Filtering SPA React Listings Product Listings Product Listings
60. Confidential - Not for Public Consumption or Distribution Many Thanks and… Simone De Palma GET THE SLIDES SEODepths.com