Skip to main content Scroll Top
col-px-seo-2

홈페이지에서 가장 방치되는 자산이 이미지입니다. "IMG_3847.jpg"라는 이름으로 올라간 10MB짜리 사진들이 페이지를 느리게 만들고, 검색엔진에게는 아무 정보도 주지 못한 채 자리만 차지합니다. 반대로 잘 관리된 이미지는 이미지 검색이라는 별도의 유입 통로를 열고, 페이지 속도를 지키고, 본문의 검색 평가까지 거듭니다. 오늘은 파일명, 대체텍스트, 용량이라는 이미지 SEO 3종 세트를 실무 절차 수준으로 정리해 드립니다. 오늘 배운 대로 새 이미지부터 적용하시면 됩니다.

이 작업의 좋은 점은 완전히 사장님 통제 안에 있다는 것입니다. 순위 경쟁이나 알고리즘처럼 외부 변수와 싸우는 일이 아니라, 우리 손으로 올리는 파일의 이름과 설명과 크기를 바로잡는 일이기 때문입니다. 배우는 데 10분, 적용하는 데 장당 1분이면 되는 작업치고 돌아오는 것이 많은, 몇 안 되는 영역입니다.

1왜 이미지가 검색에 중요한가

세 가지 이유입니다. 첫째, 이미지 검색 자체가 유입 통로입니다. 인테리어, 음식, 제품, 시공 사례처럼 눈으로 고르는 업종에서는 네이버·구글의 이미지 탭에서 업체를 발견하는 고객이 실제로 존재합니다. 둘째, 검색엔진은 이미지를 직접 '보지' 못하기 때문에 파일명과 대체텍스트라는 텍스트 단서로 내용을 파악합니다. 단서가 없으면 그 이미지는 검색 세계에 없는 것입니다. 셋째, 이미지는 페이지 용량의 대부분을 차지합니다. 무거운 이미지는 로딩을 늦추고, 느린 페이지는 이탈과 순위 하락으로 이어집니다. 즉 이미지 관리는 유입·정보·속도 세 마리 토끼가 걸린 작업입니다.

2파일명: 올리기 전 10초의 투자

파일명은 업로드 전에만 바꿀 수 있으므로(업로드 후 변경은 번거롭습니다) 습관이 전부입니다. 원칙은 간단합니다.

내용을 설명하는 단어로"IMG_3847.jpg"가 아니라 "suwon-cafe-interior-siwork.jpg"처럼 사진의 내용이 드러나게 짓습니다.
영문 소문자와 하이픈 사용단어 사이는 하이픈(-)으로 구분하는 것이 표준입니다. 한글 파일명은 시스템에 따라 깨진 문자열로 변환되는 경우가 있어 영문을 권합니다.
키워드 나열 금지파일명에 키워드를 열 개씩 붙이는 것은 스팸 신호입니다. 그 사진을 설명하는 서너 단어면 충분합니다.

파일명 규칙은 팀이 함께 쓰는 경우 문서로 정해 두면 좋습니다. '지역-대상-내용' 같은 간단한 순서 규칙 하나만 있어도, 몇 년 뒤 수백 장이 쌓였을 때 관리 가능한 자산과 뒤죽박죽 창고의 차이가 납니다.

3대체텍스트: 검색엔진과 스크린리더를 위한 한 문장

대체텍스트(alt)는 이미지가 표시되지 않을 때 대신 보여주는 설명이자, 시각장애인용 화면낭독기가 읽어 주는 문장이고, 검색엔진이 이미지 내용을 이해하는 핵심 단서입니다. 워드프레스에서는 미디어 라이브러리에서 이미지를 선택하면 '대체 텍스트' 입력란이 바로 보입니다.

작성 요령은 '전화로 이 사진을 설명한다면'입니다. "수원 카페 시공 사례 - 우드톤 바 테이블과 창가 좌석"처럼 사진을 못 보는 사람이 장면을 그릴 수 있는 한 문장을 쓰세요. 피해야 할 것은 두 가지입니다. 비워 두는 것(장식용 이미지가 아니라면), 그리고 키워드만 쉼표로 나열하는 것. 후자는 도움이 안 될 뿐 아니라 품질 신호를 깎습니다. 페이지의 모든 이미지에 같은 대체텍스트를 복사해 붙이는 것도 마찬가지입니다.

업종별 활용 예도 들어 보겠습니다. 시공·인테리어 업종은 전후 비교 사진의 대체텍스트에 지역과 공간 유형을 담으면("성남 30평대 아파트 거실 리모델링 후 모습") 이미지 검색과 지역 검색 양쪽에 걸립니다. 음식점은 메뉴 사진 파일명과 대체텍스트에 메뉴명을 정확히 쓰는 것만으로 메뉴명 이미지 검색에 대응됩니다. 제조·B2B는 제품 사진에 모델명과 규격을 담아 두면, 특정 모델을 검색하는 실구매 담당자의 유입 통로가 됩니다. 쇼핑몰은 상품 이미지가 곧 상품 노출이므로 상품명·색상·소재를 대체텍스트에 일관되게 반영하는 규칙을 만들어야 합니다.

대체텍스트와 캡션의 역할 구분도 정리해 두겠습니다. 대체텍스트는 이미지를 못 보는 상황을 위한 대체물이라 화면에 표시되지 않고, 캡션은 이미지 아래 표시되어 모든 독자가 읽는 부연 설명입니다. 같은 문장을 양쪽에 복사하기보다, 대체텍스트에는 장면의 객관적 묘사를, 캡션에는 맥락과 의미("시공 3주차, 목공 마감 단계")를 담으면 서로 보완이 됩니다. 이 구분까지 지키는 사이트는 접근성 평가에서도 좋은 점수를 받게 되며, 접근성은 공공 프로젝트 입찰이나 대기업 협력 심사에서 실제로 확인하는 항목이기도 합니다.

4용량: 속도를 지키는 최적화 절차

속도가 왜 그렇게 중요한지 한 번 더 짚으면, 모바일 방문자는 기다려 주지 않기 때문입니다. 로딩이 길어질수록 이탈은 가파르게 늘고, 이탈이 잦은 페이지는 검색 평가에서도 손해를 봅니다. 그리고 페이지 무게의 주범은 거의 언제나 이미지입니다.

스마트폰으로 찍은 원본 사진은 수 MB에 달합니다. 그대로 올리면 페이지 하나가 수십 MB가 되는 것은 순식간입니다. 업로드 전 3단계 절차를 습관화하세요.

1단계, 크기 조절표시될 크기보다 큰 픽셀은 낭비입니다. 본문 삽입용은 가로 1200px 내외, 썸네일은 그 이하로 줄입니다.
2단계, 포맷 선택사진은 JPG 또는 더 가벼운 WebP, 로고나 아이콘처럼 선이 명확한 것은 PNG나 SVG가 적합합니다. 최근 워드프레스와 최적화 플러그인은 WebP 자동 변환을 지원합니다.
3단계, 압축무료 압축 도구나 플러그인으로 화질 손상이 눈에 띄지 않는 선에서 용량을 줄입니다. 사진 한 장이 수백 KB 이내면 무난하고, 첫 화면의 대형 이미지일수록 더 공격적으로 줄여야 합니다.

여기에 지연 로딩(lazy loading)까지 켜 두면, 화면에 보이기 전의 이미지는 내려받지 않아 첫 로딩이 한층 가벼워집니다. 최신 워드프레스는 기본 지원합니다.

5한 걸음 더 — 이미지 사이트맵과 구조화된 배치

3종 세트가 익숙해졌다면 두 가지를 더 챙길 수 있습니다. 첫째, 이미지의 문맥입니다. 검색엔진은 이미지 주변의 텍스트(캡션, 앞뒤 문단, 페이지 제목)로도 이미지를 해석합니다. 시공 사진을 올릴 때 사진만 나열하지 말고 각 사진 아래 한 줄 설명을 붙이면, 대체텍스트와 문맥이 서로를 보강해 줍니다. 둘째, 워드프레스 SEO 플러그인이 생성하는 사이트맵에 이미지 정보가 포함되는지 확인하세요. 포함되어 있으면 이미지 검색 색인이 한층 원활해집니다.

기존 이미지의 일괄 정비가 필요한 경우, 최적화 플러그인으로 압축과 WebP 변환은 소급 처리할 수 있습니다. 다만 파일명과 대체텍스트는 자동화가 어려운 영역이라, 앞서 말씀드린 대로 트래픽 상위 페이지부터 수동으로 정비하는 것이 현실적입니다. 완벽보다 우선순위입니다.

6업로드 루틴으로 굳히기

정리하면 이미지 한 장의 올바른 업로드 루틴은 이렇습니다. 파일명을 내용에 맞게 바꾼다 → 크기를 줄이고 압축한다 → 업로드 후 대체텍스트를 한 문장 쓴다. 익숙해지면 장당 1분이 걸리지 않습니다. 이 1분이 쌓여 페이지 속도, 이미지 검색 유입, 접근성이라는 세 가지 자산이 됩니다. 눈에 잘 띄지 않는 작업일수록 경쟁사가 안 하고 있을 확률이 높다는 점도 기억해 두시기 바랍니다. 이미지 SEO가 바로 그런 종목입니다.

오늘부터 적용할 수 있는 요약입니다. 새로 올리는 이미지는 파일명·크기·압축·대체텍스트의 루틴을 지키고, 기존 이미지는 트래픽 상위 10개 페이지부터 정비하고, 분기마다 페이지스피드 인사이트로 속도 변화를 확인하세요. 이미지 SEO는 화려한 기법이 아니라 습관의 종목이고, 습관의 종목은 시작한 사람이 언제나 이깁니다.

※ IDC.KR이 제작하는 홈페이지는 이미지 최적화·지연 로딩 등 속도 기반을 갖춰 납품되며, 운영 중 이미지 관리 요령까지 안내해 드립니다.

이미지 많은 업종의 빠르고 검색 잘 되는 홈페이지가 필요하시다면 IDC.KR에 문의해 주세요.

함께 읽으면 좋은 칼럼

HOMEPAGE PLAN

홈페이지 제작 플랜

정찰제입니다. 아래 금액 외에 추가로 청구되는 비용은 없습니다.

호스팅 베이직

198,000

PC·모바일 10P · 작업 14일

인기

호스팅 비즈니스

294,000

PC·모바일 12P · 작업 18일

호스팅 프로페셔널

426,000

PC·모바일 14P · 작업 21일

구매형 (저작권 소유)

550,000

PC·모바일 12P · 작업 21일

인기

어드벤처드

750,000

PC·모바일 20P · 작업 25일

울티마

950,000

PC·모바일 30P · 작업 28일

REFERENCE

대기업 레퍼런스 샘플

실제 대기업 홈페이지를 실측해 같은 정보구조로 제작한 샘플입니다.

Leave a comment

전화상담 견적문의 포트폴리오
회사소개 무료이미지 Q&A
카톡상담
IDCLOG부정클릭 감시중
Shopping Cart
Close
장바구니
  • 장바구니에 상품이 없습니다.
현재 장바구니가 비어 있습니다.

결제를 진행하기 전에 장바구니에 상품을 추가해 주세요.
신상품과 특별 할인 혜택을 확인하려면 매장 카테고리를 둘러보세요.
빠른 상담 T. 031-8015-0978
이름 휴대폰 참고 홈페이지