Web Guide이미지 SEOalt 태그 작성이미지 검색 노출
이미지 SEO: 파일명, 대체 텍스트, 용량
검색엔진은 이미지를 보지 못합니다. 파일명과 대체 텍스트, 주변 문맥으로 추측합니다.
IMG_2041.jpg라는 파일명에 대체 텍스트도 없는 이미지는 검색엔진에게 빈 상자입니다. 이미지가 검색에 기여하고 페이지를 느리게 하지 않도록 만드는 세 가지 규칙입니다.
WHAT THE CRAWLER SEES
빈 상자
IMG_2041.jpg
alt 없음
검색엔진은 이 이미지가 무엇인지 알 수 없습니다.
→
설명된 이미지
exhibition-qr-checkin.webp
alt “전시회 QR 체크인 화면”
이미지 검색에 노출되고 접근성도 확보됩니다.
이미지는 파일명과 alt로 말합니다.
01
FILE NAME
파일명: 내용을 영문 또는 국문으로
업로드 전에 파일명을 내용에 맞게 바꿉니다. 사소해 보이지만 이미지 검색 노출과 접근성 모두에 영향을 주는 첫 단서입니다.
나쁜 예
IMG_2041.jpg · 사진1.png · 무제-복사본 (2).jpg
좋은 예
exhibition-registration-page.jpg · 전시회-사전등록-화면.jpg
규칙 1
띄어쓰기 대신 하이픈
규칙 2
특수문자는 피한다
02
ALT TEXT
대체 텍스트: 보이지 않는 사람에게 설명하듯
alt 속성에는 이미지를 볼 수 없는 사람에게 설명하듯 내용을 씁니다.
빼야 할 표현
“사진”, “이미지”
스팸 취급
키워드 나열
좋은 alt
웹비스타 전시회 솔루션의 QR 체크인 화면
순수 장식용 이미지는 alt를 비워 화면 낭독기가 건너뛰게 합니다.
03
SIZE & FORMAT
용량과 형식
사진
WebP 또는 JPG
로고 · 아이콘
SVG
크기
실제 표시 크기에 맞게 줄입니다.
⚠️
속도는 순위 요소입니다
큰 이미지는 페이지 속도를 떨어뜨려 순위에도 영향을 줍니다.
화면 아래쪽 이미지는 지연 로딩을 적용해 첫 화면을 빠르게 합니다.
04
CAPTION & CONTEXT
캡션과 주변 문맥
이미지 배치 구조
이미지를 설명하는 문단
이미지
캡션 — 이미지 내용 한 줄 설명
관련 없는 위치에 넣기보다 설명하는 문단 곁에 둡니다.
제품·사례 이미지에 구조화 데이터를 적용하면 검색 결과에 이미지가 함께 표시될 가능성이 높아집니다.
✓
CHECK POINT
1
파일명이 내용을 설명하고 있는가
2
정보성 이미지마다 구체적인 대체 텍스트가 있는가
3
이미지가 표시 크기에 맞게 줄여져 있고 지연 로딩이 적용되었는가