SEOSLY.

COM

JavaScript SEO
ESSENTIALS
BY OLGA ZARR
SEOSLY.COM
What is JavaScript SEO?
JavaScript SEO is the practice of
optimizing websites that rely on
JavaScript to function properly for search
engines.
The goal is to ensure that search engine
bots can crawl, render, and index the
content and links generated by
JavaScript. BY OLGA ZARR
SEOSLY.COM
JavaScript SEO basic
diagnostics
To diagnose JavaScript SEO issues,
you need to know how to check if a
website relies on JavaScript (and
how much), if Google can see the
JavaScript-added content, and if the
JavaScript content is indexed.
BY OLGA ZARR
SEOSLY.COM
How to check a page’s
reliance on JavaScript
Install and download Chrome Web
Developer.
Open the page you want to investigate.
Click the Web Developer icon, choose
Disable, and then “Disable
JavaScript”.
Reload the page.
BY OLGA ZARR
SEOSLY.COM
How to check a page’s
reliance on JavaScript

BY OLGA ZARR
SEOSLY.COM
How to check a page’s
reliance on JavaScript
If you see an empty
page or if huge
pieces of content
are missing, the
page relies on
JavaScript to
generate it.
BY OLGA ZARR
SEOSLY.COM
How to check a site’s
JavaScript reliance in bulk
To analyze
JavaScript
reliance in bulk,
use your favorite
crawler without
JavaScript
rendering.
BY OLGA ZARR
SEOSLY.COM
How to check a site’s
JavaScript reliance in bulk
If the crawl data is missing
important content or links,
the site generates it using
JavaScript.
And for bulk analysis of a
JavaScript-based website,
you will want to do another
crawl with JavaScript
rendering. BY OLGA ZARR
SEOSLY.COM
How to check how
Googlebot sees the page
There are two ways to see the
rendered HTML (what Googlebot
actually sees).
Do not confuse this with the rendered
HTML your crawler shows you. This is
not what Google sees. BY OLGA ZARR
SEOSLY.COM
Use the URL Inspection tool
in Google Search Console
Inspect the URL, then
click ‘VIEW CRAWLED
PAGE’ and check
‘HTML’ and
‘SCREENSHOT’ to see
the version of the page
that Googlebot sees.
BY OLGA ZARR
SEOSLY.COM
Use the URL Inspection tool
in Google Search Console
If important content and
links are missing, you have
a problem.
This method, obviously, only
works if you have access to
the site in GSC, which you
may not always have.
BY OLGA ZARR
SEOSLY.COM
Use The Rich Results Test
The main purpose of the Rich
Results Test is to analyze
structured data.
But you don’t always have
access to the site in Google
Search Console, so this is
when the Rich Results Test
becomes super useful.
BY OLGA ZARR
 Use The Rich Results Test
SEOSLY.COM

Test the URL you want to

analyze from Googlebot’s
perspective and then click
‘VIEW TESTED PAGE’.
Similar to what you had in GSC,
you can see ‘HTML’ and
‘SCREENSHOT’ tabs that show
you exactly how Googlebot
sees that page!
BY OLGA ZARR
 How to check if JavaScript
SEOSLY.COM

content is indexed
To check if JavaScript-
generated content is
indexed by Google, you
can use the site: Google
search operator
followed by the URL of
the page you want to
check.
BY OLGA ZARR
 How to check if JavaScript
SEOSLY.COM

content is indexed
If the JavaScript-
generated content
appears in the
search results, it
means Google has
indexed it
successfully.
BY OLGA ZARR
 How to check if JavaScript
SEOSLY.COM

content is indexed
If the JavaScript-
generated content
appears in the
search results, it
means Google has
indexed it
successfully.
BY OLGA ZARR
 Want to learn more about
SEOSLY.COM

JavaScript SEO?
Make sure to read the
full guide and watch my
interview with Martin
Splitt from Google:
seosly.com/blog/javascr
ipt-seo/
BY OLGA ZARR
 Follow Olga Zarr SEO
SEOSLY.COM

..
Did you like my presentation?
Please share it and follow me.
#SEOSLY SEO Newsletter
#SEOSLY YouTube Channel
#SEOSLY SEO Podcast
BY OLGA ZARR