メインコンテンツにスキップ
すべてのコレクションサイト監査問題
サイト監査における「CSSが壊れた」警告
サイト監査における「CSSが壊れた」警告

Ahrefsのサイト監査で「CSSが壊れた」問題についての詳細と、ウェブサイトでそれを修正する方法をご覧ください。

Anna avatar
対応者:Anna
今週アップデートされました

この問題を引き起こす原因は何ですか?

この問題は、4xxまたは5xxステータスコードのいずれかを返すCSSファイルを報告します。

なぜ重要なのでしょうか?

CSS ファイルは、Web ページのコンテンツの書式設定に使用されるプレーンテキストファイルです。

CSS ファイルにアクセスできない場合、Web ページのコンテンツは想定どおりにレンダリングされません。 ウェブサイトのユーザーエクスペリエンスを損傷させます

それを修正する方法?

これらのCSSファイルは削除、移動、または名前変更されている可能性があります。 また、クロール中にファイルをホスティングする外部ウェブサイトが利用できなかった可能性があります。

あなたのページの壊れたCSSファイルへのリンクを修正または削除します。

壊れた内部または外部のCSSファイルを参照するページのリストを取得するには、「いいえ」の番号をクリックします。 このレポートの "CSS インリンク" 列。

このレポートで最も一般的なHTTPステータスコードは次のとおりです。

404 (Not Found) HTTPステータスコード は、ファイルが移動または削除された可能性があることを示しています。 リンクは変わりませんでした この問題を解決するには、古いURLでCSSファイルを復元できます。 別の CSS ファイルを指すようにページ上のリンクを編集します。 または、その CSS ファイルが不要になった場合は、リンクを完全に削除してください。

403(Forbidden)HTTPステータスコード は、私たちのクローラーがCSSファイルへのアクセスを許可されていなかったことを示しています。 あなたのサーバーは、クロールのある時点でクローラーからのリクエストをブロックし始めた可能性があります。 これはサーバーやファイアウォールの設定によって発生する可能性があります。 私たちのIPアドレスをホワイトリストに登録し、新しいクローリングを実行できます。

これは、CSS ファイルがクローラーをブロックする外部サーバー上でホストされている場合にも発生します。

429 (リクエストが多すぎます) HTTPステータスコードは、プロジェクトのクロール設定で設定されたクロール速度がWebサーバーには高すぎることを示しています。 クロール設定の を減らし、プロジェクトを再クロールします。

5xx (Serverエラー) HTTPステータスコード はいくつかのサーバーの問題を示し、開発者やホスティングプロバイダに連絡する必要があります。 サーバーの設定が間違っている、過負荷がかかっている、または一般的に遅い可能性があります。

実質的に可能な場合は、他の外部ドメインではなく、ウェブサイトで CSS ファイルをホストします。

こちらの回答で解決しましたか?