이미지 SEO 실전 가이드: ALT·파일명·WebP 최적화

홈페이지에 직접 촬영한 고화질 사진을 올렸는데도 이미지 검색에서는 좀처럼 발견되지 않는 경우가 있습니다. 반대로 이미지는 많이 노출되지만 페이지가 무거워져 모바일에서 로딩이 늦어지기도 합니다. 모든 이미지의 ALT에 같은 키워드를 반복해 넣었는데 효과가 있는지 판단하기 어려운 사이트도 적지 않습니다.

이런 문제는 이미지 SEO를 단순히 ‘ALT 태그에 키워드를 넣는 작업’으로 접근할 때 자주 생깁니다. 이미지 SEO는 검색엔진이 이미지를 발견하고, 무엇을 표현하는지 이해하고, 관련 페이지와 연결할 수 있도록 만드는 작업입니다. 동시에 사용자가 빠르고 명확하게 이미지를 확인할 수 있도록 성능과 접근성까지 함께 관리해야 합니다.

검색 노출을 위해 이미지를 최적화한다면 파일명 하나만 볼 것이 아니라 이미지가 들어간 페이지 전체를 함께 살펴야 합니다.

검색엔진은 이미지 하나만 보고 의미를 판단하지 않는다

Google의 이미지 SEO 가이드에서는 이미지 자체뿐 아니라 이미지가 배치된 페이지의 내용, 주변 텍스트, 캡션, 이미지 제목, ALT와 같은 정보를 함께 활용한다고 설명합니다. ALT 역시 단독 신호가 아니라 페이지 내용과 이미지 분석 기술 등 여러 정보와 함께 이미지의 주제를 이해하는 데 사용됩니다.

따라서 이미지 SEO의 출발점은 ‘키워드를 어디에 넣을까’보다 ‘이 이미지가 어떤 페이지에서 어떤 내용을 설명하고 있는가’를 확인하는 것입니다.

예를 들어 장기렌트 페이지에 차량 사진을 넣었다면 이미지 주변에서 차종, 계약 조건, 비교 기준을 실제 본문과 연결해 설명하는 편이 자연스럽습니다. 웨딩박람회 페이지의 행사장 사진이라면 지역명만 반복하기보다 어떤 행사인지, 어떤 정보를 보여주는 이미지인지 본문과 캡션이 뒷받침해야 합니다.

또 하나 확인할 부분은 이미지가 HTML에서 어떻게 불리는지입니다. Google은 일반적인 <img> 요소의 src 속성에 있는 이미지를 찾을 수 있으며, <picture> 안에 있는 <img>도 처리할 수 있다고 안내합니다. 반면 CSS의 background-image로만 제공되는 이미지는 Google 이미지 검색 색인 대상으로 처리되지 않습니다.

따라서 검색에서 발견되어야 하는 핵심 콘텐츠 이미지라면 단순 배경 이미지로 처리하기보다 실제 이미지 요소로 제공하는 것이 좋습니다.

ALT는 SEO 키워드 입력란이 아니라 이미지 설명이다

ALT(대체텍스트)는 이미지가 표시되지 않거나 스크린 리더를 이용하는 환경에서 이미지의 의미를 전달하는 역할을 합니다. 검색엔진 역시 이미지 주제를 이해하는 데 ALT를 참고합니다.

문제는 ALT를 SEO 키워드를 반복하는 공간으로 사용하는 경우입니다.

나쁜 예

<img src="car.jpg" alt="장기렌트 장기렌트카 장기렌트 가격비교 장기렌트 추천">

좋은 예

<img src="bmw-x7-front.jpg" alt="주차장에 정차된 BMW X7 전면 모습">

좋은 ALT는 키워드 개수를 맞추는 문장이 아니라, 이미지를 보지 못한 사람도 어떤 이미지인지 파악할 수 있는 설명에 가깝습니다. 페이지 주제와 자연스럽게 연결되는 표현이 있다면 사용할 수 있지만, 같은 메인 키워드를 모든 이미지에 반복해서 넣을 이유는 없습니다.

장식용 아이콘, 선, 배경 장식처럼 정보 전달 목적이 없는 이미지는 오히려 빈 ALT(alt="")를 사용하는 것이 접근성 측면에서 적절할 수 있습니다.

즉 ‘모든 이미지에 ALT를 채운다’보다 ‘정보를 전달하는 이미지에는 의미 있는 ALT를 작성하고, 장식용 이미지는 구분한다’가 더 정확한 기준입니다.

이미지 파일명은 짧고 설명적으로, 하지만 과장하지 않는다

IMG_1234.jpg, image01.png 같은 파일명보다 이미지 내용을 설명할 수 있는 파일명이 관리와 검색 이해 측면에서 유리합니다.

Google도 파일명이 이미지의 주제에 대해 가벼운 단서를 제공할 수 있다고 설명하며, 가능하면 짧고 설명적인 이름을 사용할 것을 권장합니다.

예를 들면 다음과 같습니다.

• IMG_1234.jpg → bmw-x7-front.jpg
• DSC00125.jpg → wedding-expo-hall.jpg
• image01.png → moisturizing-cream-package.png

다만 파일명을 바꾸는 것만으로 검색 순위가 상승한다고 볼 수는 없습니다. 파일명은 여러 신호 중 하나에 불과합니다.

또 ‘한글 파일명은 SEO에 불리하므로 반드시 영어를 써야 한다’고 단정할 필요도 없습니다. Google은 비라틴 문자나 특수문자가 포함된 파일명을 사용하는 경우 URL 인코딩을 고려하도록 안내합니다. 운영 편의와 URL 가독성을 생각하면 영문 소문자와 하이픈 방식이 관리하기 편할 수 있지만, 이것을 절대적인 순위 규칙으로 볼 수는 없습니다.

WebP가 정답은 아니다: 화질·용량·용도부터 판단한다

이미지는 웹페이지 전체 전송량에서 큰 비중을 차지하는 경우가 많습니다. 그래서 이미지 최적화는 검색 노출뿐 아니라 페이지 속도와 사용자 경험에도 영향을 줍니다.

여기서 흔히 나오는 조언이 ‘모든 이미지를 WebP로 바꾸고 100KB 또는 200KB 이하로 만들라’는 것입니다. 하지만 모든 사이트에 적용되는 절대적인 용량 기준은 없습니다.

중요한 것은 실제 표시 크기와 필요한 화질에 비해 과도하게 큰 파일을 제공하지 않는 것입니다.

사진 중심 이미지

• JPEG, WebP, AVIF 등을 비교해 화질과 용량을 판단

투명 배경이 필요한 그래픽

• PNG, WebP, AVIF 등 용도에 맞는 포맷 검토

로고·아이콘 등 벡터 그래픽

• SVG가 적합한 경우가 많음

Google Search는 JPEG, PNG, WebP, SVG, AVIF 등 여러 이미지 형식을 지원합니다. 특정 포맷을 사용했다는 사실 자체가 순위를 만들어주는 것은 아닙니다.

WebP나 AVIF의 장점은 같은 품질 수준에서 전송량을 줄일 가능성이 있다는 점입니다. 하지만 원본 특성, 압축 수준, 브라우저 환경, 편집·운영 방식까지 고려해 선택해야 합니다.

반응형 이미지는 모바일에서 ‘큰 원본 한 장’을 내려받지 않게 한다

PC에서는 1,600px 너비의 이미지가 필요하더라도 모바일 화면에서는 그렇게 큰 파일이 필요하지 않을 수 있습니다. 그런데 하나의 대형 이미지만 제공하면 작은 화면에서도 불필요하게 큰 데이터를 내려받게 됩니다.

이때 활용할 수 있는 것이 srcset과 sizes입니다.

srcset은 브라우저에 여러 크기의 이미지 후보를 알려주고, sizes는 화면 조건에 따라 이미지가 어느 정도 크기로 표시될지 정보를 제공합니다. 브라우저는 이 정보를 바탕으로 현재 환경에 적합한 이미지를 선택할 수 있습니다.

예시:

<img
  src="guide-1200.jpg"
  srcset="guide-480.jpg 480w, guide-800.jpg 800w, guide-1200.jpg 1200w"
  sizes="(max-width: 600px) 100vw, 800px"
  alt="이미지 SEO 설정 화면 예시">

<picture> 요소는 화면 크기나 지원 포맷 등에 따라 소스를 더 명시적으로 나누고 싶을 때 사용할 수 있습니다. 다만 <picture>을 사용하더라도 기본 <img src="">를 함께 제공하는 것이 좋습니다.

이미지 SEO에서 반응형 처리는 ‘검색봇용 기술’이라기보다 사용자에게 불필요하게 큰 파일을 전달하지 않도록 만드는 성능 최적화에 가깝습니다.

Lazy Loading은 모든 이미지에 일괄 적용하면 안 된다

화면 아래쪽에 있는 이미지를 사용자가 가까이 스크롤했을 때 불러오는 Lazy Loading은 초기 페이지 전송 부담을 줄이는 데 유용합니다.

하지만 첫 화면에 보이는 대표 이미지나 LCP(Largest Contentful Paint) 후보 이미지까지 loading=“lazy”로 처리하면 오히려 중요한 이미지의 로딩이 늦어질 수 있습니다. web.dev 역시 초기 뷰포트에 있는 이미지, 특히 LCP 후보에는 지연 로딩을 피하도록 안내합니다.

실무에서는 다음처럼 구분하는 편이 좋습니다.

첫 화면 대표 이미지

• 초기 로딩 우선
• 무조건적인 lazy 적용 지양

본문 아래쪽 이미지

• loading=“lazy” 활용 검토

여러 장의 갤러리

• 실제 노출 위치와 사용 방식에 따라 지연 로딩 검토

이미지 최적화는 ‘모든 이미지를 최대한 늦게 불러오기’가 아니라 페이지에서 중요한 이미지와 그렇지 않은 이미지를 구분하는 작업입니다.

이미지 사이트맵은 언제 필요할까?

이미지 사이트맵은 Google이 일반적인 크롤링 과정에서 찾지 못할 수 있는 이미지 URL을 알려주는 방법입니다.

특히 JavaScript를 통해 이미지가 노출되는 사이트처럼 검색엔진이 이미지 경로를 발견하기 어려운 구조라면 검토할 가치가 있습니다. 별도의 이미지 사이트맵을 만들 수도 있고, 기존 사이트맵에 이미지 정보를 추가할 수도 있습니다.

다만 이미지 사이트맵을 제출했다고 검색 노출이나 색인 속도가 보장되는 것은 아닙니다. 사이트맵의 역할은 검색엔진이 URL을 발견하도록 돕는 것입니다.

워드프레스처럼 일반적인 콘텐츠 관리 시스템을 사용하고 이미지가 정상적인 HTML 구조에서 연결되어 있다면 우선 현재 사이트맵과 이미지 발견 상태를 확인하는 것이 좋습니다. ‘이미지가 많으니 무조건 별도 이미지 사이트맵이 필요하다’고 접근할 필요는 없습니다.

구조화 데이터는 이미지의 맥락을 명확히 하는 수단이다

상품, 레시피, 기사 등 Google이 지원하는 구조화 데이터 유형에서는 image 속성이 검색 기능과 연결될 수 있습니다. 또한 페이지의 대표 이미지를 명시할 때 WebPage의 primaryImageOfPage나 콘텐츠 유형의 image 속성, og:image 등을 활용할 수 있습니다.

하지만 구조화 데이터를 적용한다고 해서 이미지 검색 순위가 자동으로 올라가거나 생성형 AI가 해당 이미지를 인용한다는 의미는 아닙니다.

구조화 데이터는 페이지와 콘텐츠의 의미를 기계가 더 명확하게 파악하도록 돕는 기술적 표현 방식입니다. 콘텐츠 자체의 품질, 이미지 관련성, 검색엔진의 수집 가능성을 대신하는 장치는 아닙니다.

업종별로 보면 이미지 SEO는 이렇게 달라진다

자동차 홈페이지라면 차량 이미지를 단순히 car01.jpg로 올리는 것보다 차종과 이미지 내용을 구분할 수 있는 파일명을 사용하고, ALT 역시 실제 보이는 차량의 모델과 장면을 설명하는 것이 좋습니다.

웨딩 관련 홈페이지에서는 모든 사진의 ALT를 ‘서울 웨딩박람회’처럼 동일하게 만드는 것보다 행사장 전경, 상담 부스, 웨딩드레스 전시 등 각각의 이미지 역할에 맞게 설명하는 편이 자연스럽습니다.

쇼핑몰은 제품 사진의 해상도와 상세 표현이 중요하지만, 원본 대형 이미지를 그대로 반복 제공하면 페이지가 무거워질 수 있습니다. 썸네일, 목록, 상세 확대 이미지의 목적에 따라 적절한 크기를 구분하는 방식이 필요합니다.

병원이나 법률 홈페이지처럼 사진이 서비스 설명을 보조하는 사이트라면 이미지 자체보다 이미지가 어떤 정보와 함께 배치되는지가 더 중요할 수 있습니다.

같은 ‘이미지 SEO’라도 사이트의 목적과 이미지의 역할에 따라 우선순위가 달라지는 이유입니다.

이미지 SEO 발행 전 체크리스트

페이지를 공개하기 전에 아래 항목을 확인해보세요.

1. 검색에서 발견되어야 하는 핵심 이미지가 실제 <img> 요소로 제공되고 있는가?
2. 파일명이 의미 없는 숫자 조합으로만 되어 있지는 않은가?
3. 정보성 이미지의 ALT가 실제 이미지 내용을 설명하고 있는가?
4. 모든 이미지의 ALT에 같은 키워드를 반복하고 있지는 않은가?
5. 이미지 주변 본문과 이미지의 주제가 자연스럽게 연결되는가?
6. 실제 표시 크기에 비해 지나치게 큰 원본 파일을 제공하고 있지는 않은가?
7. JPEG·PNG·WebP·AVIF 등 포맷을 이미지 목적에 맞게 선택했는가?
8. 모바일 환경을 위해 srcset·sizes 등 반응형 이미지 적용을 검토했는가?
9. 첫 화면의 주요 이미지에 불필요한 lazy loading이 적용되어 있지는 않은가?
10. 검색엔진이 발견하기 어려운 이미지가 있다면 이미지 사이트맵 필요성을 검토했는가?
11. 대표 이미지와 og:image, 구조화 데이터의 이미지 정보가 서로 엇갈리고 있지는 않은가?

자주 묻는 질문(FAQ)

Q1. 이미지 ALT에 메인 키워드를 반드시 넣어야 하나요?

반드시 넣을 필요는 없습니다. ALT의 우선 목적은 이미지의 의미를 설명하는 것입니다. 이미지 내용과 페이지 문맥상 키워드가 자연스럽게 필요하다면 사용할 수 있지만, 검색 노출을 위해 모든 이미지에 동일한 키워드를 반복하는 방식은 피하는 것이 좋습니다.

Q2. JPG보다 WebP가 SEO에 더 유리한가요?

포맷 자체가 검색 순위를 결정한다고 볼 수는 없습니다. WebP는 파일 크기를 줄이면서 품질을 유지하는 데 유리할 수 있어 페이지 성능 개선에 도움이 될 수 있지만, 이미지의 종류와 품질 요구사항에 따라 JPEG, PNG, AVIF 등 다른 형식이 더 적합할 수도 있습니다.

Q3. 이미지 파일명은 반드시 영어로 만들어야 하나요?

반드시 영어여야 하는 것은 아닙니다. 짧고 설명적인 파일명이 좋으며, 비라틴 문자를 사용할 경우 URL 인코딩과 서버 환경을 고려해야 합니다. 실무에서는 관리 편의성과 URL 가독성을 위해 영문 소문자와 하이픈을 많이 사용합니다.

Q4. 모든 이미지에 ALT를 넣어야 하나요?

정보를 전달하는 이미지라면 의미 있는 ALT를 제공하는 것이 좋습니다. 반대로 디자인 장식만을 위한 이미지는 빈 ALT를 사용해 보조 기술이 불필요하게 읽지 않도록 처리할 수 있습니다.

Q5. 이미지 사이트맵을 제출하면 Google 이미지 검색에 빨리 노출되나요?

노출 시점을 보장할 수는 없습니다. 이미지 사이트맵은 Google이 일반적인 크롤링 과정에서 놓칠 수 있는 이미지 URL을 발견하도록 돕는 수단입니다. 제출 여부보다 먼저 이미지 접근 가능 여부와 페이지 구조를 함께 점검해야 합니다.

Q6. 이미지 SEO를 하면 AI 검색에서도 이미지가 노출되나요?

그렇게 단정할 수는 없습니다. 검색엔진과 생성형 AI 서비스마다 정보를 수집하고 활용하는 방식이 다르며, 특정 ALT·Schema·이미지 포맷이 AI 노출을 보장한다는 공식적인 규칙도 없습니다. 다만 이미지와 페이지의 의미를 명확하게 구성하고 검색엔진이 정상적으로 접근할 수 있도록 만드는 것은 기본적인 웹 콘텐츠 품질 측면에서 필요합니다.

좋은 이미지 SEO는 ‘키워드 삽입’보다 구조에서 시작한다

이미지 SEO를 ALT, 파일명, WebP 가운데 하나로만 설명하기는 어렵습니다.

검색엔진이 이미지를 발견할 수 있는 HTML 구조, 이미지와 주변 콘텐츠의 관련성, 정확한 대체텍스트, 적절한 파일 크기와 포맷, 모바일 환경을 고려한 반응형 이미지, 로딩 우선순위가 함께 맞아야 합니다.

특히 ‘ALT를 많이 넣으면 상위노출된다’, ‘이미지는 무조건 몇 KB 이하로 만들어야 한다’, ‘Schema를 넣으면 AI가 이미지를 인용한다’처럼 하나의 설정을 정답으로 제시하는 방식은 경계할 필요가 있습니다.

홈페이지의 이미지 SEO를 점검한다면 먼저 실제 페이지에서 이미지가 어떻게 제공되고 있는지 확인하고, 검색엔진의 발견 가능성·콘텐츠 맥락·접근성·페이지 성능을 순서대로 살펴보는 것이 좋습니다. 작은 설정 하나보다 전체 구조를 제대로 맞추는 것이 장기적으로 더 안정적인 이미지 검색 기반을 만드는 방법입니다.

참고한 자료

• Google Search Central: Google Image SEO Best Practices
• Google Search Central: Image Sitemaps
• Google Search Central: Structured Data Introduction
• web.dev: Responsive Images
• web.dev: Lazy Load Images and iframe Elements