SEO를 위한 이미지 최적화
6 min
이미지 최적화는 SEO(Google Image Search 및 Core Web Vitals를 통해)와 사용자 경험 모두에 영향을 미칩니다. 네 가지 필수 조치는 다음과 같습니다: 올바른 형식 선택(WebP 또는 AVIF), 눈에 띄는 품질 손실 없이 압축, alt 태그 작성, 지연 로딩 구현. 이러한 조치만으로도 LCP를 20~40% 줄일 수 있습니다.
이미지는 평균적으로 웹 페이지 무게의 50~70%를 차지합니다. 최적화되지 않으면 Core Web Vitals를 떨어뜨리고 순위에 불이익을 줍니다. 잘 최적화되면 Google Images를 통해 추가 트래픽 채널을 열 수 있습니다.
올바른 이미지 형식 선택
WebP 형식은 동일한 시각적 품질로 JPEG보다 25~35% 더 뛰어난 압축을 제공합니다. AVIF는 더 나아가지만 2026년에 좋은 브라우저 호환성에도 불구하고 대상 독자에 따라 확인이 필요합니다.
벡터 이미지(로고, 아이콘, 일러스트레이션)는 SVG로 사용해야 합니다: 가볍고, 확장 가능하며, 절대 품질이 저하되지 않습니다.
PNG는 투명도나 압축 없는 절대적 품질이 필요한 이미지에만 관련이 있습니다 — 표준 웹 컨텍스트에서는 드문 경우입니다.
- 사진 및 복잡한 비주얼: WebP 또는 AVIF.
- 로고, 아이콘, 일러스트레이션: SVG.
- 텍스트가 포함된 스크린샷: 중간 압축 WebP (품질 80-85).
- 애니메이션 GIF 피하기: 5~10배 더 가벼운 짧은 MP4 동영상으로 교체.
압축 및 적절한 크기 조정
800px 컬럼에 표시되는 3,000px 너비의 이미지는 필요한 것보다 3~4배 더 많은 데이터를 전송합니다. 항상 압축 전에 크기를 조정하세요.
보조 이미지는 100KB 미만, 히어로 이미지 또는 주요 비주얼은 200KB 미만을 목표로 하세요. 그 이상이면 LCP에 미치는 영향이 측정 가능해집니다.
이미지 압축 및 크기 조정은 최적화되지 않은 페이지에서 초기 로딩 시간을 20~40% 줄일 수 있으며, Core Web Vitals 점수에 직접적인 영향을 미칩니다.
2025-2026년 웹 성능 및 SEO 업계 연구
Alt 태그, 파일명, 구조화된 데이터
alt 태그는 Google이 이미지와 연결할 수 있는 유일한 텍스트입니다. 관련성이 있다면 자연스럽게 키워드를 포함하되 강요하지 않고 시각적 콘텐츠를 정확하게 설명해야 합니다.
파일명은 부차적이지만 유용합니다: IMG_4821.jpg 대신 하이픈으로 구분된 키워드를 사용하세요(image-seo-optimisation.webp).
상품 이미지나 주요 비주얼의 경우 Google Images와 풍부한 결과에서 가시성을 높이기 위해 Schema.org의 ImageObject 또는 Product 구조화된 데이터를 추가하세요.
지연 로딩과 성능
지연 로딩은 뷰포트에 들어올 때만 이미지를 로드합니다. 이는 페이지의 초기 무게를 줄이고 FCP(First Contentful Paint) 점수를 향상시킵니다.
주의: 히어로 이미지나 LCP에 절대 지연 로딩을 적용하지 마세요 — Google과 브라우저가 즉시 로드해야 합니다. 이 우선 이미지에는 loading='eager'를 사용하거나 속성을 생략하세요.
- 초기 뷰포트 외부의 모든 이미지에 loading='lazy'를 추가하세요.
- 레이아웃 이동(CLS)을 방지하기 위해 width와 height 속성을 명시적으로 정의하세요.
- 사용자 화면에 따라 적절한 해상도를 제공하기 위해 srcset를 사용하세요.
FAQ
지연 로딩은 브라우저에서 기본적으로 지원되나요?
네, Chrome과 현대 브라우저는 2019년부터, Firefox는 2021년부터 지원합니다. 대부분의 사이트에서 외부 JavaScript 라이브러리 없이 loading='lazy' 속성으로 충분합니다.
Google은 WebP 이미지를 색인화하나요?
네, Google은 WebP 및 AVIF 이미지를 문제 없이 지원하고 색인화합니다. 이러한 형식은 페이지 무게를 줄이기 위해 Google의 PageSpeed Insights 가이드라인에서도 권장됩니다.
alt 태그 누락이 SEO에 불이익을 주나요?
직접적으로 불이익을 주지는 않지만 Google의 컨텍스트 신호를 박탈하고 Google Images에서 이미지를 제외시킵니다. 이미지가 많은 이커머스 사이트나 블로그에서 alt 태그 부재는 상당한 트래픽 손실을 나타냅니다.