이미지 SEO는 검색엔진이 이미지를 발견하고 내용을 이해하도록 파일과 HTML, 주변 설명을 관리하는 작업입니다. 검색로봇이 이미지 파일을 가져올 수 있게 하고, 이미지가 무엇을 보여 주는지 설명하며, 화면에 맞는 크기로 빠르게 표시되도록 구성합니다.
검색로봇이 이미지를 찾는 방법
Google은 HTML의 img 요소에 지정한 src에서 이미지 URL을 찾습니다. CSS 배경 이미지에는 색인을 생성하지 않으므로, 검색결과에 표시할 이미지는 img로 넣어야 합니다.
<img src="/images/url-inspection-screen.webp"
alt="Google Search Console URL 검사 화면">
이미지 파일과 이미지를 담은 페이지 모두 검색로봇이 접근할 수 있어야 합니다. 페이지가 열리더라도 CDN 방화벽이 이미지 요청만 막을 수 있으므로 두 URL을 각각 점검합니다. 로그인 요구나 robots.txt 차단 여부도 확인해야 합니다.
이미지 SEO의 점검 범위
| 범위 | 확인할 요소 |
|---|---|
| 발견 | img, src, 연결 페이지, 이미지 사이트맵 |
| 의미 설명 | alt, 주변 본문, 캡션, 파일명 |
| 이미지 품질 | 실제 내용을 분명하게 보여 주는 선명도 |
| 로딩 성능 | 파일 크기와 압축, 반응형 이미지, 지연 로드 |
| 검색 표현 | primaryImageOfPage, 구조화 데이터의 image, og:image |
alt 태그는 이미지를 볼 수 없는 사람에게 그 의미와 기능을 전달합니다. Google도 alt와 페이지 내용, 이미지 분석 결과를 바탕으로 주제를 파악하므로 본문과 관련된 이미지에 정확한 설명을 붙여야 합니다.
파일명과 본문, 캡션 작성
Google은 파일명도 이미지의 주제를 파악하는 단서로 활용합니다. IMG_2048.jpg처럼 촬영 순서만 드러나는 이름보다 이미지 내용을 짧게 설명하는 이름이 적합합니다.
이미지는 관련 설명 가까이에 배치합니다. alt에는 이미지의 의미나 기능을, 본문에는 해석에 필요한 설명을 적습니다. 출처나 촬영 조건을 밝혀야 한다면 캡션에 덧붙일 수 있습니다.
핵심 내용이 이미지 안의 글자로만 존재한다면 HTML 텍스트로도 제공합니다. 검색과 접근성을 돕고 모바일에서 확대하지 않아도 읽을 수 있게 합니다.
화면에 맞는 크기와 로딩 설정
고해상도 원본을 그대로 제공하면 파일이 커질 수 있습니다. 실제 표시 크기와 기기 해상도에 맞춰 필요한 파일을 선택하게 구성합니다.
- WebP와 AVIF로 변환한 파일을 원본과 비교해 화질을 유지하면서 용량을 줄일 수 있는지 판단합니다.
width와height로 이미지의 가로세로 비율을 알려 주면 브라우저가 표시할 공간을 미리 확보해 화면 밀림을 줄일 수 있습니다.srcset에는 크기별 파일을,sizes에는 화면 조건에 따른 표시 너비를 지정합니다. 브라우저가 이 정보로 적절한 파일을 선택합니다.- 첫 화면의 주요 이미지가 늦게 뜨지 않도록 로딩을 지연시키지 않습니다. 특히 LCP 측정 대상인 가장 큰 콘텐츠 이미지는 지연 로드에서 제외합니다.
- 화면 아래쪽 이미지는 사용자가 가까이 스크롤했을 때 불러오도록 지연 로드(lazy loading)를 적용할 수 있습니다.
- 새로운 형식을 제공하더라도 기본
img src를 두어 반응형 이미지 기능을 인식하지 못하는 브라우저나 크롤러가 사용할 URL을 남깁니다.
압축 후에는 실제 화면과 썸네일에서 품질을 확인합니다. 용량을 줄이는 과정에서 글자나 핵심 장면이 흐려지지 않아야 합니다.
이미지 사이트맵이 필요한 경우
이미지 사이트맵은 Google이 HTML에서 찾기 어려운 이미지 URL을 알려 주는 보조 수단입니다. JavaScript나 갤러리 구현 때문에 이미지 URL을 발견하지 못한다면 사이트맵에 해당 주소를 담아 제출할 수 있습니다. HTML에서 이미지를 정상적으로 찾는 사이트에 모두 필요한 것은 아닙니다.
일반 사이트맵과 달리 이미지 사이트맵에는 외부 CDN 도메인의 이미지 URL도 넣을 수 있습니다. Google은 수집 오류를 알릴 수 있도록 Search Console에서 CDN 도메인의 소유권을 확인하라고 권장합니다.
검색결과의 대표 이미지 선택
Google은 여러 단서를 보고 검색에 표시할 이미지를 자동 선택합니다. 페이지를 잘 대표하는 고해상도 이미지를 관련 본문 가까이에 두고, primaryImageOfPage, 구조화 데이터의 image, og:image로 선호 후보를 전달할 수 있습니다. 어느 속성도 특정 썸네일의 노출을 보장하는 명령은 아닙니다.
저작권자와 이용 조건은 이미지 라이선스 메타데이터로 제공할 수 있습니다. 대표 이미지로는 페이지 주제와 무관한 사이트 로고나 글자가 들어간 이미지, 지나치게 길거나 좁은 이미지를 피하고 본문 내용을 분명하게 보여 주는 이미지를 고릅니다.
성과는 실제 이미지 검색결과와 Search Console의 이미지 검색 유형에서 확인합니다. 검색어와 페이지별 클릭, 노출을 살펴보고 이미지가 있는 페이지의 색인과 파일 접근 상태를 함께 점검합니다. 개별 이미지 파일의 색인 여부를 확정하는 전용 검사 화면은 없습니다.
자주 묻는 질문
모든 이미지에 alt를 넣어야 하나요?
정보나 기능이 있는 이미지에는 그 역할을 설명하는 alt를 적습니다. 의미 없는 장식 이미지는 alt=""로 두어 보조 기술이 건너뛰게 합니다.
이미지 용량은 몇 KB가 적당한가요?
사진과 차트, 아이콘에 같은 용량 기준을 적용하기는 어렵습니다. 먼저 화면에 표시할 크기보다 불필요하게 큰 파일을 보내는지 확인하고, 압축 후에도 글자와 주요 장면이 선명한지 비교합니다. PageSpeed Insights에서 이미지가 로딩을 지연시키는지도 확인하면 줄여야 할 파일을 찾을 수 있습니다.
AI 생성 이미지도 검색에 노출될 수 있나요?
AI로 만들었다는 이유만으로 이미지 검색 대상에서 제외되지는 않습니다. 검색로봇이 파일을 가져올 수 있어야 하며, 페이지 내용과 관련 있고 정확한 정보를 전달해야 합니다. 실제 제품의 외형이나 서비스 현장을 보여 주는 자리라면 생성 이미지가 실제 모습을 잘못 묘사하지 않는지 확인해야 합니다.
함께 알아두면 좋은 용어
- alt 태그: 이미지의 의미나 기능을 설명하는 HTML 속성
- 반응형 이미지: 화면 조건에 맞는 이미지 파일을 제공하는 방식
- 이미지 사이트맵: 검색엔진에 이미지 URL을 알려주는 사이트맵 확장
- 페이지 속도: 페이지가 로드되고 사용할 수 있게 되는 성능