WordPressで「GooglebotがCSSおよびJSファイルにアクセスできません」エラーを修正する方法

WordPressサイトのGoogleウェブマスターツールアカウントで、「GooglebotがCSSおよびJSファイルにアクセスできません」という警告が表示されていますか？

メッセージにはこの問題を解決するための手順へのリンクが含まれていますが、それらの手順はあまり分かりやすくありません。

この記事では、WordPressサイトで「GooglebotがCSSおよびJSファイルにアクセスできません」というエラーを修正する方法を説明します。

GoogleがCSSおよびJSファイルにアクセスする必要があるのはなぜですか？

Googleは、ユーザーフレンドリーなウェブサイト（高速で、優れたユーザーエクスペリエンスを持つサイトなど）に、より良いランキングを与えることに重点を置いています。ウェブサイトのユーザーエクスペリエンスを判断するために、GoogleはサイトのCSSおよびJavaScriptファイルにアクセスできる必要があります。

デフォルトでは、WordPressは検索ボットがCSSやJSファイルにアクセスすることをブロックしません。しかし、一部のサイト所有者は、追加のセキュリティ対策を施そうとしたり、WordPressセキュリティプラグインを使用したりする際に、誤ってそれらをブロックしてしまうことがあります。

これは、サイトのSEOパフォーマンスに影響を与える可能性のあるCSSおよびJSファイルのインデックス作成をGooglebotに制限します。

それを踏まえて、これらのファイルを見つけてブロック解除する方法を見てみましょう。

GoogleにCSSおよびJSファイルへのアクセスを許可する方法

まず、Googleがウェブサイトでアクセスできないファイルを知る必要があります。

Googlebotがあなたのウェブサイトをどのように見ているかを確認するには、Google Search Console（旧Webmaster Tools）でCrawl » Fetch as Googleをクリックします。次に、デスクトップとモバイルの両方でfetch and renderボタンをクリックします。

フェッチされると、結果は下の行に表示されます。それをクリックすると、ユーザーが見ているものと、Googlebotがサイトを読み込むときに何を見ているかが表示されます。

2つのスクリーンショットの間に違いが見られる場合、それはGooglebotがCSS/JSファイルにアクセスできなかったことを意味します。アクセスできなかったCSSおよびJSファイルのリンクも表示されます。

これらのブロックされたリソースのリストは、Google Index » Blocked Resourcesの下にもあります。

各リソースをクリックすると、Googlebotがアクセスできない実際のソースへのリンクが表示されます。

ほとんどの場合、これらはWordPressのプラグインまたはテーマによって追加されたCSSスタイルとJSファイルです。

次に、Googleボットが見るものを制御するサイトのrobots.txtファイルを編集する必要があります。

FTPクライアントを使用してサイトに接続することで編集できます。robots.txtファイルはサイトのルートディレクトリにあります。

All in One SEOプラグインを使用している場合は、WordPress管理画面からrobots.txtファイルを編集できます。単にAll in One SEO » Toolsページに移動し、「Robots.txt Editor」タブをクリックしてください。

次に、スイッチを切り替えてカスタムrobots.txtを有効にします。これにより、robots.txtファイルを編集できます。

その後、画面下部に既存のrobots.txtファイルのプレビューが表示されます。

これで、robots.txtファイルに独自のカスタムルールを追加できます。詳細については、WordPressでrobots.txtを最適化する方法に関するガイドをご覧ください。

このように、サイトの一部のWordPressディレクトリへのアクセスが拒否されていることがわかるでしょう。

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

次に、サイトのフロントエンドにあるCSSまたはJSファイルへのGoogleのアクセスをブロックしている行を削除する必要があります。通常、これらのファイルはプラグインまたはテーマのフォルダにあります。wp-includesを削除する必要がある場合もあります。多くのWordPressテーマやプラグインは、jQueryなどのwp-includesフォルダにあるスクリプトを呼び出す場合があります。

一部のユーザーは、robots.txtファイルが空であるか、存在しないことに気づくかもしれません。Googlebotがrobots.txtファイルを見つけられない場合、すべてのファイルを自動的にクロールしてインデックスに登録します。

それでは、なぜこの警告が表示されるのですか？

まれに、一部のWordPressホスティングプロバイダーが、ボットによるデフォルトのWordPressフォルダへのアクセスを積極的にブロックする場合があります。robots.txtでブロックされたフォルダへのアクセスを許可することで、これを上書きできます。

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

完了したら、robots.txtファイルを保存します。Google Fetchツールにアクセスし、Fetch and Renderボタンをクリックします。次に、Fetchの結果を比較すると、ブロックされたリソースのほとんどの問題が解消されていることがわかります。

この記事が、WordPressサイトで「GooglebotがCSSおよびJSファイルにアクセスできません」というエラーを解決するのに役立ったことを願っています。また、WordPressサイトへのウェブサイト訪問者を追跡する方法や、最高のWordPress SEOプラグインに関するガイドも参照してください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。