Subscribe
Join 40,000+ sales and marketing pros who receive our 4x a week insights, tips, and best practices.
Thank you! You have been subscribed.

Free Guide: The Inbound Marketer’s Guide to Search Engine Optimization

Download the Guide
Fill out the form to get your guide
Thank you! You have been subscribed.
... Inbound Marketing Search Engine Optimization
Close
The Inbound Marketer’s Guide to Search Engine Optimization

Free Guide:

The Inbound Marketer’s Guide to Search Engine Optimization
Read the Guide
The Inbound Marketer’s Guide to Search Engine Optimization
Free Search Engine Optimization Guide
View The Inbound Marketer’s Guide to Search Engine Optimization
The Inbound Marketer’s Guide to Search Engine Optimization

Free Guide:

Generate more traffic, leads, and sales with search engine optimization

In this free guide, you will learn:

  • What search engines are and who uses them.
  • What search engine optimization is and how it works.
  • Best practices for search engine optimization.

Google Publishes New Developer Doc on JavaScript SEO Basics

By Melissa Smith

Melissa Smith also recommends this free guide, The Inbound Marketer’s Guide to Search Engine Optimization.

Google Publishes New Developer Doc on JavaScript SEO Basics

In mid-July, Martin Splitt and Lizzi Harvey, both from Google, released documentation for developers that covers the basics of JavaScript SEO.

Free Guide: The Inbound Marketer’s Guide to Search Engine Optimization

This section is included inside the Google’s Search Developer’s guide. The guide covers how Google Search processes JavaScript, and the best practices for improving JavaScript web apps for Google Search.

But wait — why is processing JavaScript different than HTML and CSS?

Javascript is a client-side programming language which helps developers make dynamic and interactive web pages by implementing custom client-side scripts. In other words, the actual contents of the page can vary depending on who is looking at it.

Even Google admits that it is difficult to process JavaScript, and search engine crawlers are still working out the best ways to do so.

And with how widespread front-end JavaScript frameworks and Single Page Applications (SPAs) are becoming, this guide update is Google’s attempt to clarify how best to make your site search engine optimized.

How does Googlebot process JavaScript web apps?

I thought we were talking about web pages and not apps...

Well, the line between the two is becoming much more blurred.

You may not think of your website as being a “web app” with things like logging in or user profiles. But many web services and coding frameworks are now bringing functionality like pre-fetching links (so linked pages can load faster) and only reloading content that changes between pages (again — loading pages faster!).

These have typically been in the realm of “web applications” in the past, but they carry a lot of benefits for standard websites as well. So, unless your website is incredibly barebones, it can probably be considered a web app.

First, Googlebot processes JavaScript web apps in three phases: crawling, rendering, and indexing.

googlebot-crawl-render-index

(Source: Google)

  • Crawling - Googlebot fetches a URL from the crawling queue and checks if you allow the page to be crawled
  • Rendering - During this time, once Googlebot’s resources allow, a headless Chromium (running Chrome in a headless/server environment) renders the page and executes the JavaScript
  • Indexing - Googlebots use that rendered HTML to index the page in search results

Next, the guide suggests some simple, basic tips to improve your site’s SEO — with links to more detailed resources:

  • Describe your page with unique titles and snippets. Javascript can be used to set or change the meta description as well as the title.
  • Write compatible code. Googlebot has some limitations regarding which APIs and JavaScript it supports, so it is important to make sure your code is compatible.
  • Use meaningful HTTP status codes. Use a meaningful status to tell Googlebot if a page should not be crawled or indexed, as well as if a page has moved to a new URL.
  • Use meta robot tags carefully. Use this if you wish to prevent Googlebot from indexing a page or its following links. (Note: Google states that using JavaScript to change or remove the robot’s meta tag might not work as expected. Googlebot skips rendering and JavaScript execution if the meta robot’s tag initially contains "noindex." If you want to use JavaScript to change the content of the robot’s meta tag, do not set the meta tag's value to "noindex.")
  • Fix images and lazy-loaded content. To save on bandwidth and performance, a good solution is to use lazy-loading to only load images when the user is about to see them. Instead of loading everything at once, lazy-loading will defer loading of non-critical resources at page load time, and load them at the moment of need.

Like any other coding languages JavaScript, can have advantages and disadvantages.

It is a powerful tool for developers and can enhance the user experience. Since it runs locally in your browser, it can be a very fast and seamless experience (instead of relying on multiple trips to the server to send and receive information). It is also relatively simple and easy to learn, which makes the barrier to entry (even for non-developers) quite low.

But with those advantages comes some disadvantages as well. The main two are security and browser support. Because it executes on the client’s computer, JavaScript can be exploited for malicious purposes. Different browsers also interpret JavaScript differently, so there can be some deviations.

One other drawback is that JavaScript is sometimes disabled, which means a lot of functionality may not work on the client’s computer at all.

With that being said, your site is probably using JavaScript in some form, so it is important to understand how Googlebot processes it. Making your JavaScript-powered web application discoverable for Google Search will help increase your organic visibility and bring more traffic to your site.

Excited to see what Google decides to add next to expand its JavaScript SEO? Let us know your thoughts in Elite!

The Inbound Marketer’s Guide to Search Engine Optimization

Free Guide:

The Inbound Marketer’s Guide to Search Engine Optimization
Read the Guide
The Inbound Marketer’s Guide to Search Engine Optimization

Free Guide:

The Inbound Marketer’s Guide to Search Engine Optimization

Generate more traffic, leads, and sales with search engine optimization

In this free guide, you will learn:

  • What search engines are and who uses them.
  • What search engine optimization is and how it works.
  • Best practices for search engine optimization.

Topics:

Search Engine Optimization
News
Published on July 30, 2019

Recent Articles

Video SEO: How To Optimize Videos To Drive Traffic to Your Website
May 9, 2022 • 8 min read
37 Eye-opening SEO Statistics To Nail Your 2022 Search Strategy
April 28, 2022 • 10 min read
10 Reasons Why Your Website Is Not Ranking In Google
February 10, 2022 • 15 min read
9 SEO Best Practices for Stronger Organic Traffic in 2022
November 18, 2021 • 12 min read
Google Shares New Tools to Audit Website User Experience
August 12, 2021 • 3 min read
Google: Website Content Quality More Important Than Quantity
August 10, 2021 • 3 min read
How Long Tail Keyword Research Can Drive Business
August 9, 2021 • 7 min read
ICYMI: Digital Marketing News Update for July 26, 2021
July 26, 2021 • 6 min read
How to Optimize Videos On Your Business Website for Search
July 23, 2021 • 4 min read
ICYMI: Digital Marketing News Update for July 19, 2021
July 19, 2021 • 6 min read
Google: 'Here's how to prepare for the future private web'
July 16, 2021 • 4 min read
What the Heck is Going on With All the Google Updates? (Content Lab, Ep. 54)
July 15, 2021 • 1 min read
ICYMI: Digital marketing news update for July 12, 2021
July 12, 2021 • 5 min read
Too many internal links in content can confuse Google about site structure
July 9, 2021 • 5 min read
ICYMI: Digital marketing news update for July 6, 2021
July 6, 2021 • 5 min read
Google July 2021 core update rolling out over next 2 weeks
July 2, 2021 • 4 min read
ICYMI: Digital marketing news update for June 28, 2021
June 28, 2021 • 6 min read
Inbound Marketing Help: My Traffic And Leads Are Down. What Can I Do?
June 28, 2021 • 5 min read
ICYMI: Digital marketing news update for June 21, 2021
June 21, 2021 • 5 min read
Finally, Google page experience core update is rolling out
June 18, 2021 • 3 min read
ICYMI: Digital marketing news update for June 14, 2021
June 14, 2021 • 6 min read
What is a Featured Snippet? [Definition + Examples]
June 10, 2021 • 4 min read
ICYMI: Digital marketing news update for June 7, 2021
June 7, 2021 • 6 min read
Google June 2021 core update live, July core update coming
June 4, 2021 • 3 min read
ICYMI: Digital marketing news update for May 24, 2021
May 24, 2021 • 6 min read