이미지 SEO 체크리스트: 검색 발견·대체 텍스트·속도·저작권을 함께 점검하기

이미지가 검색봇에게 실제로 보이는지 먼저 확인하세요

Google은 표준 HTML의 <img src="...">에서 이미지를 찾을 수 있습니다. CSS 배경으로만 넣거나 로그인 뒤에 숨기거나 robots.txt로 이미지 경로를 막으면 발견이 어려워질 수 있습니다. 지연 로딩을 사용하더라도 스크롤·클릭 같은 사용자 행동 없이 이미지 URL이 렌더링되는지 확인하세요.

Alt Text는 이미지의 역할에 따라 씁니다

대체 텍스트는 검색어 입력란이 아니라 이미지를 보지 못하는 사용자가 같은 정보를 얻도록 돕는 문장입니다. 주변 문장에 이미 설명된 내용을 그대로 반복하지 말고, 페이지 맥락에서 필요한 정보만 씁니다.

• 정보 이미지: “Search Console 실적 보고서에서 클릭과 노출 추이를 비교한 그래프”처럼 핵심 정보를 적습니다.
• 기능 이미지: 링크나 버튼 역할을 하면 “무료 SEO 진단 시작”처럼 행동 목적을 적습니다.
• 장식 이미지: 의미가 없다면 alt=""로 둡니다.
• 복잡한 차트: alt에는 요점을 짧게 쓰고, 본문이나 표에서 수치와 결론을 설명합니다.

같은 사진이라도 상품 상세에서는 모델명·색상·각도가 중요할 수 있고, 분위기용 배너에서는 빈 alt가 더 적절할 수 있습니다. 이미지 자체가 아니라 그 페이지에서 맡는 역할을 기준으로 판단하세요.

파일명·캡션·주변 문맥의 역할을 나눕니다

파일명은 관리와 URL 이해를 돕는 짧고 설명적인 이름이면 충분합니다. IMG_9342.jpg보다 search-console-performance-report.webp가 낫지만, 긴 키워드 목록을 넣을 필요는 없습니다.

캡션은 독자에게 출처·상황·해석을 보여줄 때 사용합니다. 이미지 앞뒤의 제목과 문단은 해당 이미지가 무엇을 증명하는지 알려줍니다. 파일명, alt, 캡션, 본문이 모두 같은 문구를 복사하면 읽기만 불편해집니다.

속도는 고정 KB가 아니라 화면과 용도에 맞춥니다

모든 이미지를 무조건 100KB 아래로 줄이는 공식은 없습니다. 히어로 이미지, 제품 확대 사진, 아이콘은 필요한 품질과 표시 크기가 다릅니다. 실제 렌더링 크기에 맞는 여러 해상도를 만들고 브라우저가 적절한 파일을 선택하게 하세요.

1. 실제 표시 크기보다 지나치게 큰 원본 전송을 줄입니다.
2. 사진은 WebP·AVIF 등 지원 형식을 검토하고 품질 손실을 눈으로 확인합니다.
3. 첫 화면 핵심 이미지는 과도한 지연 로딩을 피하고 너비·높이를 지정합니다.
4. 본문 아래 이미지는 lazy loading을 적용하되 검색봇과 키보드 탐색에서 열리는지 확인합니다.
5. PageSpeed Insights와 실제 사용자 데이터를 함께 봅니다.

이미지 저작권과 라이선스를 콘텐츠 제작 단계에서 기록하세요

검색에서 찾았다는 이유만으로 사용할 수 있는 이미지는 아닙니다. 직접 제작, 정식 구매, 명시적 허용 라이선스인지 확인하고 원본 URL·저작자·라이선스·취득일을 기록하세요. 편집 가능 여부와 상업적 이용 조건도 따로 확인합니다.

자체 사진이나 라이선스 가능한 자산은 필요한 경우 ImageObject 구조화 데이터 또는 IPTC 메타데이터로 창작자·저작권·라이선스 페이지를 알릴 수 있습니다. 마크업은 실제 화면과 사용 권한을 정확히 반영해야 합니다.

성과는 검색 유형과 랜딩 페이지로 측정합니다

이미지 최적화 뒤 전체 트래픽이 올랐는지만 보면 다른 변화가 섞입니다. Search Console에서 이미지 검색 유형, 해당 랜딩 페이지, 관련 검색어의 노출과 클릭을 비교하세요. 이미지가 클릭을 만들었어도 구매·문의로 이어지지 않는다면 랜딩 페이지의 문맥과 행동 경로를 손봐야 합니다.

변경 전에는 이미지 URL, 파일 크기, 형식, alt, 페이지 속도 수치를 저장하세요. 파일 교체 뒤 404가 생기지 않았는지, CDN 캐시가 최신 파일을 제공하는지, 대표 이미지가 소셜 공유와 구조화 데이터에도 맞게 연결됐는지 확인합니다.

사이트 전체 이미지 감사는 템플릿별 샘플로 시작합니다

수천 장을 한 번에 손으로 보지 말고 홈, 카테고리, 상품, 글, 작성자, 랜딩 페이지에서 대표 URL을 뽑습니다. 각 샘플의 이미지 URL, 응답 상태, 표시 크기, 전송 크기, 형식, alt, lazy loading, LCP 여부를 표로 기록하세요.

CDN이나 파일 경로를 바꿀 때는 URL 이전을 관리합니다

이미지 CDN을 도입하거나 미디어 폴더를 바꾸면 기존 이미지 URL이 404가 되지 않게 해야 합니다. HTML, 구조화 데이터, Open Graph, 사이트맵, CSS, 이메일 템플릿에 옛 URL이 남을 수 있습니다.

1. 옛 이미지와 새 이미지의 매핑을 만듭니다.
2. 새 URL이 200이고 올바른 MIME 유형과 캐시 헤더를 반환하는지 봅니다.
3. 필요한 경우 옛 URL에서 새 URL로 리디렉션합니다.
4. 페이지 소스와 렌더링 결과에서 새 URL을 확인합니다.
5. 대표 이미지가 소셜 공유·구조화 데이터에도 반영됐는지 테스트합니다.
6. 서버 로그에서 옛 자산 요청과 404가 줄어드는지 확인합니다.

업로드 규칙을 만들어 재발을 막습니다

편집자마다 제각각 원본을 올리면 감사 후에도 다시 느려집니다. 이미지 유형별 권장 비율, 최대 픽셀, 형식, 품질, 파일명, alt 책임, 라이선스 기록을 간단한 업로드 표준으로 만드세요.

• 대표 이미지, 본문 사진, 스크린샷, 아이콘을 구분합니다.
• 자동 생성되는 썸네일 크기와 실제 사용처를 맞춥니다.
• 원본이 필요한 사진은 별도 보관하고 웹용 파생본을 제공합니다.
• CMS가 너비·높이와 srcset을 자동 출력하는지 확인합니다.
• 출처와 라이선스를 미디어 라이브러리 메타데이터에 기록합니다.

접근성 검수는 alt 문자열 개수로 끝내지 않습니다

모든 이미지에 alt가 있다고 좋은 상태는 아닙니다. 장식 이미지에 불필요한 설명이 있거나, 링크 이미지가 “화살표”라고만 읽히거나, 차트의 핵심 수치가 본문에 없으면 실제 사용자는 정보를 얻기 어렵습니다.

대표 페이지를 키보드와 스크린리더로 확인하고, 이미지를 끈 상태에서도 문서의 의미와 행동이 유지되는지 봅니다. 자동 검사 결과는 누락을 찾는 출발점으로 사용하고 문맥 판단은 사람이 검수하세요.

이미지 한 장마다 역할과 원본 책임자를 정합니다

대표 이미지, 제품 사진, 설명 도해, 장식 배경은 필요한 품질과 대체 텍스트가 다릅니다. CMS에 업로드할 때 이미지 역할, 원본 출처, 사용 권한, 촬영·제작일, 교체 책임자, 필요한 비율을 메타데이터로 남기면 오래된 스크린샷과 출처 불명 파일이 쌓이는 것을 줄일 수 있습니다.

발행 전 표본 검사

• HTML에 유효한 width와 height가 있어 레이아웃 이동을 줄이는가
• srcset과 sizes가 실제 표시 폭에 맞는 후보를 제공하는가
• 첫 화면의 핵심 이미지를 불필요하게 지연 로딩하지 않았는가
• 정보 이미지의 alt가 주변 문장을 반복하지 않고 핵심 의미를 전달하는가
• 장식 이미지는 빈 alt 또는 CSS 배경 등으로 보조기술에서 제외됐는가
• 저작권·라이선스·크레디트 요구를 충족하는가

전체 이미지의 고정 KB 목표보다 페이지별 성능 예산을 사용하세요. 큰 화면에서 필요한 선명도, 모바일 전송량, LCP 기여, 캐시 정책을 함께 보고 포맷과 압축률을 정해야 합니다.

이미지 최적화 다음 단계

Search Console 등록과 색인 진단, 롱테일 키워드의 함정, 구조화 데이터와 화면 콘텐츠 일치 기준을 함께 점검하면 이미지가 페이지 전체의 검색 의도와 어긋나는 문제를 줄일 수 있습니다.

공식 자료와 검증 경로

• Google 이미지 SEO 권장사항
• W3C WAI 이미지 대체 텍스트 결정 트리
• Google 이미지 라이선스 메타데이터