WordPress에서 혼합 콘텐츠 오류를 수정하는 방법

WordPress는 수백만 명의 사용자가 디지털 아이디어를 실현할 수 있도록 지원하는 창의성과 기능성을 상징합니다.

그러나 잘 만들어진 WordPress 사이트라도 “혼합 콘텐츠 오류”라는 일반적인 문제와 같은 기술적인 장애물에 직면해 있습니다.

사이트를 탐색하는 동안 웹페이지의 안전하지 않은 부분에 대한 경고를 본 적이 있다면 이 오류가 발생했을 가능성이 높습니다. 이는 웹사이트에 보안(HTTPS) 요소와 비보안(HTTP) 요소가 포함되어 사용자에게 잠재적인 보안 위험을 초래할 때 발생합니다.

괜찮아요! 이 게시물에서는 혼합 콘텐츠 오류에 대해 논의하고 WordPress 사이트에서 이를 해결하기 위한 실행 가능한 단계를 제공합니다.

준비 되었나요? 뛰어 들어 봅시다.

1 WordPress의 혼합 콘텐츠 오류는 무엇입니까?

WordPress의 혼합 콘텐츠 오류는 웹 사이트가 HTTPS를 통해 제공되지만 안전하지 않은 요소(HTTP)도 포함할 때 발생합니다.

HTTP는 하이퍼텍스트 전송 프로토콜을 나타냅니다. 이는 방문자의 브라우저가 WordPress 웹사이트와 통신할 수 있도록 하는 프로토콜인 반면, HTTPS(Hypertext Transfer Protocol Secure)는 통신을 암호화하는 HTTP의 보안 버전입니다.

HTTPS/SSL은 해커로부터 중요한 정보를 보호하고 웹사이트가 안전하다는 것을 보장합니다.

Google과 같은 검색 엔진은 웹사이트 소유자에게 사이트에 HTTPS/SSL을 포함할 것을 강력히 권장합니다.

SSL(Secure Sockets Layer) 인증서를 보유하는 것은 순위 요소로 작용하고 HTTP를 사용하는 웹 사이트가 안전하지 않은 것으로 간주된다는 것을 나타내기 때문에 웹 사이트에 중요합니다.

따라서 SSL 인증서가 없으면 웹사이트 순위에 부정적인 영향을 미칠 수 있습니다.

대부분의 최고의 호스팅 제공업체는 패키지의 일부로 무료 인증서를 포함하므로 웹사이트에 대한 SSL 인증서를 얻는 것은 간단합니다.

웹사이트에 SSL 인증서를 성공적으로 설치했다면 브라우저 주소 표시줄의 웹사이트 URL 옆에 자물쇠가 표시될 것입니다.

반면, HTTPS/SSL 설정이 올바르게 구성되지 않은 경우 주소 표시줄에 정보 표시 또는 깨진 자물쇠 아이콘이 표시됩니다.

'이 사이트에 대한 연결이 안전하지 않습니다'라는 메시지도 표시됩니다.

따라서 HTTPS/SSL을 설치한 후에도 웹 사이트의 일부 리소스가 안전하지 않은 연결(HTTP)을 통해 계속 로드되면 혼합 콘텐츠 오류가 발생할 수 있습니다.

이미지, 스크립트, 스타일시트가 이러한 리소스의 예입니다.

2 WordPress에서 혼합 콘텐츠 오류를 식별하는 방법

브라우저의 검사 도구를 사용하면 안전하지 않은 프로토콜을 사용하여 제공되는 콘텐츠를 식별할 수 있습니다. 이미지 등의 콘텐츠가 포함된 페이지를 마우스 오른쪽 버튼으로 클릭하고 검사 를 선택하여 웹사이트를 검사할 수 있습니다.

Inspect를 클릭하면 브라우저의 Inspect 도구가 실행됩니다. 다음으로 콘솔 탭으로 이동합니다.

혼합 콘텐츠 오류는 아래와 같이 콘솔에 경고로 표시됩니다.

콘솔에 오류가 하나만 있는 경우 오류가 발견된 게시물, 페이지 또는 테마 파일을 편집하여 수동으로 수정할 수 있습니다.

이미지에서 강조 표시된 섹션을 자세히 살펴보면 "그러나 안전하지 않은 요소를 요청했습니다 "라는 문구 뒤에 제공된 URL을 볼 수 있습니다. URL을 클릭하세요.

해당 URL을 클릭하면 기본 리소스로 이동하여 혼합 콘텐츠 오류가 발생합니다.

예를 들어,

보통. 웹사이트에 있는 이미지의 URL은 https://example.com/images/image.jpg.

보시다시피 위의 이미지 URL 형식은 HTTPS로 시작됩니다.

그러나 다음 형식을 사용하여 웹사이트에 이미지를 직접 삽입하는 경우:

http://example.com/images/image.jpg.

이미지 URL이 안전하지 않은 프로토콜인 HTTP로 시작하기 때문에 혼합 콘텐츠 오류가 발생할 가능성이 거의 높습니다.

즉, 웹 사이트의 리소스 URL이 HTTP로 시작할 때마다 혼합 콘텐츠 문제가 있어야 한다는 의미입니다. 따라서 리소스를 찾으면 웹사이트 페이지에서 해당 리소스를 찾아 URL을 수동으로 제거하거나 업데이트하세요.

그러나 대부분의 경우 WordPress는 이러한 요소를 동적으로 추가하거나 데이터베이스에 저장합니다. 이러한 상황에서는 수동으로 모든 항목을 감지하고 복구하기가 어렵습니다.

이제 WordPress의 혼합 콘텐츠 오류에 대한 쉬운 수정 방법을 살펴보겠습니다.

3 WordPress의 혼합 콘텐츠 수정 오류 수정

이 오류를 해결하는 가장 간단한 방법은 플러그인을 사용하는 것입니다.

SSL Insecure Content Fixer 플러그인을 설치하고 활성화하기만 하면 됩니다.

WordPress 플러그인 설치에 대한 전용 튜토리얼을 참조할 수 있습니다.

플러그인을 활성화한 후 WordPress 대시보드에서 설정 → SSL 안전하지 않은 콘텐츠 로 이동하세요.

이 플러그인은 혼합 콘텐츠 오류에 대한 다양한 수정 사항을 제공합니다. 각 옵션을 살펴보고 작동 방식을 설명하고 상황에 가장 적합한 옵션을 결정하는 데 도움을 드립니다.

끄기 옵션부터 현재 혼합 콘텐츠 오류가 발생하는 경우에는 필요하지 않으므로 건너뛰셔도 됩니다. 다른 옵션에 대해 논의해 보겠습니다.

1. 단순함

초보자에게는 이것이 가장 빠르고 적극 권장되는 선택입니다. 스타일시트, 스크립트 및 미디어 라이브러리 이미지와 관련된 WordPress 혼합 콘텐츠 오류를 자동으로 해결합니다. 이 솔루션을 선택하면 오류가 즉시 해결됩니다.

2. 내용

단순 수준으로 웹사이트의 혼합 콘텐츠 오류가 해결되지 않으면 콘텐츠 설정을 시도해 보세요. Simple의 모든 기능을 사용하고 WordPress 페이지 콘텐츠 및 텍스트 위젯의 리소스에 대한 수정 사항을 확인합니다.

3. 위젯

이 수준에는 콘텐츠 수준에 적용된 모든 수정 사항과 웹 사이트의 모든 위젯에 로드된 리소스에 대한 추가 수정 사항이 포함됩니다.

4. 캡처

이 방법은 스크립트, 스타일시트, 기타 리소스 등 머리글부터 바닥글까지 모든 WordPress 웹사이트 페이지의 모든 내용을 캡처하고 이를 HTTPS URL로 바꿉니다. 일부 호환성 및 성능 문제를 방지하기 위해 Ajax 호출을 제외합니다.

5. 모두 캡처

이전 수준이 모두 실패하면 이 설정을 시도해 볼 수 있습니다. 캡처 옵션과 마찬가지로 전체 페이지를 캡처하고 스크립트, 스타일시트 및 기타 리소스를 수정합니다.

그러나 이 경우 Ajax 호출을 제외하는 것이 아니라 포함하므로 웹 사이트에서 호환성 및 성능 문제가 발생할 가능성이 높습니다.

첫 번째 옵션부터 시작한 다음 브라우저의 검사 도구를 사용하여 웹페이지를 테스트하여 오류가 해결되었는지 확인하는 것이 좋습니다. 콘텐츠 오류를 해결하는 옵션을 찾을 때까지 다른 모든 옵션에 대해 이 프로세스를 반복해야 합니다.

웹사이트의 특정 테마와 플러그인에 대한 추가 옵션과 외부 웹사이트 콘텐츠를 HTTP에 남겨둘지 여부가 있습니다. 이 두 가지 옵션을 그대로 두고 마지막 옵션으로 진행할 수 있습니다.

마지막 옵션에서는 페이지가 HTTPS를 통해 로드될 때 WordPress에서 이를 감지하는 방법을 지정해야 합니다.

설정에 만족하면 변경사항 저장 버튼을 클릭하여 저장하세요.

웹사이트 캐시를 지우고 검사 도구로 돌아가서 혼합 콘텐츠 오류가 사라지는지 확인하세요.

4 자주 묻는 질문

5. 결론

안전하고 원활한 검색 경험을 유지하려면 WordPress 웹사이트의 혼합 콘텐츠 오류를 해결하는 것이 필요합니다.

호스팅 공급자를 선택할 때 무료 SSL 인증서를 제공하는지 확인하고 WordPress 웹사이트를 설치하는 동안 호스팅 패널이나 cPanel에서 SSL 인증서를 설치해야 합니다.

둘째, HTTPS와 같은 보안 프로토콜을 사용하지 않는 URL을 웹페이지에 붙여넣지 마십시오. 이로 인해 이 오류가 발생할 수도 있습니다.

그러나 이미 문제가 발생한 경우 이 블로그 기사에 언급된 권장 플러그인을 사용하여 오류를 수정하거나, 오류가 발견되면 링크를 수동으로 업데이트할 수 있습니다.

이 게시물이 마음에 들면 @rankmathseo를 트윗하여 알려주세요.