내 트래픽 도둑맞는 중? 워드프레스 외부 이미지 자동 저장 및 핫링크 방어하는 법

블로그에 글을 쓸 때 타 사이트의 이미지 주소를 복사해 그대로 붙여넣거나, 반대로 내가 어렵게 올린 고화질 사진 링크를 누군가 자기 사이트에 무단으로 가져다 쓰는 경우가 있습니다.

저 역시 예전에 작성했던 포스팅들을 점검하다가 이상한 점을 발견했습니다. 분명 멀쩡하게 잘 보이던 이미지들이 어느 순간 모조리 X박스(깨진 이미지)로 바뀌어 있었던 것이죠. 원본 사이트에서 해당 이미지를 삭제하거나 주소를 바꿔버리니 내 글의 사진까지 함께 날아간 것이었습니다.

더 황당했던 건 그 반대의 상황이었습니다. 호스팅 트래픽 사용량이 갑자기 급증해서 확인해 보니, 제 블로그의 고화질 이미지 URL을 타 사이트나 커뮤니티에서 그대로 가져다 쓰는 이른바 ‘핫링크(Hotlinking) 도둑질’이 벌어지고 있었습니다. 남의 사이트 사진을 보여주면서 트래픽과 서버 비용은 제 블로그가 전부 감당하고 있었던 것이죠.

이 두 가지 문제는 블로그의 안정성과 서버 트래픽 관리에 치명적입니다. 저처럼 외부 이미지 깨짐과 트래픽 도둑질 때문에 골머리를 썩였을 분들을 위해, 제가 직접 적용하고 해결했던 외부 이미지 자동 다운로드 및 핫링크 차단 설정 과정을 공유해 봅니다.

외부 이미지 링크와 핫링크가 위험한 이유

외부 이미지를 단순 링크로 불러오거나 내 사진의 URL이 유출되는 것은 다음과 같은 문제를 야기합니다.

• 원치 않는 이미지 깨짐(엑박) 현상: 외부 사이트의 서버가 닫히거나 이미지가 삭제되면 내 포스팅의 이미지도 동시에 엑박이 되면서 독자 이탈과 구글 검색 순위 하락으로 이어집니다.
  
• 서버 트래픽 및 비용 낭비: 다른 웹사이트에서 내 서버에 저장된 이미지 파일의 직접 링크([https://bizwp.co.kr/wp-content/uploads/](https://bizwp.co.kr/wp-content/uploads/)...)를 불러가면, 내 호스팅 서버의 대역폭(트래픽)이 계속 차감됩니다.
  
• 사이트 로딩 속도 저하: 외부 서버의 응답 속도가 느리면 내 블로그의 전체적인 페이지 로딩 속도까지 함께 느려집니다.

결국 해결책은 [외부에서 가져온 이미지는 내 서버에 자동으로 저장]하고, [내 서버의 이미지는 외부에서 직접 불러가지 못하게 문을 걸어 잠그는 것]이었습니다.

외부 이미지 자동 다운로드 및 내 서버 저장 방법

다른 사이트에서 복사해 온 이미지들을 내 워드프레스 미디어 라이브러리로 자동으로 끌어와 저장해 주는 플러그인을 활용했습니다.

• Auto Upload Images 플러그인 설치: 워드프레스 관리자 페이지의 플러그인 -> 새로 추가에서 Auto Upload Images를 검색해 설치하고 활성화했습니다.
  
• 자동 변환 동작 원리: 글을 작성할 때 외부 이미지 URL을 붙여넣더라도, 포스팅을 ‘발행’하거나 ‘업데이트’하는 순간 플러그인이 해당 이미지를 내 서버로 자동 다운로드하여 미디어 라이브러리에 저장해 줍니다.
  
• 기존 외부 이미지 일괄 전환: 이미 작성된 글들도 글 수정 모드로 들어가 ‘업데이트’ 버튼만 한 번씩 눌러주면, 글 속에 포함되어 있던 외부 이미지 주소들이 전부 내 블로그의 자사 URL로 깔끔하게 전환됩니다.

내 트래픽을 지키는 핫링크(Hotlinking) 방어 설정

내 서버의 이미지 URL을 외부에서 무단으로 가져다 쓰는 것을 막기 위해 보안 및 차단 설정을 적용했습니다.

• .htaccess 파일에 핫링크 차단 코드 삽입: 워드프레스 최상위 폴더에 있는 .htaccess 파일을 열어 외부 사이트에서의 이미지 직접 호출을 차단하는 아래 코드를 추가했습니다.
  
• Apache

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?bizwp.co.kr [NC]
RewriteRule \.(jpg|jpeg|png|gif|webp)$ - [NC,F,L]

• 보안 및 CDN 플러그인 기능 활용: Cloudflare(클라우드플레어)나 보안 플러그인을 사용 중이라면 대시보드 내의 ‘Scrape Shield’ 또는 ‘Hotlink Protection’ 옵션을 클릭 한 번으로 켜서 손쉽게 차단할 수도 있습니다.
  
• 차단 결과 확인: 설정 적용 후 외부 사이트에서 내 이미지 주소를 직접 불러오려고 하면 이미지가 표시되지 않거나 403 Forbidden 에러가 발생하며 트래픽 도둑질이 완벽히 차단됩니다.

직접 겪고 깨달은 이미지 관리 팁

핫링크 차단 후 SNS 공유 이미지 점검하기 핫링크를 무작정 강하게 차단하면 카카오톡, 페이스북, 네이버 검색 로봇이 내 글의 대표 이미지(OG Image)를 긁어가지 못하는 불상사가 생길 수 있습니다. 차단 예외 규칙에 google.com, naver.com, daum.net, kakao.com 같은 주요 검색엔진 및 SNS 도메인을 미리 등록해 두는 것이 안전합니다.

• 이미지 용량 자동 압축 플러그인 병행: 외부 이미지를 내 서버로 자동 저장하다 보면 서버 용량이 커질 수 있습니다. WebP Converter나 Smush 같은 플러그인을 함께 사용하여 저장 시 자동으로 WebP 포맷으로 전환되도록 해두면 서버 용량을 획기적으로 아낄 수 있습니다.

외부 이미지 깨짐 현상과 무단 핫링크는 내 블로그의 건강을 조용히 갉아먹는 주요 원인 중 하나입니다.

내 소중한 트래픽과 포스팅의 완성도를 지키기 위해, 당황하지 마시고 오늘 정리해 드린 ‘Auto Upload Images 설치 -> .htaccess 핫링크 방어 설정’을 차근차근 적용해 보시길 권장합니다!