케미클라우드 워드프레스 호스팅 핫링크 보호가 작동하지 않는 문제 해결

이미지 핫링크(Hotlinking)란 다른 사이트에 올라온 이미지를 내 서버에 저장하지 않고, 원본 주소를 그대로 가져와 내 페이지에 보여주는 방식입니다. 이 경우 이미지를 불러올 때마다 원본 사이트의 서버와 트래픽이 소모되어 원본 운영자에게 피해가 가고, 저작권 문제가 될 수도 있습니다. 또 원본이 삭제되거나 차단되면 내 페이지의 이미지도 깨지므로, 남의 이미지는 허가를 받아 직접 내 서버에 올려 쓰는 것이 안전합니다. 블로그나 사이트 운영자들은 Cloudflare나 서버 설정으로 이미지 핫링크 보호 설정을 하여 이미지 무단 참조를 차단하기도 합니다.

케미클라우드의 경우 cPanel에서 HotLink 보호 설정을 활성화하여 이미지를 무단으로 참조하지 못하도록 막을 수 있습니다. 케미클라우드의 워드프레스 호스팅에서 핫링크 보호 설정을 했지만 메인 도메인에 대하여 작동하지 않는 문제가 있을 수 있습니다. 서버의 캐싱 시스템에 이전 서버의 설정 파일이 남아있어서 이런 증상이 있었고, 현재는 해결된 상태입니다. 만약 비슷한 현상이 발생한다면 케미클라우드에 라이브 채팅으로 연락하면 문제 해결을 도와줄 것입니다.

📍 클라우드웨이즈 할인 프로모 코드 & 가입 방법 (+60% 쿠폰)

케미클라우드 워드프레스 호스팅 핫링크 보호 활성화 방법

케미클라우드는 cPanel을 제공하므로 cPanel 내에서 핫링크 보호 기능을 활성화할 수 있습니다.

cPanel에 로그인하여 hot으로 검색하여 HotLink 보호를 클릭합니다.

HotLink 보호 페이지에 접속하면 아래와 같은 화면이 표시됩니다. 비활성 상태인 경우 Hotlink protection is currently disabled 문구가 표시됩니다. 활성화 버튼을 눌러 활성화할 수 있습니다.

그림에서 webp 포맷은 기본적으로 입력이 안 되어 있습니다. "다음 확장자에 대한 직접 액세스 차단(쉼표로 구분됨)" 부분에 아래와 같이 webp 형식을 추가하도록 합니다.

jpg,jpeg,gif,png,bmp,webp

브라우저 주소란에 이미지 URL을 직접 입력하는 경우  이미지 접근을 허용하도록 하려면 직접 요청(예: 브라우저에 이미지의 URL을 입력할 경우)을 허용합니다 체크란을 체크합니다.

활성화하고 캐시 플러그인을 캐시를 삭제한 후에 실제로 이미지 핫링크 보호가 되는지 테스트해 보시기 바랍니다.

케미클라우드 워드프레스 호스팅에서 핫링크 보호가 작동하지 않는 문제 해결

워드프레스 관련 네이버 카페에 케미클라우드에서 호스팅되는 워드프레스 사이트에 대하여 핫링크 보호를 활성화하면 서브도메인에서는 작동하지만 메인 도메인(기본 도메인)에서는 작동하지 않는 문제에 대한 질문이 올라왔네요.

참고로 클라우드플레어에서도 핫링크 보호 설정이 가능합니다. 다만, webp 포맷에 대해서는 별도의 사용자 정의 보안 규칙을 추가하여 webp 파일에 대한 핫링크 보호를 설정할 수 있습니다.

이 문제는 서버의 캐싱 시스템에 이전 버전의 설정 파일이 남아 있어서 클라우드플레어 및 사이트 캐시를 삭제한 후에도 보호 규칙이 제대로 적용되지 않아서 발생한 것으로, 클라우드웨이즈 담당자가 문제의 원인을 파악하여 해결해 주었습니다.

핫링크 보호 설정을 확인한 결과 문제의 원인을 찾았습니다. 서버의 캐싱 시스템에 이전 버전의 설정 파일이 남아 있어 Cloudflare 및 사이트 캐시를 삭제한 후에도 보호 규칙이 제대로 적용되지 않았던 것으로 확인되었습니다. 서버에서 설정 파일을 강제로 다시 로드한 결과, 핫링크 보호 기능이 예상대로 정상적으로 작동하는 것을 확인했습니다. 여러 테스트를 진행한 결과, 외부 사이트에서 이미지를 로드하려고 하면 403 Forbidden 오류가 발생하고, 정작 고객님의 웹사이트에서는 이미지가 문제없이 로드되는 것을 확인했습니다.

아마 추후 이런 문제가 발생하지 않을 것 같지만 이 문제가 나타난다면 케미클라우드에 라이브 채팅으로 연락해서 문제 해결을 요청해 보시기 바랍니다.

.htaccess 파일에 코드를 추가하여 이미지 핫링크 보호 설정하기

cPanel을 제공하지 않는 웹호스팅 환경에서는 .htaccess 파일에 직접 코드를 넣어 핫링크 보호를 설정할 수 있습니다.

클라우드웨이즈 문서에서는 다음과 같은 코드를 제시하고 있습니다.

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourwebsite.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ - [F]

webp 포맷이 빠져 있는데요. 아래와 같이 webp를 추가할 수 있습니다.

RewriteEngine On
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^https?://(www\.)?yourwebsite\.com(/|$) [NC]
RewriteRule \.(jpg|jpeg|png|gif|webp)$ - [F,NC]

작동하지 않는 경우 웹스택(WebStack)이 Lightning Stack으로 되어 있는지 체크해 보시기 바랍니다. 만약 Lightning Stack으로 되어 있으면 Hybrid Stack으로 전환하고 캐시 플러그인의 캐시와 브라우저 캐시 삭제 후에 작동하는지 테스트하시기 바랍니다.

여전히 작동하지 않는 경우에는 라이브 채팅으로 클라우드웨이즈에 문의해 볼 수 있습니다. 한글로도 문의가 가능하고 서버 문제뿐만 아니라 워드프레스 관련 문제에 대해서도 질문할 수 있습니다.

클라우드웨이즈 라이브 채팅으로 한국어로 기술 지원을 요청하는 방법

참고

https://avada.tistory.com/4016

케미클라우드 워드프레스 호스팅 cPanel 접속 방법

https://avada.tistory.com/3998

클라우드웨이즈 서버 크기를 줄이는 방법 (요금제 낮추기)