랜딩페이지 이미지가 중요한 이유
이미지는 랜딩페이지의 첫인상을 결정합니다. 하지만 최적화되지 않은 이미지는 페이지 로딩 속도를 느리게 만들어 이탈률 증가 + 검색 순위 하락의 원인이 됩니다.
이미지 권장 사이즈
| 용도 | 권장 사이즈 | 비율 |
|---|---|---|
| 히어로 (대표) 이미지 | 1920 x 1080px | 16:9 |
| OG 이미지 (SNS 공유) | 1200 x 630px | 약 2:1 |
| 갤러리 이미지 | 800 x 600px | 4:3 |
| 로고 | 200 x 200px | 1:1 |
이미지 용량 가이드
- 히어로 이미지: 200KB 이하 권장
- 갤러리 이미지: 100KB 이하 권장
- 전체 페이지: 이미지 총 용량 1MB 이하 권장
WebP 형식을 사용하면 JPEG 대비 30~50% 용량을 줄일 수 있습니다. 대부분의 최신 브라우저에서 지원됩니다.
alt 태그 작성법
alt 태그는 이미지를 텍스트로 설명하는 HTML 속성입니다. 검색엔진은 이미지를 "볼 수 없으므로" alt 태그로 내용을 파악합니다.
좋은 alt 태그 예시
alt="인천 부평구 셔츠룸 매장 내부 전경"alt="프리미엄 코스 서비스 안내 테이블"alt="강남 네일샵 젤네일 시술 결과물"
나쁜 alt 태그 예시
alt="사진1"- 너무 모호alt=""- 비어있음alt="인천 셔츠룸 인천셔츠룸 셔츠룸추천 인천추천"- 키워드 스팸
이미지 SEO 체크리스트
- 모든 이미지에 alt 태그 작성 ✓
- 파일명에 키워드 포함 (예: incheon-room-interior.jpg) ✓
- WebP 형식 사용 또는 JPEG 80% 품질로 압축 ✓
- 히어로 이미지는 lazy loading 미적용 (즉시 로드) ✓
- 갤러리 이미지는 lazy loading 적용 ✓
- OG 이미지 별도 설정 (1200x630) ✓