web-dev-qa-db-ja.com

Googleが断続的にCloudFront CDNからCSSとJSをダウンロードできない

Search Consoleに多くの「モバイルユーザビリティ」エラーが見つかりました。それらをクリックして「ライブバージョンの確認」オプションを選択すると、ページは常にモバイルフレンドリーであると表示されました。ただし、モバイルユーザビリティエラーは検索コンソールから消えませんでした。

テストを続け、「モバイルフレンドリーテスト」の上に「ページ読み込みの問題」エラーが1、2回発生し、ページにテキストコンテンツと画像がレンダリングされましたが、CSSは読み込まれませんでした。

Google BotがCloudFrontディストリビューションからCSSをダウンロードできないことが時々あります。これにより、Search Consoleで「モバイルユーザビリティ」エラーが発生し、検索ペナルティが発生する可能性があります。

S3/CloudFrontでホストされている静的なWebサイトがあります。 CSSとHTMLドキュメントは同じディストリビューションにあります。 HTTP/2が有効になっており、HTMLと同じ接続を介してCSSが提供されることを期待しています。ただし、それは時々発生せず、CSSはダウンロードに失敗します。エラーはめったに起こりませんが、それでも私たちのウェブサイトのランキングに影響します。

CSSとJSはrobots.txtにありません

ジオロケーションの制限はありません。

Cloudbotログには、Googlebotから発生したエラーはありません。 Googlebotからの成功したリクエストのみが表示されます。他のユーザーからのエラーがあるため、ログは正しく機能しているようです。

ビューアプロトコルポリシーは、HTTPをHTTPSにリダイレクトするように設定されています。

CSSへのリンクは相対的であり、次のようになります。 https://www.visualwatermark.com/css/all-24c79a5ab7f0103302353199ecf9f1cf.css

問題のCloudFrontディストリビューションは https://www.visualwatermark.com/ です

Google Botが常にCloudFront CDNからCSSをダウンロードできるようにするために変更できるアイデアはありますか？

google-search-consoleweb-crawlersgooglebotcdnamazon-cloudfront
2
Ivan Nikitin

ページで使用されているcssコードをコピーし、ページのスタイルタグにインラインで配置します。

これによりcssが強制され、パフォーマンスヒットはありません。また、場合によっては、cssページのリクエストルーチンがないため、より高速に実行されます。

また、フォントは標準フォントであるか、ローカルにインストールされている必要がありますが、フォントをロードする代わりにブラウザが選択した標準フォントを使用することを好みます。

2
drtechno