커뮤니티2

[Technical Search Engine Optimization] 검색엔진최적화 커뮤니티입니다.

이미지는 검색엔진 최적화 (SEO)에서 종종 간과되는 요소지만, 제대로 활용하면 유입 트래픽의 중요한 자산이 될 수 있다.
특히 Google 이미지 검색, 웹 접근성, 콘텐츠 의미 전달 측면에서 이미지의 src 파일명과 alt 태그는 중요한 역할을 한다.

1. 이미지 src 파일명: 검색엔진이 이해할 수 있는 구조 만들기

이미지 src 규칙

1. 영문, 숫자, "-"으로만 작성 - 16진수 다국어/특수문자 x 
2. 영문 대/소문자가 구분되므로 소문자로 통일 권장. 띄어쓰기/Underscore "_" 사용 x (필요시 “-”로 대체)
3. 이미지 색인 필요 시 HTML 이미지 활용, 검색 엔진은 CSS 이미지 색인 생성하지 않음 
4. 다양한 해상도의 이미지 사용 시 파일명에 해상도 표기

2. mac_lipstick_rubywoo-swatch.png

3. laneige-waterbank_cream-packaging.png

 Google의 공식 Alt Tag 권장 사항 요약

1. 이미지를 간결하고 구체적으로 설명
2. 제품의 기능적 정보를 포함할 것 (단순히 "이미지"나 "사진"으로 작성하지 않음)
3. 장식용 이미지에는 빈 alt="" 처리
4. 키워드 스팸처럼 나열하지 않기 (Keyword stuffing 금지)

이미지 파일명을 단순히 IMG1234.jpg 또는 final_banner02.png 로 작성하면 검색엔진은 해당 이미지의 주제를 인식할 수 없다.

파일명은 이미지의 실제 내용을 설명해야 하며, 다음과 같은 규칙을 따른다:

alt 속성은 이미지가 로딩되지 않을 때 대체로 표시되는 텍스트로, 웹 접근성 보장(WCAG) 및 이미지 SEO 최적화의 양대 축이다. 

alt 태그는 이미지를 보지 못하는 사용자에게 설명해주는 텍스트로 작성되어야 하며, 스크린리더 사용자를 위한 명확한 문장이어야 한다.

*이미지 src & Alt 태그 적용 예시

참고 자료