– 7 min read

How To Find Errors On JavaScript Pages: JS Rendering Is Now Available In Site Audit

Pavel Alekseev

Product/Project Manager at Serpstat

Can't stop, addicted to the updates! We recently released two significant features: the Site Audit API and the Links Intersection tool for finding new link sources. Today I will introduce to you another Serpstat feature - JavaScript rendering in Audit.
Previously, SEOs could not check pages with JS scripts for technical issues with our Audit, because it did not see the content there. Now the tool can render JS pages and check them for issues. Read more about the update and why you need it below.

Contents

1. What is rendering
2. Why JS rendering in Site Audit is great
2.1 What was the problem
2.2. How did we solve the problem
3. Conclusion

How To Automate Searching For Technical Issues: Leave All Your Work To Our API

What is rendering

Before talking about the new Audit feature, let's take a look at how Google indexes page content, which is hidden in JS scripts.

JavaScript rendering is the creation of an HTML mask of a page that takes into account the changes made by JavaScript.

Previously, search engine crawlers only crawled and indexed content that was stored in static HTML source. Today, many sites use JavaScript frameworks and libraries (Angular, React, Vue.js, and Polymer).

Sites made in JS do not display the content of the page by the server. The content is loaded using JS in the user's browser. For example, here is the Serpstat main page that uses React scripts. What the user sees:

How To Find Errors On JavaScript Pages: JS Rendering Is Now Available In Site Audit 16261788425707

As you can see from the second screenshot, there is no content in the source code of the page that user sees.

Therefore, the reality is that developers' creation can not always be adapted to the requirements of a search engine. While Google claims that the crawler is good at rendering JavaScript, the reality is somewhat different.

What's going on in the code:

JavaScript is very sensitive to errors. One mistake in your code can make Google unable to display your page.

Google has problems with crawling JS files. Crawling, compiling, and running JS files takes a very long time. In the case of a website that is teeming with JavaScript, Google Bot must wait until all the steps of the JS file components are completed before it can index the content.

Google technical limitations. Many modern features are simply not available for Google Bot.

The Pitfalls Of Optimizing JavaScript Sites: Are They Worth It?

Personal demonstration

Our specialists will contact you and discuss options for further work. These may include a personal demonstration, a trial period, comprehensive training articles, webinar recordings, and custom advice from a Serpstat specialist. It is our goal to make you feel comfortable while using Serpstat.

Why JS rendering in Site Audit is great

As you can see, even Google has problems with JavaScript crawling. Therefore, it took us a lot of effort to teach our crawler how to do JS.

Note: Currently, the JS rendering function is available only in the Page Audit tool, but soon it will also be available in the Site Audit module.

What was the problem

When loading pages with JS scripts, the source code does not contain the content that is in them. The server issues a page containing the JS code that will be executed in the browser. Only then the content appears. That is, the Audit needed to get content that is not on the page since before that, it downloaded the source code for verification.

How did we solve the problem

Now, during the audit, we run the source code for the page in an emulated browser. The JS code is executed and we get the final result, with all the content of the page; an audit is conducted on this final result.

Technical Audit Of A Page: Rate Your SEO Performance

Frequently Asked Questions About Site Audit: Customer Support Digest #3

Effective Site Audit With Serpstat: Tool Overview

SEO experts believe that one of the effective ways to edit meta tags is to use the Google Tag Manager (GTM). You can read about the advantages of this method here.

However, this method also has disadvantages: if you want to check your site for technical issues, then many crawlers will not cope with this task, since they will not find meta tags from the server source code. To solve this problem, JS rendering in One Page Audit is suitable.

Conclusion

The value of this function is that it does not need to be connected additionally, it is available to everyone at once. Therefore, you need to do just a few simple steps:

Go to the Page Audit dashboard.

Create a new project.

Be surprised that you don't need to launch anything extra:)

Get the result.

Thanks to the new Site Audit feature, SEO specialists will be able to crawl the site taking into account the changes made to the code by JavaScript elements. This will help you avoid serious errors that could hinder ranking that were previously impossible to identify.

If you still have questions, do not hesitate to ask them in the online chat!

Learn how to get the most out of Serpstat

Want to get a personal demo, trial period or bunch of successful use cases?

Send a request and our expert will contact you ;)

Rate the article on a five-point scale

The article has already been rated by 4 people on average 3.75 out of 5

Found an error? Select it and press Ctrl + Enter to tell us