사람들이 깨진 링크를 생각할 때, 404 오류 페이지로 이어지는 클릭된 하이퍼링크를 떠올립니다. 하지만 훨씬 더 흔하고 종종 더 해로운 다른 유형의 깨진 리소스가 있습니다: 깨진 이미지. 웹사이트의 누락된 이미지는 콘텐츠에 눈에 보이는 구멍을 만들고, 사용자 신뢰를 파괴하며, 검색 엔진에 부정적인 신호를 보냅니다 — 하지만 대부분의 사이트 소유자는 가지고 있는지조차 모릅니다.

이 가이드에서는 깨진 이미지가 SEO에 미치는 정확한 영향, 누락된 이미지가 왜 그렇게 흔한지, 순위와 전환에 비용을 들이기 전에 사이트의 모든 깨진 이미지를 찾고 수정하는 방법을 탐구합니다.

깨진 이미지란?

깨진 이미지는 페이지의 <img> 태그가 로드할 수 없는 파일을 참조할 때 발생합니다. 가장 일반적인 원인:

삭제된 파일 — 이미지가 서버에서 제거되었지만 <img> 태그가 여전히 참조합니다.
잘못된 파일 경로 — src 속성의 오타, 누락된 디렉토리, 잘못된 파일 확장자.
변경된 URL 구조 — CMS 업데이트나 사이트 마이그레이션이 참조를 업데이트하지 않고 이미지 저장 위치를 변경. WordPress 사이트가 특히 취약합니다; WordPress 깨진 링크 가이드를 참조하세요.
핫링킹 실패 — 다른 서버에서 호스팅된 이미지를 임베드했는데, 해당 서버가 파일을 제거하거나 핫링킹을 차단.
CDN 문제 — 콘텐츠 전달 네트워크에 장애 또는 구성 오류가 이미지 전달에 영향.
권한 오류 — 파일은 존재하지만 웹 서버에 제공 권한이 없음(403 Forbidden).

깨진 이미지가 SEO에 미치는 영향: 직접적 영향

이미지 검색 트래픽 손실

Google 이미지 검색은 많은 웹사이트, 특히 이커머스, 여행, 음식, 디자인 및 시각적 산업에 상당한 트래픽을 제공합니다. 이미지가 깨지면 이미지 검색 결과에 나타날 수 없습니다.

페이지 품질 신호 감소

Google의 품질 평가자 가이드라인은 특별히 깨진 이미지를 저품질 또는 유지보수 불량 페이지의 징후로 언급합니다.

Core Web Vitals 영향

깨진 이미지는 예상치 못한 방식으로 Core Web Vitals 점수에 영향을 줄 수 있습니다. 이미지 로딩 실패 시 브라우저가 누락된 콘텐츠에 맞게 레이아웃을 이동시켜 Cumulative Layout Shift(CLS) 점수를 높일 수 있습니다.

크롤 버짓 낭비

깨진 링크와 마찬가지로, 깨진 이미지 URL도 크롤 버짓을 소비합니다. 자세한 내용은 깨진 링크가 SEO에 해를 끼치는 이유 기사를 참조하세요.

깨진 이미지가 사용자 경험과 전환에 미치는 영향

신뢰와 신뢰성 침식

사용자는 웹사이트 품질에 대해 순간적인 판단을 내립니다. 깨진 이미지 아이콘이 있는 페이지는 즉시 사이트가 유지보수 불량, 구식, 신뢰할 수 없다는 신호를 보냅니다.

불완전한 콘텐츠 이해

이미지는 단순한 장식이 아닙니다. 프로세스를 설명하는 다이어그램, 소프트웨어 인터페이스를 보여주는 스크린샷, 데이터를 시각화하는 차트, 결과를 보여주는 사진 등 텍스트가 종종 전달할 수 없는 정보를 전달합니다.

접근성 피해

스크린 리더 사용자는 이미지를 이해하기 위해 alt 텍스트에 의존합니다. 이미지가 깨지면 스크린 리더가 파일 경로나 일반적인 "이미지를 찾을 수 없음" 메시지를 읽을 수 있습니다.

소셜 공유 영향

사용자가 소셜 미디어에서 페이지를 공유하면 Facebook, Twitter, LinkedIn 등이 미리보기 카드를 만들기 위해 이미지를 가져옵니다. 주요 이미지가 깨지면 소셜 미리보기에 이미지가 표시되지 않습니다.

깨진 이미지가 왜 그렇게 흔한가

CMS 미디어 관리가 취약

대부분의 콘텐츠 관리 시스템은 미디어 라이브러리에 이미지를 저장하고 콘텐츠에서 URL로 참조합니다. 누군가 미디어 라이브러리를 재구성하거나 파일 이름을 변경하면 해당 파일을 참조하는 모든 콘텐츠가 깨집니다.

반응형 이미지가 문제를 배가

현대 반응형 디자인은 각 이미지의 여러 버전을 사용합니다 — srcset 속성이 동일 이미지의 3-5개 다른 크기를 참조할 수 있습니다.

타사 이미지 의존성

많은 웹사이트가 다른 곳에 호스팅된 이미지를 임베드합니다. 이러한 외부 서버에 대한 제어권이 전혀 없습니다.

마이그레이션과 리디자인

웹사이트 마이그레이션은 깨진 이미지의 가장 큰 원인입니다. 웹사이트 마이그레이션 후 깨진 링크 가이드에서 자세히 다룹니다.

웹사이트에서 깨진 이미지를 찾는 방법

자동 사이트 크롤링

Broken Link Scan은 이미지를 포함한 페이지의 모든 리소스를 확인합니다. 이미지 감지 기능은 HTML에서 참조된 모든 이미지 URL에 실제 HTTP 요청을 보냅니다.

브라우저 개발자 도구

개별 페이지의 빠른 수동 확인을 위해 브라우저의 개발자 도구(F12)를 열고 콘솔 탭에서 이미지 로드 실패 관련 오류를 확인하세요.

Google Search Console

Search Console의 적용 범위 보고서는 때때로 깨진 이미지 URL을 표면화할 수 있습니다.

시각적 회귀 테스트

개발 팀의 경우, 시각적 회귀 테스트 도구(Percy, Chromatic, BackstopJS 등)가 페이지 스크린샷을 캡처하고 기준선과 비교합니다.

깨진 이미지를 수정하는 방법: 체계적 접근

누락된 파일 재업로드 또는 복원

이미지 파일이 실수로 삭제된 경우, 백업에서 복원하거나 원본을 재업로드하세요.

이미지 URL 업데이트

파일이 다른 위치에 있으면(이동 또는 이름 변경), src 속성을 올바른 경로로 업데이트하세요.

이동된 이미지에 대한 리디렉션 설정

이미지 URL이 변경된 경우(마이그레이션 후 일반적), 이전 URL에서 새 URL로 301 리디렉션을 만드세요.

핫링크된 이미지를 로컬 복사본으로 교체

깨진 이미지가 외부 사이트에서 핫링크된 것이라면, 이미지를 다운로드하고(라이선스가 허용하는 경우), 자체 서버에 호스팅하고 참조를 업데이트하세요.

대체 불가능한 이미지 참조 제거

이미지가 더 이상 존재하지 않고 대체할 수 없다면 <img> 태그를 완전히 제거하세요.

깨진 이미지 예방: 모범 사례

중요한 이미지를 직접 호스팅

콘텐츠에 필수적인 이미지를 외부 서버에 의존하지 마세요.

일관된 명명 규칙 사용

이미지 파일에 대한 명확하고 일관된 명명 규칙을 채택하세요: 소문자, 공백 대신 하이픈, 설명적 이름.

CMS에서 이미지 검증 구현

CMS를 사용하는 경우, 콘텐츠가 저장될 때 이미지 참조를 검증하도록 구성하세요.

자동 모니터링 설정

정기적인 자동 스캔으로 사용자에게 영향을 미치기 전에 깨진 이미지를 잡습니다. Broken Link Scan의 모니터링 플랜은 이미지를 포함한 모든 리소스를 반복 일정으로 확인합니다. 자동 깨진 링크 모니터링 설정에 대해 자세히 알아보세요.

alt 텍스트 최적화

좋은 alt 텍스트는 이미지를 로드할 수 없을 때 대체로 기능하며, Google이 이미지가 무엇을 묘사하는지 이해하는 데 도움이 되는 SEO 신호로도 기능합니다.

깨진 이미지와 이커머스: 특별한 경우

제품 페이지 전환 영향

모든 이미지가 온전한 제품 페이지는 이미지가 누락된 페이지보다 2-3배 높은 전환율을 보입니다.

리치 스니펫 및 쇼핑 피드 위험

Google Shopping과 제품 리치 스니펫은 유효한 이미지 URL이 필요합니다. 제품 이미지가 깨지면 Shopping 결과에 표시되지 않습니다.

인벤토리 및 카탈로그 변경

이커머스 사이트는 대부분의 웹사이트보다 더 자주 변경됩니다. 각 변경이 이미지 참조가 깨질 기회입니다.

깨진 이미지 수정의 SEO 영향 측정

Google 이미지 검색 노출: Search Console에서 "이미지" 검색 유형으로 필터링하여 노출 및 클릭을 모니터링합니다.
Core Web Vitals: PageSpeed Insights에서 CLS 및 LCP 점수를 확인합니다.
페이지 참여: 깨진 이미지를 수정한 페이지의 이탈률과 페이지 체류 시간을 비교합니다.
크롤 오류: Google Search Console의 크롤 통계에서 이미지 리소스의 404 오류가 줄어야 합니다.
전환율: 이커머스의 경우, 이미지가 복원된 제품 페이지의 전환율을 추적합니다.

깨진 이미지 찾기 및 모니터링 도구

Broken Link Scan — 전체 사이트 크롤의 일부로 모든 이미지를 확인합니다. 500페이지까지 무료, 유료 플랜에서 자동 모니터링 가능. 설치 불필요.
브라우저 확장 — Chrome용 "Check My Links"와 같은 도구가 개별 페이지에서 깨진 이미지를 강조할 수 있습니다.
Screaming Frog — 사이트 전체에서 깨진 이미지를 식별할 수 있는 데스크톱 크롤러. 500 URL까지 무료. 비교 페이지에서 상세 분석을 확인하세요.
Google Search Console — 크롤 오류 및 적용 범위 보고서를 통해 깨진 이미지에 대한 간접적 신호를 제공합니다.

결론

깨진 이미지는 웹에서 가장 해로우면서도 가장 쉽게 수정할 수 있는 문제 중 하나입니다. 이미지 검색 트래픽 손실, 품질 신호 저하, 크롤 버짓 낭비를 통해 조용히 SEO를 침식합니다. 불완전한 콘텐츠와 깨진 신뢰를 통해 사용자 경험을 눈에 보이게 손상시킵니다. 그리고 사용자가 결정을 내리는 데 필요한 시각적 정보를 제거하여 전환에 직접적으로 피해를 줍니다.

좋은 소식은 깨진 이미지를 찾고 수정하는 것이 간단하다는 것입니다. Broken Link Scan으로 무료 스캔을 실행하여 오늘 사이트의 모든 깨진 이미지를 식별하고, 이 가이드의 전략을 사용하여 수정하고, 새로운 깨진 이미지가 다시는 감지되지 않는 일이 없도록 모니터링을 설정하세요.