구글 SEO

소상공인 홈페이지 이미지 SEO 점검법: 속도와 검색 노출을 함께 잡는 6단계

핵심 요약

소상공인 홈페이지 이미지는 선명하기만 해서는 부족하다. 파일명·대체텍스트·용량·노출 위치·로딩 방식을 순서대로 점검해 검색 이해도와 방문자의 첫 화면 속도를 함께 개선하는 실무 기준과 업로드 전후 확인표를 정리한다.

소상공인 홈페이지 이미지 SEO 점검법: 속도와 검색 노출을 함께 잡는 6단계

이미지 SEO의 목표를 두 가지로 정한다

이미지 SEO는 사진을 많이 올리는 일이 아니다. 첫째, 검색엔진이 이미지와 페이지의 주제를 이해하도록 돕고, 둘째, 방문자가 기다리지 않고 핵심 내용을 보게 만드는 작업이다. Google은 표준 HTML의 img 요소와 src 속성으로 제공된 이미지를 발견하며, 이미지가 놓인 페이지의 본문과 메타데이터도 함께 참고한다고 안내한다. 따라서 사진의 선명도만 보지 말고 발견 가능성, 문맥, 파일 무게를 한 묶음으로 점검해야 한다. 먼저 각 페이지에서 가장 중요한 대표 이미지 한 장과 설명을 보완하는 본문 이미지를 구분한다.

한 페이지에서 이미지의 역할을 하나씩 지정한다

대표 이미지는 글 전체의 주제를 한눈에 보여줘야 한다. 상품 페이지라면 실제 상품과 사용 장면, 서비스 안내라면 작업 과정이나 결과를 보여주는 사진이 적합하다. 장식용 사진을 반복하면 페이지 용량만 늘고 검색 문맥은 흐려진다. 업로드 전에 이미지마다 ‘이 사진이 어떤 질문에 답하는가’를 한 문장으로 적어보자. 답이 겹치는 사진은 하나만 남기고, 서로 다른 정보를 전달하는 사진만 본문 가까이에 배치한다. 대표 이미지는 제목과 요약 바로 뒤에 두어 방문자가 페이지의 성격을 즉시 파악하게 한다.

파일명·형식·용량을 업로드 전에 정리한다

카메라 기본값인 IMG0001.jpg보다 small-cafe-menu-photo.webp처럼 짧고 설명적인 파일명이 관리와 검색 이해에 유리하다. 파일 확장자는 실제 형식과 일치시킨다. 사진은 WebP나 적절히 압축한 JPEG를 우선 검토하고, 투명 배경이 꼭 필요할 때만 PNG를 사용한다. 가로 1200픽셀로 표시할 사진을 원본 5000픽셀 그대로 올릴 필요는 없다. 화면에 필요한 크기로 줄인 뒤 품질을 확인한다. 실무 기준은 ‘본문에서 보이는 크기보다 지나치게 큰가, 같은 장면을 여러 형식으로 중복 저장했는가, 휴대전화에서 열었을 때 첫 화면이 늦어지는가’ 세 가지다.

대체텍스트는 보이는 사실을 문맥에 맞게 쓴다

대체텍스트는 이미지를 볼 수 없는 이용자와 검색엔진에 사진의 의미를 전달한다. ‘사진’, ‘이미지’ 같은 말로 시작하기보다 보이는 대상과 상황을 간결하게 적는다. 예를 들어 ‘메뉴’보다 ‘나무 테이블에 놓인 수제 레몬에이드와 가격 안내판’이 구체적이다. 다만 실제 사진에 없는 지역명이나 상품명을 억지로 넣거나 같은 키워드를 반복하면 안 된다. 주변 문장에서 이미 충분히 설명한 장식 이미지는 빈 대체텍스트가 더 적절할 수 있다. 핵심은 키워드 개수가 아니라 사진을 보지 않아도 역할을 이해할 수 있는 설명이다.

첫 화면 이미지는 빠르게, 아래 이미지는 늦게 불러온다

첫 화면에서 바로 보이는 대표 이미지를 무조건 지연 로딩하면 오히려 체감 속도가 나빠질 수 있다. 반대로 긴 본문 아래쪽 이미지는 화면에 가까워질 때 불러오도록 설정하면 초기 전송량을 줄일 수 있다. 이미지의 가로·세로 크기도 HTML에 미리 지정해 로딩 전후 레이아웃이 흔들리지 않게 한다. 모바일과 데스크톱에 같은 대용량 파일만 전달하기보다 화면 폭에 맞는 후보 이미지를 제공하는 방식도 검토한다. Google은 고품질 이미지와 빠른 사용자 경험을 함께 권장하므로, 선명함을 유지하면서 불필요한 픽셀과 전송량을 줄이는 균형이 중요하다.

게시 전후 10분 점검표로 마무리한다

게시 전에는 ① 대표 이미지가 제목과 직접 관련되는지 ② 파일명이 설명적인지 ③ 확장자와 실제 형식이 일치하는지 ④ 표시 크기에 비해 원본이 과도하게 크지 않은지 ⑤ 대체텍스트가 사실만 설명하는지 확인한다. 게시 후에는 ⑥ 휴대전화 데이터 환경에서 첫 화면을 열어보고 ⑦ 사진이 찌그러지거나 밀리는지 ⑧ 이미지 URL이 로그인 없이 열리는지 ⑨ 구조화 데이터와 공유 미리보기에 대표 이미지가 연결되는지 ⑩ PageSpeed Insights에서 가장 큰 콘텐츠 요소와 이미지 관련 경고를 기록한다. 한 번에 모든 사진을 바꾸기보다 방문이 많은 페이지부터 개선하고 전후 결과를 남기는 편이 효율적이다.

참고자료 및 출처