메인 콘텐츠로 건너뛰기

사이트 감사에서 "CSS 손상" 경고

Ahrefs의 사이트 감사에서 "CSS 손상" 문제와 이를 웹사이트에서 해결하는 방법에 대해 자세히 알아보세요.

Anna avatar
작성자: Anna
어제 업데이트함

이 문제는 왜 발생하나요?

이 문제는 4xx 또는 5xx 상태 코드를 반환하는 CSS 파일을 보고합니다.

왜 중요한가요?

CSS 파일은 웹 페이지의 콘텐츠 형식을 지정하는 데 사용되는 평문 텍스트 파일입니다.

CSS 파일에 접근할 수 없으면 웹 페이지의 콘텐츠가 원래 의도된 방식대로 렌더링되지 않아 웹사이트의 사용자 경험이 손상됩니다.

어떻게 해결하나요?

이 CSS 파일은 삭제되거나 이동되었거나 이름이 변경되었을 수 있습니다. 또한 파일을 호스팅하는 외부 사이트가 크롤링 중에 사용할 수 없을 수도 있습니다.

페이지에서 손상된 CSS 파일의 링크를 교체, 수정 또는 제거하세요.

손상된 내부 또는 외부 CSS 파일을 참조하는 페이지 목록을 얻기 위해, "No. CSS inlinks" 열의 숫자를 클릭하세요.

이 보고서에서 접할 수 있는 가장 일반적인 HTTP 상태 코드는 다음과 같습니다:

404 (찾을 수 없음) HTTP 상태 코드는 파일이 이동되었거나 삭제되었지만, 링크가 변경되지 않았음을 나타냅니다. 이 문제를 해결하려면, 기존 URL로 CSS 파일을 복원하거나, 페이지의 링크를 다른 CSS 파일로 연결하거나, 더 이상 필요 없다면 링크를 완전히 제거하세요.

403 (금지됨) HTTP 상태 코드는 크롤러가 CSS 파일에 접근할 수 없음을 나타냅니다. 서버가 어느 시점에 크롤러의 요청을 차단하기 시작했을 수 있습니다. 이는 서버 또는 방화벽 구성으로 인해 발생할 수 있습니다. 우리의 IP 주소를 허용 목록에 추가하고 새로운 크롤링을 실행하세요.

또한 CSS 파일이 외부 서버에 호스팅되어 있으며, 그 서버가 크롤러를 차단하는 경우도 있습니다.

429 (요청이 너무 많음) HTTP 상태 코드는 프로젝트의 크롤링 설정에서 설정한 크롤링 속도가 웹 서버에 너무 빠르다는 것을 나타낼 수 있습니다. 크롤링 설정에서 속도를 줄이고 프로젝트를 다시 크롤링하세요.

5xx (서버 오류) HTTP 상태 코드는 서버 문제를 나타내며, 개발자나 호스팅 제공자와 상의하세요. 서버가 잘못 구성되었거나, 과부하되었거나, 일반적으로 느릴 수 있습니다.

가능한 경우, CSS 파일을 외부 도메인 대신 웹사이트에 호스팅하세요.

답변이 도움되었나요?