次のモバイルフレンドリーテストを実行すると、「23ページのリソースをロードできませんでした」というエラーが表示されます。
https://search.google.com/test/mobile-friendly
ただし、エラーメッセージは(やや不愉快な)「その他のエラー」です。
開発者ツールを使用してChromeのサイトにアクセスし、デバイスツールバーを「レスポンシブ」に設定すると、エラーなしで正常に動作します。GoogleSearch Consoleにアクセスして、Crawl-> Fetch As Googleを実行すると、エラーは発生しません。
ページにロードするリソースがたくさんあるように見える「23ページのリソースをロードする」。
モバイルテスターは「重い」ページを好みません。
これは、不安定なデータ接続を持つ可能性のある実際のモバイルデバイスにロードするようなものを模倣する多くの方法があります。
ページを「軽く」します。ロードする「クラッド」が少なくなり、ページのロードが速くなり、したがって「フレンドリー」になります。
「その他のエラー」のインスタンスが6つ(4つの画像と2つのスタイルシート)ありましたが、更新ボタンを押し続けても解決しませんでした。これが最終的に私のために修正したと思うものです:
2つの画像を相対パスから絶対パスに切り替えました。それはそれらの両方を修正しました。
2つのスタイルシートを呼び出すcss headタグからtype = "text/css"を削除しました。そのため、これらはrelとhrefのみを持つようになりました-この<link rel="stylesheet" href="https://www.example.com/styles.css">
のように。残りの4つのエラーを修正しました。 (明らかに、残りの2つの画像はスタイルシートで呼び出されていました。)
このサポートスレッドによると 、「その他のエラー」は、Googlebotがリクエストでウェブサイトを圧倒することを防ぐために、サーバーに対して行うことができるリクエストの数の制限に達した可能性があります。
決定的な答えはありませんでしたが、それが応答のようです。これが当てはまる場合、「エラー」メッセージが「Rate Limit Reached」のようなものに変更されることを望みます...
Robots.txtをチェックして、ページの読み込みに必要なGoogleBotがブロックされているかどうかを確認します。
たとえば、<head>
に、robots.txtで許可されていないURLを呼び出すCSSスクリプトを含めることができます