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

By WP Saviour •  Updated: 04/16/21 •  4 min read

Are you seeing ‘Googlebot can not entry CSS and JS recordsdata’ warning in Google webmaster instruments account on your WordPress web site? The message incorporates hyperlinks to directions on find out how to repair this subject, however these directions are usually not very simple to observe. On this article, we are going to present you find out how to repair “Googlebot can not entry CSS and JS recordsdata” error in your WordPress web site.

googlebotcannotaccess-9631354

Why Google Wants Entry to CSS and JS Information?

Google is concentrated on giving higher rankings to consumer pleasant web sites – websites which can be quick, have good consumer expertise, and many others. As a way to decide the consumer expertise of an internet site, Google wants entry to have the ability to go to the positioning’s CSS and JavaScript recordsdata.

By default WordPress doesn’t block search bots from accessing any CSS or JS recordsdata. Nonetheless some web site homeowners could unintentionally block them whereas attempting so as to add further safety measures or by utilizing a WordPress safety plugin.

This restricts Googlebot from indexing CSS and JS recordsdata which can have an effect on your web site’s website positioning efficiency.

Having stated that, let’s see how we will find these recordsdata and unblock them.

How you can Give Google Entry to Your CSS and JS Information

First you must know which recordsdata Google is unable to entry in your web site.

You may see how Googlebot sees your web site by clicking on Crawl » Fetch as Google in Google Search Console (previously Webmaster Tools). Subsequent, click on on fetch and render button (you need to do that for each Desktop and Cellular).

fetchasgoogle-1565622

As soon as fetched, the end result will seem in a row under. Clicking on it’ll present you what a consumer sees and what the Googlebot sees when it masses your web site.

fetchasgooglecomparison-9967331

Should you discover any distinction between the 2 screenshots, then because of this Googlebot was not in a position to entry CSS/JS recordsdata. It would additionally present you the hyperlinks of CSS and JS recordsdata it was unable to entry.

It’s also possible to discover a checklist of those blocked assets below Google Index » Blocked Sources.

blockedresources-6072312

Clicking on every useful resource will present you the hyperlinks to precise assets that can’t be accessed by Googlebot.

More often than not, these are CSS kinds and JS recordsdata added by your WordPress plugins or theme.

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

You may edit it by connecting to your web site utilizing an FTP client. The robots.txt file might be in your web site’s root listing.

robotstxtftp-4331334

In case you are utilizing Yoast SEO plugin, then you may edit robots.txt file from inside your WordPress admin space. Merely go to website positioning » Instruments web page after which click on on File Editor.

robotstxtyoastseo-2362497

You’ll almost certainly see that your web site has disallowed entry to some WordPress directories like this:

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

Now you must take away the strains which can be blocking Google’s entry to CSS or JS recordsdata in your web site’s front-end. Sometimes these recordsdata are situated within the plugins or themes folders. You might also must take away wp-includes, many WordPress themes and plugins could name scripts situated in wp-includes folder, akin to jQuery.

Some customers could discover that their robots.txt file is both empty or doesn’t even exist. If Googlebot doesn’t discover a robots.txt file, then it robotically crawls and index all recordsdata.

Then why are you seeing this warning?

On uncommon events, some WordPress hosting suppliers could proactively block entry to default WordPress folders for bots. You may override this in robots.txt by permitting entry to blocked folders.

Person-agent: * Enable: /wp-includes/js/

As soon as you might be completed, save your robots.txt file. Go to the fetch as Google software, and click on on fetch and render button. Now examine your fetch outcomes, and you will notice that the majority blocked assets subject ought to disappear now.

We hope this text helped you resolve ‘Googlebot can not entry CSS and JS recordsdata’ recordsdata error in your WordPress web site. You might also need to see our information on

gp-1336822 as-5419322

WP Saviour