글은 완성했는데 페이지 로딩이 3초를 넘기면 독자는 본문을 읽기도 전에 이탈한다. 특히 제휴 콘텐츠는 비교 이미지나 캡처 화면이 많아 파일 용량 관리가 소홀해지기 쉽다. 썸네일 클릭률 높이는 디자인에서 클릭을 부르는 디자인을 다뤘다면, 이번에는 그 이미지를 검색엔진과 방문자 모두에게 유리하게 최적화하는 방법을 정리한다.

제휴 콘텐츠 성과, 사진 한 장이 좌우한다

요약: 이미지는 클릭률과 체류시간, 페이지 속도까지 동시에 좌우하는 요소다. 텍스트만 빽빽한 글보다 적절한 사진이나 표가 들어간 글의 체류시간이 눈에 띄게 길다. 반대로 용량이 큰 원본 사진을 그대로 올리면 모바일 환경에서 로딩이 느려지고, 이는 곧 이탈률 상승과 순위 하락으로 이어진다.

이미지 용량과 로딩속도 최적화하는 법

업로드 전에 반드시 압축부터 거친다. 원본 해상도가 3000픽셀을 넘는 사진은 웹에서 쓸 일이 거의 없으므로 가로 1200~1600픽셀 수준으로 리사이즈하고, JPEG 품질은 80~85% 선에서 저장하면 화질 손상 없이 용량을 절반 이상 줄일 수 있다.

• 업로드 전 리사이즈로 픽셀 수 줄이기
• JPEG 압축 품질 80~85%로 저장
• 같은 화면에 이미지 3장 이상 몰아넣지 않기

대체 텍스트(alt)에 핵심 키워드 넣는 요령

대체 텍스트는 시각장애인용 스크린리더뿐 아니라 검색엔진이 이미지 내용을 이해하는 유일한 단서다. "사진1"처럼 의미 없는 텍스트 대신, 그 이미지가 어떤 장면인지 자연스러운 문장으로 설명하면서 키워드를 한 번 정도 녹이면 충분하다. 억지로 키워드를 반복해 넣으면 오히려 부자연스러운 스팸으로 보일 수 있다.

제휴 콘텐츠 안에서 사진 배치하는 순서

도입부 직후에는 전체 주제를 보여주는 대표 사진 한 장이면 충분하다. 이후 각 소제목마다 이미지를 하나씩 강제로 넣을 필요는 없다. 오히려 설명이 복잡해지는 구간, 예를 들어 비교표나 단계별 절차 앞에 이미지를 배치하면 독자의 이해 속도가 빨라진다. 자세한 기술 기준은 구글 이미지 SEO 가이드에서 확인할 수 있다.

이미지 포맷과 사이즈 규격 정하기

사진 위주 콘텐츠는 JPEG, 로고나 아이콘처럼 투명 배경이 필요한 경우는 PNG를 쓰는 것이 기본이다. 최근에는 WebP 포맷을 지원하는 플랫폼도 늘고 있는데, 같은 화질에서 용량이 더 작아 로딩 속도에 유리하다. 다만 플랫폼이 자동 변환을 지원하지 않는다면 무리하게 포맷을 바꾸기보다 압축률부터 손보는 편이 안전하다.

발행 전 이미지 최종 체크리스트

발행 버튼을 누르기 전에 이미지 관련 항목만 따로 훑어보는 습관을 들이면 실수를 크게 줄일 수 있다. 파일명이 "IMG_1234.jpg"처럼 의미 없는 상태로 업로드되지 않았는지, 같은 사진을 여러 번 반복 사용하지는 않았는지, 그리고 모바일 화면에서 이미지가 잘리거나 너무 작게 보이지는 않는지 확인한다. 이 세 가지만 지켜도 이미지 때문에 이탈하는 독자를 상당수 줄일 수 있다.

자주 묻는 질문

이미지 최적화는 SEO에 정말 영향을 주나요?

그렇다. 로딩 속도는 구글의 핵심 웹 바이탈 평가 항목 중 하나이며, alt 텍스트는 이미지 검색 노출과도 직결된다.

사진 용량은 얼마나 줄여야 적당한가요?

화질이 눈에 띄게 깨지지 않는 선에서 200~500KB 사이를 목표로 하면 대부분의 블로그 플랫폼에서 무난하다.

대체 텍스트에 키워드를 몇 번 넣어야 하나요?

한 이미지당 한 번이면 충분하다. 여러 번 반복하면 검색엔진이 스팸 신호로 인식할 수 있다.

사진 하나를 대충 올리느냐, 용량과 문구까지 다듬어 올리느냐의 차이는 생각보다 크다. 다음 글에서는 영상 콘텐츠를 텍스트 글과 어떻게 엮을지 이어서 살펴본다.