1. 이미지 형식이 중요한 이유
구글은 JPEG나 PNG 같은 전통적인 형식보다 WebP를 사용할 것을 권장합니다. WebP는 동일한 시각적 품질을 제공하지만 파일 크기는 25-34% 더 작습니다.
WebP의 장점:
- 더 빠른 페이지 로딩 시간
- 향상된 Core Web Vitals
- 적은 저장 공간 및 대역폭 사용
WebP 폴백을 사용한 HTML 예제:
<picture>
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="여성용 검은색 고무 부츠" loading="lazy" width="800" height="600">
</picture>2. ALT 텍스트: SEO의 비밀 무기
alt 속성은 검색 엔진이 이미지 내용을 이해하도록 돕고 접근성을 향상시킵니다. 또한 Google Images SEO에 매우 중요합니다.
올바른 예:
<img src="boots.webp" alt="Litma 브랜드 여성용 검은색 PVC 레인부츠">alt="이미지" 또는 alt="제품"과 같은 빈 값이나 일반적인 alt 값을 피하세요.
3. LCP와 PageSpeed: Largest Contentful Paint 최적화
LCP(Largest Contentful Paint)는 구글의 Core Web Vitals 중 하나입니다. 메인 이미지가 느리게 로드되면 SEO 순위가 떨어집니다.
LCP 개선을 위한 팁:
- 압축된 WebP 이미지 사용
- 이미지 크기 지정 (
width,height) - 처음에는 핵심 이미지만 로드
- 중요하지 않은 시각 요소에는
loading="lazy"사용
4. 파일 크기 줄이기 = 더 나은 SEO
모든 킬로바이트가 중요합니다. 큰 이미지(1MB+)는 상점을 극적으로 느리게 만듭니다.
권장사항:
- 제품 이미지를 100KB 이하로 유지
- 실제 표시 크기로 리사이즈
- 가능한 한 무손실 압축 사용
HTML 모범 사례:
<img src="shoes.webp" alt="여성용 면 스니커즈" width="600" height="600" loading="lazy">5. 실제 데이터: 왜 중요한가
- 모바일 사용자의 53%는 로딩이 3초 이상 걸리면 사이트를 떠남
- 이커머스 사이트의 70% 이상이 이미지 관리 부실로 Core Web Vitals에서 실패
- 상위 소매업체의 32%만이 WebP를 사용
- 제품 목록의 38%에서 ALT 텍스트가 누락됨
6. 빠른 참조 표
| 요소 | 권장사항 |
|---|---|
| 형식 | WebP |
| ALT 텍스트 | 키워드가 풍부하고 설명적 |
| 최대 크기 | 100KB 이하 |
| 지연 로딩 | 예 (loading="lazy") |
| LCP 이미지 | 최적화되고 반응형 |
| 해상도 | 표시 크기와 일치 |
7. 빠르고 무료 최적화를 위해 WebPPhoto 사용
WebPPhoto.com은 다음을 도와줍니다:
- 배경 자동 제거
- 이미지를 WebP로 변환
- 마켓플레이스에 맞게 크기 조정 및 자르기
- 몇 초 만에 이미지 최적화
모든 도구가 무료이고 빠르며 비공개입니다.