Googleモバイルフレンドリー対応方法とrobots.txt設定

　突然、google先生からの自動通知メールで「CSSファイルおよびJSファイルにGooglebotがアクセスできません」とメールが届きました。
　1つだけなら良いですが、当方が運営しているサイトのすべてにおいてです。(^^;)
　しかも、さて、そろそろ寝ようかな？と思っていた、日付が変わる頃の時間帯に、どどど～と届くもので、嫌がらせか？とも感じましたが、対策・対応を行ってみました。

　実際問題、WordPressはスマホ対応のレスポンシブデザインになっているのですが、一部のサイトがなぜか、モバイルフレンドリーとしてgoogle先生に認めて頂けていませんでした。
　認めてもらえているサイトの方がもちろん多くて、一部だけがダメな理由も良くわからなかったので、放置していたのですが、今回、突然「CSSおよびJSファイルにGooglebot がアクセスできません」とのメールがたくさん届いた為、対策を講じて見る事にした次第です。

　まずは、googleSearchConsole(昔のウエブマスターツール)にて、モバイルユーザビリティのエラー状況を見てみます。
　「検索のトラフィック」→「モバイルユーザビリティ」から見れます。

　※各画像はクリックすると拡大します。
　うーん、イマイチですね。
　上記の画面からエラーとされているURLを確認して、下記の方法で、実際に問題があるのか？確認してみます。

　モバイルフレンドリーテスト

　しかし、モバイルフレンドリーなどと、googleさんは分かりにくい言葉を多用するのがいつも気になります。
　素直に「スマホなどにも優しい表示」などと表現なされば良いのにと感じますが、上記のツールで、google先生がどのように認識しているのか確認が取れます。
　ダメと表示された場合でも、改善することで、モバイルフレンドリーに問題が無いと認定されれば、スマホでの検索順位が上がりますので、さっそく対応してみます。

Contents　目次

1 レスポンシブデザイン
2 robots.txtの設定
3 それでもダメだった時は

レスポンシブデザイン

　私の場合は、ほとんどのサイトをWordPressに移行させて、レスポンシブデザインのテーマを使用していますので、スマホでもタブレットでも最適な表示がされますので、基本的に問題が無いはずなのですが、どうも、検索エンジンのアクセスを制御するrobots.txtの設定内容が悪さをしているようです。
　そもそも、robots.txtは、google先生がモバイルフレンドリーを重視する以前に設定したままでしたので、それを改善する時が既に来ていたと言う事なのだろうと思います。
　もし、モバイルフレンドリーではない理由が「テキストが小さすぎて読めません」「モバイル用viewportが設定されていません」などでしたら、モバイル用のサイトを作らないといけませんね。

robots.txtの設定

　と言う事で、モバイルフレンドリーに対応するrobots.txtの設定と言うか記述を変更対応してみました。

　まずは、googleのSearchConsole(昔のウエブマスターツール)にて、robots.txtの内容を確認してみます。

　「クロール」→「robots.txtテスター」にて表示されます。
　私の場合は下記のような内容になっていました。

　上記のうち、問題と言うか、googleのbotのアクセスを拒否している該当行である下記の3つを削除してみました。

　Disallow: /wp-content/plugins
　Disallow: /wp-content/themes
　Disallow: /*.js$

　上記のrobots.txtテスター画面にて、消して見て、画面右端にある「送信」を押すと、削除後の内容をダウンロードできるようになります。
　ダウンロードしたrobots.txtをFTPソフトにてサーバーにアップロードします。
　そしたら、先程のrobots.txtテスター画面でポップアップされた2番と3番に進んで、google先生に、robots.txtを変更したよと送信します。

　モバイルフレンドリーテストにて、変更後の状況を確認してみましょう。