Google 이미지 검색은 특히 이커머스, 레시피, 하우투 사이트에서 전체 오가닉 트래픽의 20~30%를 차지하는 경우가 많습니다. 이미지 검색 트래픽 외에도, 이미지는 Core Web Vitals 점수에 직접 영향을 미칩니다. 대부분의 페이지에서 LCP(Largest Contentful Paint) 요소가 이미지이기 때문입니다. 크고 느리거나 잘못 설명된 이미지는 순위를 조용히 갉아먹습니다. 이 가이드는 2026년 기준으로 중요한 모든 요소를 다룹니다.

1. 설명적인 파일명 사용

파일명은 Google이 이미지를 크롤링할 때 읽는 첫 번째 신호 중 하나입니다. IMG_3847.jpg 같은 이름은 크롤러에게 아무 정보도 전달하지 않습니다. 반면 black-leather-sneakers-mens.jpg처럼 설명적인 이름은 주제, 제품 유형, 색상을 한눈에 전달합니다.

단어 사이에 하이픈(-) 사용 — Google은 하이픈을 단어 구분자로 처리하지만 밑줄(_)은 그렇지 않습니다
해당 이미지로 순위를 올리고 싶은 주요 키워드를 반영하세요
구체적으로: how-to-compress-images-for-web.webp가 image1.webp보다 낫습니다
업로드 전에 파일명을 변경하세요 — 게시 후에 이름을 바꾸면 URL이 변경되어 기존에 쌓인 SEO 신호를 잃습니다

2. 의미 있는 대체 텍스트(alt text) 작성

대체 텍스트는 두 가지 대상을 위한 것입니다: 접근성을 위한 스크린 리더와 문맥을 파악하기 위한 검색 엔진. 두 대상 모두에게 적용되는 규칙은 동일합니다: 이미지에 실제로 있는 내용을 정확하고 간결하게 설명하세요.

나쁜 예: alt="" (콘텐츠 이미지에서 비워두기) 또는 alt="이미지" (너무 일반적)
좋은 예: alt="Picovert 이미지 압축 도구로 2 MB PNG를 400 KB로 줄이는 화면"
대상 키워드를 자연스럽게 포함하되, 반복하지 마세요 (키워드 남용은 Google에 감지됩니다)
대체 텍스트는 약 125자 이하로 유지하세요 — 그 이상은 스크린 리더가 잘라냅니다
장식용 이미지(구분선, 아이콘)는 alt=""를 사용하되, 아예 생략하지 마세요

3. 이미지 압축으로 파일 크기 줄이기

Google의 PageSpeed Insights와 Lighthouse는 모두 용량이 큰 이미지가 있는 페이지에 낮은 점수를 부여합니다. 용량이 큰 이미지는 LCP를 지연시키고, PageSpeed 점수를 낮추며, 사이트 내 다른 페이지를 크롤링하려는 Google의 의지를 줄입니다.

일반 블로그 또는 상품 이미지의 목표 용량: 200 KB 이하
썸네일 및 목록 페이지 이미지의 목표 용량: 100 KB 이하
사진에는 JPEG 품질 80~85 사용 — 100과의 차이는 눈에 보이지 않지만 용량 절감 효과는 큽니다
스크린샷, 다이어그램, 텍스트가 포함된 이미지에는 PNG 사용 (무손실 디테일이 중요한 경우)
Picovert 이미지 압축, Squoosh, ImageOptim 같은 도구로 브라우저 내에서 일괄 압축 가능

4. 최신 포맷 사용: WebP와 AVIF

JPEG와 PNG는 1990년대 하드웨어를 위해 최적화된 레거시 포맷입니다. 최신 대안들은 동일한 시각적 품질을 훨씬 작은 파일 크기로 제공합니다:

WebP: 동일한 체감 품질에서 JPEG보다 25~35% 더 작습니다. 2020년부터 모든 최신 브라우저에서 지원됩니다.
AVIF: JPEG보다 최대 50% 더 작습니다. Chrome, Firefox, Safari(iOS 16+)에서 지원되며, 2025년 기준 전 세계 브라우저 지원율이 약 90%에 달합니다.

Next.js <Image> 컴포넌트, 최신 테마의 WordPress, Cloudinary 같은 CDN은 브라우저가 지원할 때 자동으로 WebP나 AVIF를 제공합니다. 수동 워크플로우의 경우 JPEG나 PNG를 WebP로 변환한 후 업로드하세요.

5. 올바른 치수로 업로드

800 px 컬럼을 채우기 위해 4000 px 너비의 이미지를 업로드하지 마세요. 브라우저는 전체 파일을 다운로드한 후 화면에 맞게 축소 렌더링합니다 — 시각적 이점은 없고 대역폭 비용만 지불하는 셈입니다. 업로드 전에 표시 크기에 맞게(고해상도 화면을 위해 약간 크게) 이미지를 리사이즈하세요.

반응형 레이아웃에서는 srcset 속성을 사용해 여러 크기를 제공하고 브라우저가 기기에 맞는 크기를 선택하게 하세요. 여러 크기 변형을 빠르게 생성하려면 Picovert 이미지 리사이저를 활용하세요.

<img
  src="product-800w.webp"
  srcset="product-400w.webp 400w, product-800w.webp 800w, product-1200w.webp 1200w"
  sizes="(max-width: 600px) 400px, 800px"
  alt="블랙 레더 스니커즈, 남성 270mm"
  width="800"
  height="600"
>

6. 화면 아래 이미지에 지연 로딩 적용

<img> 태그의 loading="lazy" 속성은 브라우저에게 이미지가 뷰포트 근처에 올 때까지 이미지 가져오기를 미루도록 지시합니다. 이는 초기 페이지 용량을 줄이고, TTI(Time to Interactive)를 개선하며, 명시적 치수와 함께 사용하면 CLS(Cumulative Layout Shift)도 개선합니다.

하지 마세요: 화면 상단 이미지에 지연 로딩 적용 — LCP를 지연시켜 Core Web Vitals 점수를 낮춥니다
적용하세요: 블로그 본문 이미지, 상품 그리드 항목, 댓글 아바타 등 화면 아래의 모든 이미지
대부분의 최신 CMS(WordPress 5.5+, Shopify, Squarespace)는 이 속성을 자동으로 추가합니다

7. 이미지에 구조화 데이터 추가

JSON-LD 스키마 마크업을 통해 Google에 이미지에 대한 명시적인 메타데이터를 제공하면 검색 결과에서 리치 스니펫을 얻을 수 있습니다.

상품 페이지: Product 스키마에 image 속성 포함 — Google 쇼핑 리치 결과에 필수
레시피 및 하우투 페이지: 관련 스키마 안에 ImageObject 추가; Google이 리치 결과 카드에 이미지를 표시할 수 있습니다
기사: Article 스키마의 image 필드는 Google Discover와 주요 기사에서 썸네일이 표시되는 방식에 영향을 줍니다

최소한 ImageObject 항목에 contentUrl, width, height, caption을 설정하세요.

8. CDN을 통한 이미지 제공

CDN(콘텐츠 전달 네트워크)은 각 사용자에게 지리적으로 가까운 엣지 노드에서 이미지를 제공해 지연 시간을 줄입니다. 이미지 로드 시간이 300 ms에서 50 ms로 줄면 LCP 점수와 이탈률에서 측정 가능한 차이가 납니다.

Cloudflare Images, Cloudinary, Imgix는 즉석 리사이징과 포맷 변환 기능을 제공합니다
많은 호스팅 제공업체(Vercel, Netlify, Render)에 CDN이 포함되어 있습니다 — 정적 자산도 CDN에서 제공되는지 확인하세요
호스트에 CDN이 없다면 Cloudflare 무료 플랜으로 기본 커버가 가능합니다

빠른 SEO 체크리스트

게시 전 모든 이미지에 대해 다음 항목을 확인하세요:

하이픈과 타겟 키워드가 포함된 설명적인 파일명
의미 있는 대체 텍스트 (125자 이하, 키워드 자연스럽게 포함)
파일 크기 200 KB 이하 (썸네일은 100 KB 이하)
WebP 또는 AVIF 포맷
표시 크기에 맞는 치수
화면 아래 이미지에 loading="lazy" 적용
명시적인 width와 height 속성 설정
스키마 마크업에 이미지 참조 포함 (상품, 레시피, 기사)

대부분의 감사에서 파일명, 압축, 포맷 세 가지를 수정하는 것만으로도 몇 주 내에 눈에 띄는 개선이 나타납니다. 이 세 가지부터 시작한 후 나머지를 순차적으로 적용하세요. 이미지 압축과 이미지 변환 도구로 업로드 없이 브라우저에서 바로 처리하세요.