Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

How to Fix “Googlebot cannot access CSS and JS files” Error in WordPress

Editorial Note: We earn a commission from partner links on WPBeginner. Commissions do not affect our editors' opinions or evaluations. Learn more about Editorial Process.

Are you seeing ‘Googlebot cannot access CSS and JS files’ warning in Google webmaster tools account for your WordPress site?

The message contains links to instructions on how to fix this issue, but those instructions are not very easy to follow.

In this article, we will show you how to fix “Googlebot cannot access CSS and JS files” error on your WordPress site.

Googlebot Warning

Why Google Needs Access to CSS and JS Files?

Google is focused on giving better rankings to user friendly websites – sites that are fast, have good user experience, etc. In order to determine the user experience of a website, Google needs access to be able to visit the site’s CSS and JavaScript files.

By default WordPress does not block search bots from accessing any CSS or JS files. However some site owners may accidentally block them while trying to add extra security measures or by using a WordPress security plugin.

This restricts Googlebot from indexing CSS and JS files which may affect your site’s SEO performance.

Having said that, let’s see how we can locate these files and unblock them.

How to Give Google Access to Your CSS and JS Files

First, you need to know which files Google is unable to access on your website.

You can see how Googlebot sees your website by clicking on Crawl » Fetch as Google in Google Search Console (formerly Webmaster Tools). Next, click on fetch and render button (you want to do this for both Desktop and Mobile).

Fetch and render a page as Googlebot

Once fetched, the result will appear in a row below. Clicking on it will show you what a user sees and what the Googlebot sees when it loads your site.

Fetch as Google Comparison

If you notice any difference between the two screenshots, then this means that Googlebot was not able to access CSS/JS files. It will also show you the links of CSS and JS files it was unable to access.

You can also find a list of these blocked resources under Google Index » Blocked Resources.

Finding blocked resources in Google Search Console

Clicking on each resource will show you the links to actual resources that cannot be accessed by Googlebot.

Most of the time, these are CSS styles and JS files added by your WordPress plugins or theme.

Now you will need to edit your site’s robots.txt file which is what controls what Google bot sees.

You can edit it by connecting to your site using an FTP client. The robots.txt file will be in your site’s root directory.

Locating robots.txt file on a WordPress site using FTP client

If you are using the All in One SEO plugin, then you can edit robots.txt file from within your WordPress admin area. Simply go to All in One SEO » Tools page and then click on the ‘Robots.txt Editor’ tab.

Editing robots.txt file using file editor tool in All in One SEO

Then, enable custom robots.txt by toggling the switch. This allows you to edit your robots.txt file.

Enable custom robots.txt file in AIOSEO

After that, you’ll see a preview of your existing robots.txt file at the bottom of the screen.

robots.txt preview in All in One SEO

You can now add your own custom rules to your robots.txt file. For more details, see our guide on how to optimize your robots.txt in WordPress.

You will most likely see that your site has disallowed access to some WordPress directories like this:

User-agent: *
Disallow: /wp-admin/
Disallow: /wp-includes/
Disallow: /wp-content/plugins/
Disallow: /wp-content/themes/

Now you need to remove the lines that are blocking Google’s access to CSS or JS files on your site’s front-end. Typically these files are located in the plugins or themes folders. You may also need to remove wp-includes, many WordPress themes and plugins may call scripts located in wp-includes folder, such as jQuery.

Some users may notice that their robots.txt file is either empty or does not even exist. If Googlebot does not find a robots.txt file, then it automatically crawls and index all files.

Then why are you seeing this warning?

On rare occasions, some WordPress hosting providers may proactively block access to default WordPress folders for bots. You can override this in robots.txt by allowing access to blocked folders.

User-agent: *
Allow: /wp-includes/js/

Once you are done, save your robots.txt file. Visit the fetch as Google tool, and click on fetch and render button. Now compare your fetch results, and you will see that most blocked resources issue should disappear now.

We hope this article helped you resolve ‘Googlebot cannot access CSS and JS files’ files error on your WordPress site. You may also want to see our guide on how to track website visitors to your WordPress site or our expert picks of the best WordPress SEO plugins.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

7 CommentsLeave a Reply

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Dhruv Sharma says

    Dear wpbeginner,

    If I allow access to js files that means I the bot will fetch all the js include jquery.yi and other heavy js versions.
    Is it good for seo?

  3. Mark says

    While I have allowed Allow: /wp-includes/*.js I am still getting this error:

    /wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1

    I have noticed my error baseline is dropping without me doing anything so I feel like this is a Google stuff up of some sort??

  4. Billy says

    Yes, Here’s the problem I’m having trouble a few weeks ago, thanks to how to fix this, I will try and follow the instructions to fix this.

Leave a Reply to bilal Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

WPBeginner Assistant
How can I help you?

By chatting, you consent to this chat being stored according to our privacy policy and your email will be added to receive weekly WordPress tutorials from WPBeginner.