“제 사이트가 너무 느려요.”
이런 분들의 블로그를 뜯어보면 범인은 100% ‘이미지’입니다.
핸드폰으로 찍은 사진은 한 장에 5MB가 넘습니다. 이걸 10장 올리면 50MB입니다. 독자의 데이터 요금 폭탄은 물론이고, 로딩이 느려서 구글 점수가 바닥을 칩니다.
오늘은 페이지 속도와 SEO 점수를 동시에 올려주는 ‘이미지 다이어트(최적화)’와, 구글에게 ‘이름표(SEO)’를 달아주는 법을 배웁니다.
1. 이미지 다이어트 1단계: 픽셀(크기) 줄이기
블로그 본문 너비는 기껏해야 700~800px입니다.
그런데 가로 4000px짜리 원본 사진을 올리는 건, 증명사진 자리에 전지만 한 포스터를 구겨 넣는 꼴입니다.
[최적화 기준]
- 가로 크기(Width): 1000px ~ 1200px이면 충분합니다. (그 이상은 낭비)
- 방법: 윈도우 ‘그림판’, 포토스케이프, 또는 미리캔버스에서 내보낼 때 크기를 조절하세요.
2. 이미지 다이어트 2단계: 압축하기 (필수)
크기를 줄여도 용량은 여전히 클 수 있습니다. 화질 저하 없이 기름기만 쏙 빼주는 ‘압축 도구’를 써야 합니다.
(가능하다면 JPG/PNG 대신 WebP 포맷을 쓰면 용량이 더 줄어듭니다.)
[추천 무료 도구]
- TinyPNG: 가장 유명합니다. 이미지를 드래그해서 넣으면 5MB짜리가 500KB로 줄어듭니다. (마법 같습니다.)
- Squoosh (구글 공식): 화질을 비교해가며 더 세밀하게 줄일 수 있습니다.
⚠️ [기준점]
이미지 한 장당 용량은 가능하면 100KB 이하를 목표로 하세요. 정 안 되면 150~200KB까지는 봐줍니다. 하지만 MB 단위는 절대 안 됩니다. 페이지 속도를 망치는 주범입니다.
3. SEO 설정: 파일명과 Alt 텍스트 (이름표 달기)
가벼워진 이미지를 업로드할 때, 그냥 올리면 안 됩니다. 구글은 눈이 없습니다. 이미지를 ‘글자’로 읽습니다.
① 파일명 (File Name)
- ❌
IMG_2093.jpg(구글: 이게 뭐지?) - ✅
wordpress-image-seo.jpg(구글: 아! 워드프레스 이미지 SEO 관련 사진이구나!) - Tip: 업로드 전에 컴퓨터에서 파일 이름을 ‘영문+하이픈(-)’ 조합으로 바꾸세요.
② 대체 텍스트 (Alt Text)
이미지를 업로드한 후, 워드프레스 오른쪽 설정창에 있는 [대체 텍스트(Alt Text)] 칸을 비워두지 마세요.
- 입력: 사진이 무엇인지 설명하세요. (예: “TinyPNG 이미지 압축 사이트 화면”)
- 주의: 키워드를 억지로 나열(키워드 스터핑)하지 마세요. 구글이 스팸으로 간주합니다. 자연스러운 설명이 최고입니다.
💡 [심화] 이미지 검색으로도 사람이 들어온다고?
글 검색뿐만 아니라 ‘이미지 검색’으로 들어오는 유입도 쏠쏠합니다. 특히 제품 리뷰나 여행 블로그라면 필수입니다. Alt 태그를 기가 막히게 쓰는 공식이 따로 있습니다.
👉 [참고: 구글 이미지 검색 노출로 방문자 2배 늘리는 Alt 태그 작성법]
4. [Day 8] 오늘의 과제
오늘은 습관을 만드는 날입니다. 앞으로 모든 글에 이 과정을 적용하세요.
- [ ] 이미지 가로 크기를 1200px 이하로 리사이징 했나요?
- [ ] TinyPNG 등을 써서 용량을 100KB 대로 줄였나요?
- [ ] 파일명을 영문(keyword.jpg)으로 저장했나요?
- [ ] 워드프레스에 올리고 Alt 텍스트를 입력했나요?
이 4가지만 지켜도 여러분의 블로그 속도는 대부분의 초보 블로그보다 훨씬 빠른 ‘상위권’에 들어갑니다.
내일 [Day 9]는 글의 가독성을 높이고 체류 시간을 길게 만드는 ‘내부 디자인(블록 에디터 활용법)’으로 넘어갑니다.
📚 [워드프레스 30일 로드맵] 시리즈
- 이전 글: [Day 7] 내 글이 구글에 떴을까? (색인 확인)
- 현재 글: [Day 8] 구글이 좋아하는 이미지 최적화 (용량 줄이기)
- 다음 글: [Day 9] 가독성 2배 높이는 블록 에디터 꾸미기 팁