블로그의 혼합 콘텐츠 문제 해결

블로그에 HTTPS를 사용하도록 설정하면 블로그 콘텐츠가 HTTPS와 작동하도록 변경해야 할 수 있습니다.

웹페이지가 초기 HTML 콘텐츠는 HTTPS를 통해 안전하게 다운로드하지만, 후속 콘텐츠(예: 이미지, 동영상, 스타일시트, 스크립트)는 안전하지 않은 HTTP를 통해 로드하는 경우 혼합 콘텐츠 오류가 발생합니다. 이렇게 되면 HTTPS 보안 및 블로그 사용자 환경의 성능이 저하됩니다.

HTML 마크업 또는 자바스크립트 콘텐츠가 다음과 같은 소스에 포함되어 있으면 혼합 콘텐츠 오류가 발생할 수 있습니다.

• 테마 소스
• 게시물 및 페이지 소스
• 가젯 소스

블로그의 혼합 콘텐츠 오류 확인

최신 버전의 Chrome을 사용합니다.

1. (선택사항) 블로그에서 Google 가젯이 아닌 모든 가젯을 삭제합니다.
2. 브라우저에서 HTTPS를 통해 블로그를 방문합니다.
3. 브라우저 상단에서 보기 > 개발자 > 자바스크립트 콘솔을 클릭합니다.
4. 다음과 같은 혼합 콘텐츠 오류를 확인합니다.
   • “Mixed Content: The page at 'https://<your-blog>.blogspot.com/' was loaded over HTTPS, but requested an insecure script 'http://<some-url>/script.js'. This request has been blocked; the content must be served over HTTPS.”
   • “Mixed Content: The page at 'https://<your-blog>.blogspot.com/' was loaded over HTTPS, but requested an insecure image 'http://<some-url>/image.jpg'. This content should also be served over HTTPS.”
5. 보고 있는 블로그 주소, 그리고 오류 메시지에 표시된 안전하지 않은 URL을 목록으로 만듭니다.  
6. (선택사항) 블로그에 가젯을 한 번에 하나씩 다시 추가합니다. 2~5단계를 반복하면서 새로운 혼합 콘텐츠 오류가 있는지 확인합니다. 

블로그의 각 페이지를 일일이 방문해야 합니다. 오류는 블로그 전체가 아니라 현재 조회 중인 페이지에 대해서만 표시됩니다. 표시되는 오류를 확인하고 동일한 문제의 URL이 블로그의 여러 페이지에 오류로 표시되는지도 확인합니다. 

블로그의 혼합 콘텐츠 오류 수정

 

오류가 한 페이지에서만 발생하는 경우

페이지 또는 게시물 중 하나의 소스에 혼합 콘텐츠가 있는 경우일 수 있습니다.

1. 블로그의 대시보드에서 게시물 또는 페이지를 클릭합니다.
2. 혼합 콘텐츠를 확인하면서 작성한 블로그 주소 목록을 사용합니다. 게시물 또는 페이지를 찾아 수정을 클릭합니다.
3. 좌측 상단에서 HTML을 클릭합니다.
4. 브라우저 상단에서 더보기 찾기...를 클릭합니다.
5. 'http://'를 검색합니다.
6. HTML 태그 속성(특히 <img>, <video>, <audio>, <script> 또는 <link> 태그) 내에 HTTP URL이 있으면 'http://'를 'https://'로 변경합니다.
7. 브라우저의 새 창에 각 URL을 입력해서 HTTPS로 제대로 표시되는지 확인합니다. HTTP와 HTTPS 링크로 동일한 결과가 표시되면 제대로 작동한다는 의미입니다.
8. 오른쪽 상단에서 게시, 저장 또는 업데이트를 탭하거나 클릭합니다. 콘텐츠에 오류가 있으면 에디터 화면에 오류가 표시되고 글 또는 페이지가 저장되지 않습니다.
9. 블로그에서 혼합 콘텐츠를 다시 검사하여 오류가 없어졌는지 확인합니다.

​

오류가 여러 페이지에서 발생하는 경우

페이지 테마 중 하나의 소스에 혼합 콘텐츠가 있을 수 있습니다.

1. 블로그의 대시보드에서 테마를 클릭합니다.
2. HTML 수정을 클릭합니다.
3. 테마 콘텐츠를 클릭한 다음 Ctrl+F(Windows) 또는 Cmd+F(Mac)를 누릅니다.
4. 'http://'를 검색합니다.
5. HTML 태그 속성(특히 <img>, <video>, <audio>, <script> 또는 <link> 태그) 내에 HTTP URL이 있으면 'http://'를 'https://'로 변경합니다.
6. 브라우저의 새 창에 각 URL을 입력해서 HTTPS로 제대로 표시되는지 확인합니다. HTTP와 HTTPS 링크로 동일한 결과가 표시되면 제대로 작동한다는 의미입니다.
7. 테마 저장을 클릭합니다.
8. 블로그에서 혼합 콘텐츠를 다시 검사하여 오류가 없어졌는지 확인합니다.

여전히 오류가 있으면 블로그의 가젯 중 하나가 문제일 수 있습니다. Google 가젯이 아닌 가젯을 삭제하고 블로그에 혼합 콘텐츠가 있는지 확인한 후 각 가젯을 다시 추가하여 어떤 가젯에 혼합 콘텐츠가 들어 있는지 판단합니다.

가젯으로 인해 발생하는 혼합 콘텐츠를 수정하려면 다음 단계를 따르세요.

1. 가젯 마크업 또는 소스를 사용할 수 있으면 이를 확인합니다.
2. 블로그에서 가젯을 삭제합니다.

자세한 내용은 Blogger 포럼에서 관련 문제 또는 게시물을 검색하세요.

Blogger 글쓰기 에디터의 혼합 콘텐츠 오류 방지

Blogger HTML 에디터로 게시물과 페이지의 혼합 콘텐츠를 찾을 수 있습니다.

1. 블로그에 HTTPS를 설정합니다.
2. 새 글 또는 페이지를 작성하거나 기존 글 또는 페이지를 수정하여 Blogger 에디터를 엽니다.
3. 왼쪽 상단에서 HTML을 탭하거나 클릭합니다.
4. 변경사항을 적용합니다.
5. 오른쪽 상단에서 게시, 저장 또는 업데이트를 탭하거나 클릭합니다. 콘텐츠에 오류가 있으면 에디터 화면에 오류가 표시되고 글 또는 페이지가 저장되지 않습니다.

참고: 오류를 무시하면 게시물 또는 페이지를 그대로 저장할 수 있습니다. 페이지를 새로고침하면 오류가 다시 표시됩니다.