How to deal, avoid pitfalls and negate the effects of JS frameworks on your organic traffic from search engines

2. JavaScript SEO 101
Is your JS website good
enough for Google?

3. 3
Nati Elimelech
CEO @ SEO
Israel
Passionate about technical SEO, analytics and automation.
CEO at SEO Israel, a leading SEO agency in Israel.
Will optimize crawl budget for beer.
About Me
Skills
97%Technical SEO
94%Holistic SEO
-50%Sports

4. 4
When I say JavaScript
frameworks, I mostly mean…
- React (by Facebook)
- Angular (by Google)
- Vue.js

5. 5
JS frameworks and SPAs are
on the rise
- Easier to develop & maintain
- Faster load times
- Better user experience
- Makes the browser do all the heavy
lifting

6. 6
“ What’s the big
deal? I’ve heard
Google can read
JavaScript just
fine. ”
- Mahatma Gandhi

7. 7
How Crawling and Indexing Works
Much more
resource heavy
Piece of cake

8. 8
Google can’t read your
content and “see” your
beautiful website
Your website might be beautiful and slick
looking, but can google see it your content
the way your users do?
This is how Googlebot sees a website
with poorly executed JS

9. 9
Google Will Discover
New Pages S-L-O-W-L-Y
Having to fully render a page to detect all
links on it makes new URL discovery very
sluggish. Large websites should expect
slower new URL discovery.

10. 10
Google Will Crawl Your
Pages Less Often
Fully rendering a page means more resources
required on Google’s end, which means less
URLs get crawled and not as often.

11. 11

12. 12
“ oh. ”
- Mahatma Gandhi

13. 13
Make sure Googlebot can see your HTML and properly
render your content for all page types using ‘URL
inspection’ + ‘test live URL’ in GSC.
Tip: using Google’s mobile-friendly test tool will show you how
Googlebot sees the page.
Make sure Googlebot can
render your content

14. 14
notes for your dev team
Make your HTML static
and Readable to
Googlebot
• Rendertron/Pupputeer (headless browser - server
configuration)
• Prerender.io (3rd party) – pay by no. of URLs
• Angular Universal – built in into Angular 2
• Edge SEO – some CDN services offer prerendering
services

15. 15
Make sure to create and submit sitemaps
for all URLs you want google to crawl or
discover
Create extensive
sitemaps
notes for your dev team

16. 16
When it works…

17. 17
Nati Elimelech
CEO @ SEO
Israel
Questions?
Hit me up on social:
@netanel
thenati

18. 18
Thank You!
Come to our booth for a
quick audit of your website