이미지 SEO는 웹페이지의 이미지를 검색엔진이 정확히 이해하고 평가할 수 있도록 최적화하는 작업입니다. 텍스트 중심의 SEO에 비해 간과되기 쉽지만, 구글 전체 검색 트래픽의 상당 부분이 이미지 검색에서 발생하며, 이미지 최적화는 웹 검색 순위에도 직접적인 영향을 미칩니다.
이 글에서는 블랙글이 구글 SEO 대행 서비스를 수행하며 실제로 적용하는 이미지 SEO 전략을 단계별로 정리합니다. 파일명 작성부터 압축, alt 태그, 구조화된 데이터까지 실무에서 바로 활용할 수 있는 내용으로 구성했습니다.
이미지 SEO가 중요한 이유
이미지 최적화를 소홀히 하면 두 가지 기회를 동시에 잃게 됩니다.
첫째, 구글 이미지 검색에서의 노출 기회입니다. 사용자들은 제품, 인테리어, 디자인, 비교 자료 등을 이미지 검색을 통해 탐색합니다. 이미지가 제대로 최적화되어 있으면 이미지 검색 결과에 노출되어 웹사이트로 추가 트래픽을 유입시킬 수 있습니다.
둘째, 페이지 로딩 속도에 미치는 영향입니다. 이미지는 웹페이지에서 가장 많은 용량을 차지하는 요소입니다. 최적화되지 않은 이미지는 페이지 로딩을 느리게 만들고, 이는 Core Web Vitals의 LCP(Largest Contentful Paint) 지표에 직접적인 악영향을 줍니다. 구글은 LCP가 2.5초 이내인 페이지를 권장하며, 이미지가 LCP 요소인 경우가 많아 이미지 최적화가 곧 Core Web Vitals 최적화의 핵심이 됩니다.
블랙글의 프로젝트에서도 이미지 최적화만으로 LCP를 1초 이상 단축한 사례가 있습니다. 페이지 속도 개선은 사용자 경험뿐 아니라 검색 순위에도 긍정적인 영향을 미칩니다.
이미지 파일명 최적화
검색엔진은 이미지의 파일명을 통해 이미지의 내용을 파악합니다. 카메라에서 자동 생성된 파일명이나 의미 없는 문자열은 검색엔진에 아무런 정보를 전달하지 못합니다.
작성 원칙:
파일명에 이미지 내용을 설명하는 키워드를 포함합니다. 단어 사이는 하이픈(-)으로 구분하고, 밑줄(_)이나 공백은 사용하지 않습니다. 영문 소문자를 기본으로 하되, 한국어 키워드를 타겟하는 경우 한글 파일명도 사용할 수 있습니다.
좋은 예시:
onpage-seo-checklist.pnggoogle-search-console-dashboard.jpg백링크-구축-프로세스.webp
나쁜 예시:
IMG_20260315_001.jpg(자동 생성 파일명)screenshot.png(내용 불명확)image1.jpg(정보 없음)
파일명은 업로드 전에 변경하는 것이 가장 좋습니다. CMS에서 자동으로 파일명을 바꾸는 경우도 있지만, 원본 파일명 자체를 최적화하는 습관을 들이는 것이 확실합니다. 또한 스마트폰이나 카메라로 촬영한 이미지에는 촬영 위치, 카메라 정보 등 EXIF 메타데이터가 포함되어 있는데, 이 데이터는 파일 크기를 불필요하게 늘리고 개인정보 노출 위험도 있으므로 업로드 전에 제거하는 것이 좋습니다.
Alt 태그(대체 텍스트) 작성법
Alt 태그는 이미지 SEO에서 가장 중요한 요소입니다. 검색엔진은 이미지 자체를 사람처럼 이해하지 못하기 때문에, alt 태그를 통해 이미지의 내용과 맥락을 파악합니다. 동시에 시각 장애인을 위한 스크린 리더가 읽어주는 텍스트이기도 하므로, 접근성 측면에서도 필수입니다.
작성 원칙:
이미지가 무엇을 보여주는지 구체적이고 정확하게 설명합니다. 해당 페이지의 타겟 키워드를 자연스럽게 포함하되, 키워드를 억지로 나열하는 것은 피합니다. "~의 이미지", "~의 사진"처럼 불필요한 수식어는 생략합니다.
좋은 예시:
alt="온페이지 SEO 체크리스트 - 타이틀 태그, 메타 디스크립션, 헤딩 구조 항목"alt="구글 서치 콘솔 성과 리포트 대시보드 화면"
나쁜 예시:
alt="이미지"(정보 없음)alt=""(비어 있음)alt="SEO SEO최적화 검색엔진최적화 구글SEO 온페이지SEO"(키워드 스터핑)
장식용 이미지(구분선, 배경 패턴 등)는 alt=""로 비워두는 것이 올바른 방법입니다. 모든 이미지에 키워드를 넣으려 하면 오히려 검색엔진이 스팸으로 판단할 수 있습니다.
alt 태그와 혼동하기 쉬운 것이 이미지 캡션(figcaption)입니다. 캡션은 이미지 아래에 표시되는 텍스트로, 사용자에게 보이는 설명입니다. alt 태그는 검색엔진과 스크린 리더를 위한 것이고, 캡션은 사용자를 위한 보충 설명이라는 점에서 역할이 다릅니다. 이미지에 맥락 설명이 필요한 경우 <figure>와 <figcaption> 태그를 함께 사용하면 검색엔진에 더 풍부한 정보를 전달할 수 있습니다.
이미지 포맷과 압축
이미지 포맷 선택과 압축은 페이지 속도에 직접적인 영향을 미칩니다. 같은 품질에서 파일 크기가 작을수록 로딩이 빨라지고, 이는 사용자 경험과 검색 순위 모두에 유리합니다.
포맷별 특성과 용도
WebP는 현재 가장 권장되는 포맷입니다. JPEG 대비 25~35% 작은 파일 크기로 동일한 화질을 제공하며, 투명 배경도 지원합니다. 주요 브라우저에서 모두 지원되므로 대부분의 경우 WebP를 기본 포맷으로 사용하는 것이 좋습니다.
AVIF는 WebP보다 더 높은 압축률을 제공하는 차세대 포맷입니다. 다만 브라우저 지원 범위가 WebP보다 좁고 인코딩 시간이 길어, 점진적으로 도입하는 것이 현실적입니다.
JPEG는 사진이나 복잡한 이미지에 적합한 전통적인 포맷입니다. WebP를 지원하지 않는 환경에서의 대체 포맷으로 활용합니다.
PNG는 로고, 아이콘, 텍스트가 포함된 그래픽처럼 선명한 경계가 필요한 이미지에 사용합니다. 투명 배경이 필요할 때도 PNG가 적합하지만, 파일 크기가 크므로 사진에는 사용하지 않는 것이 좋습니다.
SVG는 로고, 아이콘, 간단한 일러스트에 최적입니다. 벡터 기반이라 크기를 늘려도 깨지지 않고, 파일 크기도 매우 작습니다.
압축 전략
이미지 압축은 품질 저하 없이 파일 크기를 줄이는 것이 목표입니다. 대부분의 이미지는 80~85% 품질로 압축해도 육안으로 차이를 느끼기 어렵습니다. Squoosh, TinyPNG, ShortPixel 같은 도구를 활용하면 간편하게 압축할 수 있으며, Next.js의 Image 컴포넌트처럼 프레임워크 레벨에서 자동 최적화를 지원하는 경우도 있습니다.
블랙글에서는 모든 프로젝트에서 이미지를 WebP로 변환하고, 원본 대비 60~80% 용량을 줄이는 것을 기본 작업으로 진행합니다. 이 단순한 작업만으로도 페이지 로딩 속도가 크게 개선됩니다. 이미지 파일이 많은 사이트라면 CDN(Content Delivery Network)을 통해 이미지를 배포하는 것도 효과적입니다. CDN은 사용자와 지리적으로 가까운 서버에서 이미지를 전송하므로 로딩 속도를 추가로 단축할 수 있습니다.
반응형 이미지와 Lazy Loading
모바일 사용자가 전체 검색 트래픽의 과반을 차지하는 현재, 이미지도 디바이스에 맞게 최적화되어야 합니다.
반응형 이미지
HTML의 srcset과 sizes 속성을 활용하면 디바이스 화면 크기에 맞는 이미지를 자동으로 제공할 수 있습니다. 데스크톱에서는 1200px 너비의 이미지를, 모바일에서는 400px 너비의 이미지를 로드하면 모바일 사용자의 데이터와 로딩 시간을 절약할 수 있습니다.
최신 프레임워크(Next.js, Gatsby 등)는 반응형 이미지를 자동으로 생성하고 최적화해주므로, 이러한 기능을 적극 활용하는 것이 효율적입니다.
Lazy Loading
Lazy Loading은 화면에 보이지 않는 이미지의 로딩을 지연시키는 기법입니다. 사용자가 스크롤하여 이미지가 화면에 가까워졌을 때 비로소 로딩을 시작합니다. 이를 통해 초기 페이지 로딩 속도를 크게 개선할 수 있습니다.
HTML의 loading="lazy" 속성을 추가하는 것만으로도 적용할 수 있습니다. 다만 페이지 상단의 히어로 이미지나 첫 화면에 보이는 이미지에는 Lazy Loading을 적용하지 않아야 합니다. 이 이미지들은 LCP 요소가 될 가능성이 높기 때문에, 즉시 로딩되어야 합니다.
이미지 사이트맵과 구조화된 데이터
이미지를 검색엔진에 더 효과적으로 알리는 방법이 있습니다.
이미지 사이트맵
일반 XML 사이트맵에 이미지 정보를 포함하면 구글이 이미지를 더 잘 발견하고 인덱싱할 수 있습니다. 특히 JavaScript로 동적으로 로드되는 이미지나, CSS 배경으로 삽입된 이미지는 크롤러가 발견하지 못할 수 있으므로, 사이트맵에 명시적으로 포함시키는 것이 좋습니다.
구조화된 데이터 활용
제품 이미지, 레시피 이미지, 기사 이미지 등은 해당 유형의 구조화된 데이터(Schema)에 이미지 URL을 포함시키면 리치 결과에서 이미지와 함께 노출될 가능성이 높아집니다. 예를 들어 Article 스키마의 image 속성에 대표 이미지를 지정하면, 구글 검색 결과에서 썸네일로 표시될 수 있습니다.
자주 실수하는 이미지 SEO 문제
프로젝트를 진행하다 보면 반복적으로 발견되는 실수들이 있습니다.
CSS 배경 이미지에 alt 태그 없음. CSS의 background-image로 삽입된 이미지는 HTML에 존재하지 않으므로 alt 태그를 줄 수 없습니다. SEO 관점에서 중요한 이미지는 반드시 HTML <img> 태그로 삽입해야 합니다.
이미지 크기를 지정하지 않음. width와 height 속성이 없으면 이미지가 로드될 때 레이아웃이 밀려나는 CLS(Cumulative Layout Shift) 문제가 발생합니다. 이미지 태그에 항상 크기를 지정하거나, CSS에서 aspect-ratio를 설정해야 합니다. 온페이지 SEO 가이드에서 다루었듯이, 이러한 기본 요소들이 모여 전체 페이지의 SEO 점수를 결정합니다.
원본 크기 그대로 업로드. 카메라로 촬영한 4000x3000px 이미지를 그대로 업로드하면, 실제로 800px 너비로만 표시되더라도 전체 용량을 다운로드해야 합니다. 표시 크기에 맞게 리사이즈 후 업로드하는 것이 기본입니다.
동일 alt 태그 반복. 한 페이지 내 모든 이미지에 같은 alt 태그를 넣는 것은 키워드 스터핑으로 간주될 수 있습니다. 각 이미지의 실제 내용에 맞게 고유한 alt 태그를 작성해야 합니다.
이미지 SEO 체크리스트
페이지에 이미지를 삽입할 때 확인해야 할 항목들입니다.
- 파일명에 이미지 내용을 설명하는 키워드가 포함되어 있는가
- alt 태그에 이미지 내용이 정확하게 기술되어 있는가
- 이미지 포맷이 용도에 맞게 선택되었는가 (사진: WebP/JPEG, 그래픽: PNG/SVG)
- 이미지가 적절히 압축되었는가 (품질 80~85% 기준)
- 표시 크기에 맞게 리사이즈되었는가
- width와 height 속성이 지정되어 있는가
- 상단 이미지 외에 Lazy Loading이 적용되었는가
- 반응형 이미지(srcset)가 설정되어 있는가
- 장식용 이미지에는 alt=""가 적용되었는가
마무리
이미지 SEO는 개별적으로는 작은 최적화처럼 보이지만, 사이트 전체에 적용하면 페이지 속도 개선, 이미지 검색 노출, 사용자 경험 향상이라는 복합적인 효과를 가져옵니다. 특히 이미지가 많은 이커머스 사이트나 포트폴리오 사이트에서는 이미지 SEO만으로도 눈에 띄는 트래픽 변화를 만들 수 있습니다.
블랙글은 이미지 최적화를 포함한 종합적인 SEO 전략으로 95%의 상위노출 달성률을 기록하고 있습니다. 웹사이트의 이미지 SEO 상태가 궁금하시다면, 무료 상담을 통해 진단받아 보세요.