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

WordPressの「Googlebot cannot access CSS and JS files」エラーを修正する方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressサイトのGoogleウェブマスターツールアカウントに「Googlebot cannot access CSS and JS files(GooglebotがCSSファイルとJSファイルにアクセスできません)」という警告が表示されていませんか?

このメッセージには、この問題を解決するための手順へのリンクがコンテナで貼られているが、その手順はあまり簡単ではない。

この投稿では、WordPressサイトの “Googlebot cannot access CSS and JS files “エラーを修正する方法を紹介します。

Googlebot Warning

なぜGoogleはCSSとJSファイルへのアクセスを必要とするのか?

Googleは、ユーザーフレンドリーなサイト(高速で、ユーザーエクスペリエンスの高いサイトなど)により良いランキングを与えることに注力しています。サイトのユーザーエクスペリエンスを判断するために、GoogleはサイトのCSSと JavaScriptファイルにアクセスする必要があります。

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

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

それでは、これらのファイルの場所を特定し、ブロックを解除する方法を見てみよう。

GoogleにCSSとJSファイルへのアクセス権を与える方法

まず、Googleがあなたのサイトでアクセスできないファイルを知る必要がある。

Google Search Console(旧ウェブマスターツール)のクロール ” Googleとしてフェッチをクリックすると、Googlebotがあなたのサイトをどのように見ているかを見ることができます。次に、Fetch and render ボタンをクリックします(デスクトップとモバイルの両方でこれを行います)。

Fetch and render a page as Googlebot

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

Fetch as Google Comparison

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

ブロックされたリソースのリストは、Googleインデックス ” ブロックされたリソースでも見つけることができます。

Finding blocked resources in Google Search Console

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

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

次に、サイトのrobots.txtファイルを編集する必要があります。robots.txtファイルは、Googleボットが何を見るかをコントロールするものです。

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

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

All In One SEOプラグインを使用している場合、WordPress管理エリアからrobots.txtファイルを編集することができます。All In One SEO ” Toolsページに行き、’Robots.txtエディター’タブをクリックするだけです。

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

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

Enable custom robots.txt file in AIOSEO

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

robots.txt preview in All in One SEO

robots.txtファイルにカスタムルールを追加できるようになりました。詳しくは、WordPressでrobots.txtを最適化する方法をご覧ください。

あなたのサイトでは、このようにWordPressのディレクトリへのアクセスが許可されていないことがほとんどでしょう:

ユーザーエージェント:*
許可しない/wp-admin/
許可しない不許可: /wp-includes/
許可しない許可しない: /wp-content/plugins/
許可しない/wp-content/themes/ を許可しない。

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

ユーザーによっては、robots.txtファイルが空だったり、存在しなかったりすることに気づくかもしれない。もしGooglebotがrobots.txtファイルを見つけない場合、Googlebotは自動的にすべてのファイルをクロールし、インデックスします。

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

まれに、WordPressホスティングサービスプロバイダーによっては、ボット用のWordPress初期設定フォルダへのアクセスを積極的にブロックする場合があります。robots.txtでこれを上書きして、ブロックされたフォルダーへのアクセスを許可することができます。

ユーザーエージェント:*
許可する許可: /wp-includes/js/

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

この投稿が、WordPressサイトの「Googlebot cannot access CSS and JS files」エラーを解決するのにお役に立てば幸いです。WordPress サイトの訪問者をトラッキングする方法や、WordPress SEO プラグインのエキスパートが選ぶベストプラグインも参考にしてください。

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.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

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.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

7件のコメント返信を残す

  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.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。