web-dev-qa-db-ja.com

Googleキャッシュ:空白のページ(レスポンシブデザイン)

私はしばらくの間この問題に気づいていましたが、残念ながら対処するダウンタイムがありませんでしたが、時間を無駄にする前に実際に問題であることを確認したいと思います。私が抱えている問題は、Googleのキャッシュに空白ページが表示される 、しかしここにあります。VIEWPOINTを減らすと、ページは正常に表示されます。

基本的に my website は、次のようにサイトのナビゲーションを定義する3つのメディアクエリを使用します。

  • 小さな画面(max-width: 40em)はハンバーガーメニューを使用します
  • 中画面(max-width: 64em)は標準のトップバーメニューを使用します
  • 大画面(min-width: 64.063em)はカスタムスライドメニューを使用します

スモールおよびミディアムの両方の視点はキャッシュバージョンを使用して機能しますが、悲しいことにラージは機能しません。Bingは完全に正常に機能します。だからこれは私に質問をもたらします:

  • これに心配する必要がありますか?
  • これが起こる原因は何ですか?
4
Simon Hayter

原因はメディアクエリだと思います。 Googleは異なる設定でクロールし、メディアクエリがあることを認識した後、ユーザーエージェントでクロールします。表示サイズはフルスクリーンほど低くなります。

ChromeとFFでこの問題をテストしました:ウィンドウが1026px幅にサイズ変更された後にページが表示され始めます:メディアクエリが1026px後にコンテンツを非表示にするようです: enter image description hereenter image description here

1
Evgeniy