블로그 글을 쓸 때 가독성을 높이고 독자의 이해를 돕기 위해 사진이나 그래픽 자료를 적극적으로 활용하곤 합니다. 저 역시 초기에는 고화질 사진이 글의 퀄리티를 무조건 높여줄 것이라 생각하고, 스마트폰이나 DSLR로 촬영한 원본 이미지(파일당 5MB~10MB 이상)를 수정 없이 본문에 5~6장씩 턱턱 올리곤 했습니다.
하지만 그 결과는 참담했습니다. 블로그 속도 측정 도구로 확인해 보니 페이지 로딩 시간이 무려 5초 이상 지연되고 있었고, 모바일 환경에서 들어온 독자들은 화면이 뜨기도 전에 페이지를 나가버렸습니다. 게다가 구글 서치 콘솔에서는 '페이지 경험 불량' 및 '속도 개선 필요' 경고가 계속해서 누적되었죠.
구글 검색엔진은 웹사이트의 '로딩 속도'를 주요 순위 요소이자 사용자 경험(UX) 점수로 강력하게 반영합니다. 또한 검색 크롤러봇은 텍스트는 잘 읽지만, 이미지 그 자체의 시각적 내용은 스스로 완벽히 해석하지 못합니다.
오늘은 블로그 속도를 획기적으로 개선하고 구글 이미지 검색 노출 기회까지 잡는 '이미지 용량 최적화 및 ALT 태그 작성 노하우'를 정리해 드립니다.
1. 이미지 용량 최적화가 SEO와 애드센스 승인에 중요한 이유
웹페이지의 용량 중 가장 큰 비중을 차지하는 것은 단연 '이미지'입니다. 텍스트 수천 자의 용량은 수십 KB에 불과하지만, 압축되지 않은 고화질 이미지 한 장은 수 MB에 달하기 때문입니다.
페이지 로딩 속도 향상: 구글의 조사에 따르면 로딩 시간이 1초에서 3초로 늘어날 때 이탈률은 32% 증가하며, 5초가 넘어가면 이탈률이 90% 이상 폭증합니다. 용량을 줄이는 것만으로도 이탈률을 비약적으로 낮출 수 있습니다.
크롤링 예산(Crawling Budget) 절약: 검색 크롤러봇이 내 블로그에 방문했을 때 페이지 로딩이 빠르면, 정해진 시간 안에 더 많은 글을 효율적으로 색인하고 평가할 수 있습니다.
애드센스 승인 평가 항목 개선: 구글 애드센스 심사팀은 모바일 호환성과 사이트의 쾌적한 반응 속도를 중요하게 평가합니다.
2. 웹 차세대 이미지 포맷(WebP) 변환 및 용량 다이어트
이미지를 올릴 때는 단순히 확장자나 크기만 변경하는 것이 아니라, 차세대 표준 포맷을 활용하는 것이 핵심입니다.
JPEG/PNG 대신 WebP 사용하기: WebP는 구글이 개발한 손실/무손실 압축 이미지 포맷으로, 기존 JPEG 대비 25~34% 이상 용량이 작으면서도 화질 손상이 거의 없습니다.
이미지 1장당 권장 용량: 블로그에 들어가는 이미지는 최대 100KB~200KB 이하로 압축하는 것이 정석입니다.
실전 작업 팁: 무료 온라인 이미지 변환 사이트(TinyPNG, Convertio 등)나 변환 프로그램을 활용해 블로그에 업로드하기 전 'WebP 확장자'로 변환하고 압축률을 80% 수준으로 맞추어 올리는 습관을 들여야 합니다.
이미지 가로 해상도 조절: 스마트폰으로 찍은 사진의 가로 해상도는 4000px이 넘는 경우가 많습니다. 본문 영역 폭에 맞추어 가로 크기를 800px~1000px 수준으로 줄인 뒤 압축하면 용량이 10분의 1로 급감합니다.
3. 크롤러봇에게 이미지를 설명하는 ALT 태그(대체 텍스트) 작성법
ALT 태그(Alternative Text)는 네트워크 오류 등으로 이미지를 불러오지 못했을 때 대신 보여주는 텍스트이자, 구글 크롤러봇에게 "이 이미지가 무엇을 담고 있는지" 알려주는 설명서입니다.
ALT 태그를 올바르게 입력하지 않거나 무작정 키워드를 도배하면 스팸으로 판정받을 수 있습니다.
잘못된 작성 예시:
alt="블로그 SEO 키워드 노출 상위노출 애드센스 승인"(단순 키워드 도배/스팸 형태)피해야 할 모호한 작성 예시:
alt="이미지1"또는alt="사진"(크롤러에게 아무런 정보를 주지 못함)올바른 작성 예시:
alt="티스토리 에디터에서 이미지 ALT 태그를 입력하는 설정 화면"(이미지의 실제 상태를 객관적으로 설명)
ALT 태그는 이미지가 담고 있는 객관적인 사실을 1문장 이내로 명확하게 서술하고, 글의 보조 키워드가 자연스럽게 녹아들 수 있다면 더욱 좋습니다. 티스토리나 워드프레스 에디터의 이미지 설정 메뉴에서 '대체 텍스트' 란을 찾아 작성할 수 있습니다.
4. 파일명(File Name)까지 최적화하는 미세 팁
많은 블로거가 무심코 넘어가는 부분이 바로 이미지 파일의 이름입니다. 스마트폰이나 캡처 도구에서 기본 생성되는 IMG_20260921.jpg나 캡처1.png 형태로 그대로 업로드하는 것은 SEO 측면에서 아쉬운 부분입니다.
이미지 파일명 역시 크롤러봇이 수집하는 정보입니다. 파일명을 정할 때는 다음과 같은 규칙을 권장합니다.
한글 파일명보다는 영문 소문자와 하이픈(-)을 조합합니다.
예시:
blog-seo-image-optimization.webp
이처럼 파일명, 용량 압축, 포맷 변환, ALT 태그 작성까지 완료된 이미지는 구글 이미지 검색 탭에서도 상위 노출될 가능성이 높아져 추가적인 검색 유입 경로를 만들어줍니다.
[핵심 요약]
블로그 로딩 속도를 높이기 위해 이미지는 WebP 포맷으로 변환하고, 1장당 100KB~200KB 이하로 용량을 압축해야 합니다.
ALT 태그(대체 텍스트)는 단순 키워드 도배를 피하고 이미지가 전달하려는 핵심 내용을 객관적인 문장으로 명확히 작성해야 합니다.
이미지 파일명은 기본 숫자가 아닌, 영문과 하이픈(-) 조합의 의미 있는 키워드로 지정하여 업로드하는 것이 좋습니다.
0 댓글