微信客服
Telegram:guangsuan
电话联系:18928809533
发送邮件:[email protected]

콘텐츠 이미지에 유용한 대체 텍스트를 작성하는 방법丨IMG ALT에는 무엇을 작성해야 하는지

本文作者:Don jiang

효율적인 IMG ALT 텍스트 작성 방법:

1️⃣ 정확한 설명 (80-125자, “이미지”와 같은 불필요한 단어 피하기)

2️⃣ 키워드 자연스럽게 포함 (1-2개의 키워드는 검색 순위를 22% 향상시킬 수 있습니다)

3️⃣ 이미지 유형 구분 (정보 전달 목적은 완전한 설명 필요, 장식용은 alt=””)

여러분의 이미지가 Google 검색에서 더 높은 순위를 얻기를 원하십니까? 연구에 따르면, ALT 텍스트를 최적화한 웹페이지는 이미지 검색에서 클릭률이 37% 향상되었으며, 전 세계 4.3억 명의 시각 장애인 사용자가 이미지 내용을 이해하기 위해 화면 판독기에 의존합니다.

Google 공식 가이드라인은 다음과 같이 명확하게 지적합니다: 이미지를 정확하게 설명하는 ALT 텍스트는 페이지 관련성 점수를 크게 향상시킬 수 있습니다.

전자 상거래 SEO 제품 이미지가 모델+색상+특징을 포함하는 경우 (“iPhone 15 Pro 실버 256GB” 등), 일반적인 “스마트폰”이라고 작성된 이미지보다 이미지 검색 트래픽이 2.3배 더 높습니다;

“image01.jpg”와 같은 기본 파일명을 사용하는 이미지는 Google 이미지 검색에서 직접 필터링될 확률이 81%에 달합니다.

콘텐츠 이미지에 유용한 대체 텍스트 작성 방법

 

이미지 대체 텍스트(ALT 텍스트)란 무엇인가요?

Google 이미지 검색에서 클릭량의 22% 이상이 ALT 텍스트가 잘 최적화된 웹페이지에서 발생합니다. 하지만 WebAIM의 2024년 연구 보고서에 따르면 67%의 웹사이트 홈페이지 이미지가 여전히 유효한 ALT 설명을 놓치고 있습니다.

ALT 텍스트(Alternative Text)는 HTML에서 <img> 태그의 핵심 속성으로, 주로 세 가지 주요 기능을 수행합니다:

접근성: 전 세계 4.3억 명의 시각 장애인 사용자가 ALT 텍스트를 읽기 위해 화면 판독기에 의존하여 이미지를 이해합니다;

SEO 최적화: Google은 ALT 텍스트를 이미지 순위의 중요한 요소로 명확하게 지정하며, 정확하게 설명된 이미지는 검색 노출률을 40% 향상시킬 수 있습니다;

오류 허용 표시: 이미지 로딩 실패 시 ALT 텍스트가 대신 표시되어 정보 손실을 방지합니다.

ALT 텍스트의 원리와 표준에 따르면, HTTP Archive 2024년 최신 통계에서 전 세계 상위 100만 개 웹사이트 중 34%만이 ALT 속성을 올바르게 사용하고 있습니다. W3C의 WCAG 2.2 표준은 텍스트를 포함하는 인포그래픽에 대해 ALT 텍스트가 이미지에 포함된 텍스트 내용의 95% 이상을 완전히 복원해야 함을 특별히 강조하며, 이는 교육 관련 웹사이트의 달성률에 크게 영향을 미칩니다 (달성률 29%에 불과).

Google Vision API의 기술 문서는 이미지 인식 신뢰도가 72% 미만일 때, 시스템이 판단을 위해 전적으로 ALT 텍스트에 의존하며, 이는 의료 이미지에서 41%에 달하는 비중입니다.

ALT 텍스트의 기술 원리 및 표준

(1) HTML에서의 기본 정의

현대 웹 개발에서 <img> 태그의 alt 속성은 W3C HTML5 사양의 필수 속성이며, 누락 시 HTML 유효성 검사 오류를 초래합니다. HTTP Archive 데이터에 따르면, 2024년 전 세계 웹사이트 중 31%만이 ALT 텍스트에 대한 WCAG 2.1을 완전히 준수하고 있습니다.

동적으로 생성되는 이미지의 경우, ARIA 태그(예: aria-label)가 ALT 텍스트를 보완할 수 있습니다.

ALT 텍스트는 <img alt="설명 텍스트">를 통해 코드에 삽입됩니다.

W3C 접근성 가이드라인(WCAG 2.1)은 다음과 같이 규정합니다:

  • 정보 전달 목적 이미지는 텍스트 설명(차트, 순서도 등)을 제공해야 합니다.
  • 기능적 이미지는 동작을 설명해야 합니다 (예: “제출 버튼”).
  • 장식용 이미지는 비워두어야 합니다 (alt=""), 화면 판독기를 방해하지 않도록.

(2) 검색 엔진은 ALT 텍스트를 어떻게 해석하나요?

Google의 공식 문서는 ALT 텍스트가 이미지 콘텐츠 이해를 위한 첫 번째 신호라고 지적하며, Google의 Multitask Unified Model 알고리즘은 ALT 텍스트를 시각적 콘텐츠 분석과 결합하고, 이미지 인식 신뢰도가 65% 미만일 때 ALT 텍스트의 가중치가 78%로 증가합니다. Bing 검색 테스트 결과, 지리적 위치 정보가 포함된 ALT 텍스트 (“상하이 와이탄 야경” 등)는 지역 검색 클릭률을 43% 높이는 것으로 나타났습니다.

전자 상거래 제품 이미지에서 소재 설명이 포함된 ALT 텍스트 (“순면” 등)는 제품 특징 인식 정확도를 68%에서 89%로 향상시킬 수 있습니다.

테스트 결과:

  • 키워드를 포함하지만 과도하지 않은 ALT 텍스트는 이미지 검색 순위를 18%-25% 향상시킵니다;
  • 완전히 동일한 이미지라도 ALT 텍스트가 있는 버전은 없는 버전보다 37% 더 많은 클릭을 얻습니다.

(3) 길이 제한 및 모범 사례

이상적인 길이:

스탠포드 대학 연구에 따르면, 화면 판독기 사용자는 80-100자의 ALT 텍스트 이해도가 96%에 달하는 반면, 150자 이상에서는 이해도가 72%로 감소합니다.

복잡한 차트의 경우, “차트 유형+주요 데이터 포인트” 형식을 사용하는 것이 좋습니다.

80-125자 (Google의 잘림 테스트 결과, 초과 부분은 가중치가 감소합니다)

잘못된 예시:

❌ “신발 사진” (유효한 정보 제공 안 함)

✅ “남성 검은색 운동화 2025년 신상 미끄럼 방지 모델” (제품 유형, 색상, 연도, 기능 포함)

ALT 텍스트가 사용자 경험 및 SEO에 미치는 영향

(1) 접근성

유럽 연합 EN 301549 표준은 모든 공공 부문 웹사이트의 ALT 텍스트 준수율이 100%에 달해야 한다고 요구하며, 2024년 검사 결과 평균 준수율은 59%에 불과합니다.

미국 법무부(DOJ)의 소매 웹사이트 대상 소송 사례에서 ALT 누락은 고소 이유의 53%를 차지했으며, 평균 합의금은 $42,000에 달했습니다. 일본 산업 표준 JIS X 8341-3은 ALT 텍스트에 대한 WCAG보다 23% 더 엄격합니다.

WHO 데이터에 따르면, 전 세계 30명 중 1명은 시력 장애가 있습니다. 화면 판독기(JAWS 등)는 ALT 텍스트를 직접 소리 내어 읽으며, 누락되거나 부실한 경우 다음과 같은 결과를 초래합니다:

법적 위험: 미국, EU 등 지역은 접근 가능한 웹사이트에 대한 법적 요구 사항이 있으며, 위반 시 소송에 직면할 수 있습니다;

사용자 이탈: 시각 장애인 사용자의 63%는 이미지를 이해할 수 없는 웹페이지를 즉시 닫습니다.

(2) 이미지 검색 트래픽 영향 요인

Amazon 제품 데이터에 따르면, 브랜드+모델+주요 매개변수를 완전히 포함하는 ALT 텍스트는 전환율을 31% 향상시킵니다. Google 쇼핑 검색에서 “2024년 신상”이 포함된 ALT 텍스트가 있는 제품은 노출량이 47% 더 높습니다.

여행 웹사이트의 풍경 사진에 계절 정보 (“겨울 주자이거우 설경” 등)가 포함되면 클릭률이 58% 향상됩니다.

Ahrefs의 사례 분석에 따르면:

  • ALT에 페이지 주요 키워드를 자연스럽게 포함하는 이미지는 검색 노출량이 52% 증가합니다;
  • 전자 상거래 웹사이트의 제품 이미지가 ALT와 파일명(black-running-shoes.jpg 등)을 동시에 최적화하는 경우, 최적화되지 않은 버전보다 89% 더 많은 트래픽을 얻습니다.

(3) Google 알고리즘의 판단 기준

Google 특허 문서에 따르면, ALT 텍스트와 주변 텍스트의 관련성 점수는 이미지 순위 요소의 39%를 차지합니다. 테스트 결과, 제품 이미지의 ALT와 제목이 2-3개의 핵심 키워드를 반복할 때 CTR이 최대 25% 향상됩니다.

과도한 키워드 채우기 (밀도 > 3.2%)는 이미지의 가중치를 낮추는 결과를 초래하며, 이는 전자 상거래 웹사이트의 38%에서 발생합니다.

  • ALT는 이미지와 페이지 주제에 일치해야 합니다 (예: 피트니스 튜토리얼 이미지는 “운동 사진”이 아닌 “스쿼트 올바른 자세 시범”이라고 작성해야 합니다);
  • 키워드 채우기 (“신발 운동화 나이키 할인” 등)는 부정 행위로 간주되어 가중치가 낮아집니다.

준수 ALT 텍스트

(1) 시나리오별 작성 템플릿

이미지 유형ALT 예시설명
전자 상거래 제품 이미지“iPhone 15 Pro 실버 256GB 뒷면 클로즈업”모델, 색상, 사양, 시점 포함
뉴스 인물 사진“일론 머스크가 테슬라 사이버트럭 출시 행사에서 연설하는 모습”인물+장면+동작
튜토리얼 단계 스크린샷“WordPress 관리자 페이지 테마 설치 3단계”기능+단계 번호

(2) 도구 지원 및 테스트 방법

SEO 확인: Screaming Frog를 사용하여 전체 사이트의 ALT 누락 여부 스캔;

접근성 테스트: Chrome 플러그인 WAVE로 ALT 텍스트 준수 여부 감지;

Google 검증: “Search Console”에서 “이미지 향상 보고서”를 확인하여 문제 이미지 파악.

(3) 흔한 오류 및 수정 대조표

잘못된 작성수정 방안이유
“여기를 클릭하세요”“PDF 다운로드 버튼”기능을 설명해야 하며 위치가 아님
“2024-08-img.jpg”“여름 신상 원피스 모델 착용 이미지”파일명도 SEO에 영향을 미치므로 의미를 담아야 함

좋은 ALT 텍스트 작성 방법

Google 2023년 검색 품질 보고서에 따르면, ALT 텍스트를 올바르게 최적화한 웹페이지는 이미지 검색 결과에서 최적화되지 않은 웹페이지보다 클릭률이 42% 더 높습니다.

WebAIM의 연구에 따르면, 전자 상거래 웹사이트 제품 이미지에 완전한 제품 설명이 포함된 ALT 텍스트를 사용하면 사용자 전환율이 28% 향상될 수 있습니다.

하지만 현실적으로 약 65%의 웹사이트가 여전히 “image01.jpg”와 같은 비유효 ALT 텍스트를 사용하고 있으며, 이는 검색 엔진의 이미지 콘텐츠 이해에 직접적인 영향을 미칩니다.

ALT 텍스트의 세 가지 핵심 원칙

(1) 이미지 콘텐츠 정확하게 설명:

80-125자 길이의 ALT 텍스트는 최적의 색인 효과를 얻을 수 있으며, 150자를 초과하는 설명은 23%의 확률로 잘립니다. 제품 이미지의 경우, 3개 이상의 핵심 속성(브랜드+모델+색상)을 포함하는 ALT 텍스트는 단순 설명보다 사용자 클릭률이 41% 더 높습니다.

“이미지에서 볼 수 있음”과 같은 불필요한 표현을 피하도록 특히 주의해야 합니다. 이는 콘텐츠 관련성 점수를 15% 낮춥니다.

  • 길이는 80-125자 사이로 제어하며, 초과 부분은 검색 엔진에 의해 잘릴 수 있습니다.
  • 콘텐츠는 “이미지”, “사진”과 같은 불필요한 단어 사용을 피하고 이미지의 핵심 요소를 직접 설명해야 합니다.

예시 비교:

❌ “신발 사진 한 장”

✅ “남성 검은색 가죽 캐주얼화 2024년 신상”

(2) 키워드 자연스럽게 포함:

Search Engine Land의 비교 실험에 따르면, ALT 텍스트에 1-2개의 키워드를 자연스럽게 통합하면 이미지 검색 노출량이 22% 증가하지만, 3개를 초과하는 키워드는 18%의 순위 하락을 초래할 수 있습니다.

최적의 방법은 키워드를 완전한 문장에 통합하는 것입니다. 예를 들어 “전문 사진가가 소니 A7IV 카메라를 사용하여 풍경 촬영”입니다.

페이지 주요 키워드의 변형을 선택하고 채우기 (“신발 운동화 남성 나이키 할인” 등)를 피하십시오.

최적화 효과 측면에서, 1-2개의 키워드를 포함하는 ALT 텍스트는 이미지 검색 순위를 평균 22% 향상시키지만, 과도하게 최적화된 ALT 텍스트는 순위를 15% 하락시킬 수 있습니다.

(3) 이미지 유형 구분:

  • 정보 전달 목적 이미지는 내용을 완전히 설명해야 합니다 (차트, 다이어그램 등).
  • 기능적 이미지는 기능을 설명해야 합니다 (“검색 버튼”, “장바구니 아이콘” 등).
  • 장식용 이미지는 빈 ALT를 사용합니다 (alt=””).

다양한 시나리오의 ALT 텍스트 작성

(1) 전자 상거래 제품 이미지:

Shopify 플랫폼 통계에 따르면, 구체적인 소재 설명이 포함된 ALT 텍스트 (“최상급 소가죽” 등)는 제품 전환율을 19% 향상시킵니다.

다각도 전시 이미지는 “제품명+시점+세부사항”의 3단 구조 (예: “iPhone15 Pro 뒷면 카메라 클로즈업”)를 채택하여 이미지 검색 트래픽을 53% 증가시킬 수 있습니다.

계절성 제품에 연도 정보 (“2024년 가을/겨울 신상” 등)를 추가하면 31%의 추가 클릭을 가져올 수 있습니다.

필수 요소는 제품명, 핵심 속성 (색상, 크기, 소재), 중요 판매 포인트입니다.

예시:

  • “Apple Watch Series 9 45mm 스타라이트 색상 셀룰러 기능 포함”
  • “아동 순면 반팔 티셔츠 여름 신상 파란색 120 사이즈”

다각도 전시 시 모든 이미지의 ALT는 달라야 합니다:

  • “제품 정면 전시”
  • “제품 측면 클로즈업”
  • “제품 디테일 마감”

(2) 블로그 이미지:

Ahrefs 연구에 따르면, 튜토리얼 스크린샷의 ALT 텍스트가 “소프트웨어 이름+단계+번호” 형식 (예: “Photoshop 색상 조정 3단계”)을 채택하면 사용자 작업 완료율이 38% 향상됩니다.

데이터 차트의 ALT에 핵심 결론을 요약하면 (“시장 점유율: A 회사 45%” 등) 콘텐츠 공유율이 27% 향상됩니다.

인물 사진에 완전한 신분 (“칭화대 리 교수 강연” 등)을 명시하면 전문성 점수가 42% 향상될 수 있습니다.

  • “WordPress 관리자 페이지 테마 설치 3단계” (튜토리얼 유형)
  • “2024년 전 세계 스마트폰 시장 점유율 원형 차트” (데이터 차트)
  • “전문가가 기술 컨퍼런스에서 연설하는 모습” (인물 사진)

(3) 뉴스 이미지에는 다섯 가지 요소 포함 필요:

AP 통신의 이미지 사용 규정에 따르면, 다섯 가지 요소 (시간+장소+인물+사건+동작)를 포함하는 뉴스 이미지 ALT 텍스트는 다른 미디어에 인용될 확률이 58% 더 높습니다.

주요 사건에 대해 ALT에 구체적인 날짜 (“2024년 9월 15일” 등)를 추가하면 검색 노출량이 37% 향상될 수 있습니다.

예시:

  • “2024 파리 올림픽 개막식 불꽃놀이”

다양한 이미지의 ALT 작성 방법 (실용 사례 포함)

Google 이미지 검색은 전체 웹 검색량의 22.6%를 차지하며, 그 중 ALT 텍스트가 잘 최적화된 이미지는 최적화되지 않은 이미지보다 53% 더 많은 클릭을 얻습니다.

Shopify 데이터에 따르면, 전자 상거래 제품 페이지에서 완전한 제품 설명이 포함된 ALT 텍스트가 있는 이미지는 단순하게 “제품 이미지”라고만 표시된 이미지보다 전환율이 31% 더 높습니다.

WebAIM의 2024년 조사에 따르면, 58%의 웹사이트가 여전히 “IMG_001.jpg”와 같은 비유효 ALT 텍스트를 사용하고 있습니다.

  • 전자 상거래 제품 이미지: 제품 이름, 핵심 속성이 포함된 ALT 텍스트는 사용자 머무는 시간을 40% 연장시킵니다;
  • 인포그래픽: 핵심 데이터를 요약한 ALT 텍스트는 공유율을 28% 증가시킵니다;
  • 인물 사진: 인물+장면을 설명하는 ALT 텍스트는 인용 횟수를 35% 증가시킵니다.

전자 상거래 제품 이미지의 ALT 작성 방법

(1) 기본 제품 전시 이미지

Amazon 2024년 판매 데이터에 따르면, 3개 이상의 제품 속성을 포함하는 ALT 텍스트(브랜드+모델+핵심 매개변수)는 전환율을 31% 향상시킵니다. 그 중 전자 제품은 특히 기술 사양을 명시해야 합니다. 예를 들어 “iPhone 15 Pro Max 6.7인치 A17 칩”과 같은 완전한 설명의 클릭률은 단순 설명보다 47% 더 높습니다.

의류 제품은 소재 정보를 포함해야 하며, “순면”이라고 명시된 제품 이미지의 전환율은 명시되지 않은 이미지보다 23% 더 높습니다.

필수 요소:

  • 제품 전체 이름
  • 핵심 속성 (색상, 크기, 소재)
  • 중요 기능

예시:

  • “Apple Watch Series 9 45mm 스타라이트 색상 셀룰러 네트워크 기능 포함”
  • “아동 미끄럼 방지 장화 노란색 26 사이즈 고무 소재”

(2) 다각도 전시 이미지

eBay 플랫폼 연구에 따르면, “제품명+시점+세부사항” 구조의 다각도 ALT 텍스트는 제품 페이지 머무는 시간을 42초 연장시킬 수 있습니다.

최적의 방법은 각 이미지에 고유한 시점 설명을 제공하는 것입니다. 예를 들어 “백팩 정면 전시/내부 수납 공간 클로즈업/방수 지퍼 디테일”과 같은 구조화된 작성법은 전문 사진 팀에서 78%의 채택률을 보입니다.

테스트 결과, “클로즈업” 키워드가 포함된 디테일 이미지 ALT는 사용자가 확대하여 볼 확률을 35% 증가시킵니다.

촬영 각도 명시:

  • “제품 정면 전시”
  • “제품 측면 클로즈업”
  • “로고 디테일 클로즈업”

완전한 사례:

백팩의 다른 각도 이미지:

  • “검은색 백팩 정면 전체 전시”
  • “검은색 백팩 내부 수납 공간 디테일”
  • “검은색 백팩 어깨끈 조절 버클 클로즈업”

(3) 사용 장면 이미지

Wayfair 홈 데코 사례에 따르면, 장면 이미지 ALT에 사용 환경 (“현대적인 거실에 배치된 회색 패브릭 소파” 등)이 포함되면 단순 제품 설명보다 클릭률이 58% 더 높습니다.

의류 장면 이미지에 “모델 키 175cm, M 사이즈 착용”이 명시되면 반품률을 37% 낮출 수 있습니다.

“제품+장면+효과”의 3단 구조를 채택하는 것이 좋으며, 예를 들어 “요리사가 전문가용 블렌더를 사용하여 재료 준비”와 같은 작성법은 음식 블로거에서 65%의 채택률을 보입니다.

설명 방식: 제품+사용 장면+인물 (선택 사항)

예시:

  • “여성이 검은색 백팩을 메고 캠퍼스를 걷는 모습”
  • “주방 조리대 위의 커피 머신 사용 장면”

정보 전달 목적 이미지의 ALT 작성 방법

(1) 데이터 차트

《이코노미스트》 조사에 따르면, “차트 유형+핵심 결론” 형식의 ALT 텍스트 (“막대 그래프: 3분기 매출 25% 증가” 등)를 채택하면 데이터 이해 효율이 42% 향상됩니다.

금융 차트는 측정 단위를 포함해야 하며, “단위: 만 달러”라고 명시된 차트는 사용자 오독률을 53% 낮춥니다.

“위 그림과 같이”와 같은 모호한 표현을 피하십시오. 이는 전문성 점수를 28% 낮춥니다.

작성 요점:

  • 차트 유형 설명
  • 핵심 결론 요약
  • 상세 데이터 피하기

예시 비교:

❌ “판매 데이터 차트”

✅ “2024년 2분기 스마트폰 시장 점유율: Apple 35%, Samsung 28%”

(2) 순서도/다이어그램

MIT 연구에 따르면, 순서도의 ALT 텍스트가 “프로세스 이름+핵심 단계 수” 구조 (예: “사용자 등록 순서도: 5단계”)를 채택하면 작업 성공률이 31% 향상될 수 있습니다.

기술 문서의 다이어그램은 구성 요소 이름을 포함해야 합니다. 예를 들어 “엔진 작동 원리 다이어그램: 1-5번 부품 명시”와 같은 작성법은 엔지니어링 매뉴얼에서 72%의 채택률을 보입니다.

단계 사이에 화살표를 사용하여 연결하고 번호 목록을 사용하지 않도록 주의하십시오.

설명 방법:

  • 다이어그램 목적 설명
  • 핵심 단계 개요

사례:

“웹사이트 구축 순서도: 요구 사항 분석 → 프로토타입 설계 → 프론트엔드 개발 → 테스트 및 출시”

(3) 인포그래픽 (Infographic)

Social Media Examiner 통계에 따르면, 핵심 아이디어를 요약한 인포그래픽 ALT (예: “전 세계 소셜 미디어 사용자 분포: 아시아 42% 차지”)는 상세 설명보다 공유율이 33% 더 높습니다.

건강 관련 인포그래픽은 데이터 출처를 포함해야 하며, “WHO 2024년 데이터”를 명시하면 신뢰도 점수가 45% 향상됩니다.

100자 이내로 제어하고 가장 중요한 1-2개의 데이터 포인트를 강조하는 것이 좋습니다.

최적화 전략:

  • ALT에 핵심 아이디어 요약
  • 본문에 상세 설명 보충

예시:

“전 세계 탄소 배출원 분포: 에너지 생산 42%, 교통 운송 28%”

인물 및 장면 사진의 ALT 작성 방법

(1) 뉴스 인물 사진

AP 통신 규정은 인물 사진 ALT에 “이름+직책+장면”을 반드시 포함하도록 요구하며, 이를 실행한 미디어 이미지는 인용률이 52% 증가합니다. 학술 회의 사진에는 “XX 대학 리 교수 2024 AI 컨퍼런스 연설”을 명시해야 하며, 이러한 작성법은 전문성 점수를 47% 향상시킵니다.

“전문가 단체 사진”과 같은 모호한 표현은 피하십시오. 이는 검색 가시성을 63% 낮춥니다.

다섯 가지 요소: 인물 이름+신분+장소+시간+동작

예시: “장웨이 교수가 2024 인공지능 컨퍼런스에서 기조 연설을 하는 모습”

(2) 팀 단체 사진

LinkedIn 데이터에 따르면, 팀 구성원 수와 신분을 명시한 ALT 텍스트 (“XX 기술 2024 핵심 팀 10명 단체 사진” 등)는 기업 페이지 방문량을 35% 증가시킵니다.

“행사+팀+인원수” 구조를 채택하는 것이 좋으며, 예를 들어 “올해의 판매 챔피언 팀 8명 수상”과 같은 작성법은 HR 부서에서 68%의 채택률을 보입니다.

모든 구성원의 이름을 나열하지 말고 간결하게 유지하도록 주의하십시오.

설명 방식: 장면+인물 신분+인원수

사례:

“XX 회사 2024년 우수 직원 표창회 10명 팀 단체 사진”

(3) 장소 사진

TripAdvisor 분석에 따르면, 여행 사진 ALT에 계절적 특징 (“겨울 주자이거우 설경” 등)이 포함된 경우 일반적인 설명보다 클릭률이 58% 더 높습니다.

건축 사진은 디자인 스타일을 명시해야 합니다. 예를 들어 “고딕 양식 교회 첨탑 클로즈업”과 같은 전문적인 설명은 컬렉션 저장량을 42% 증가시킵니다.

“아름다운 풍경”과 같은 주관적인 표현을 피하고 “장소+특징+시간” 구조를 채택하는 것이 좋습니다.

핵심 정보:

  • 장소 이름
  • 두드러진 특징
  • 시간 (선택 사항)

예시:

“상하이 와이탄 야경 동방명주 타워 불 밝힌 상태”

기능성 이미지의 ALT 작성 방법

(1) 내비게이션 아이콘

W3C 접근성 테스트에 따르면, 기능성 아이콘 ALT에 “동작+요소” 구조 (예: “검색 버튼”)를 사용하면 화면 판독기 인식 정확도가 98%에 달합니다.

장바구니 아이콘은 “장바구니 보기”로 통일하는 것이 좋으며, “쇼핑 바구니”가 아닌 이러한 표준화된 표현은 전환율을 15% 향상시킵니다.

“여기를 클릭하세요”와 같은 모호한 안내를 피하십시오. 이는 작동 혼란을 42% 증가시킵니다.

설명 원칙: 기능+요소 유형

예시:

  • “장바구니 아이콘”
  • “맨 위로 돌아가기 버튼”

(2) 소셜 미디어 아이콘

Hootsuite 조사에 따르면, 소셜 아이콘 ALT에 “플랫폼+기능” 형식 (예: “Twitter 공유 버튼”)을 채택하면 클릭률이 23% 향상될 수 있습니다.

공식 플랫폼 이름, 예를 들어 “LinkedIn” 대신 “링크드인”을 사용하는 것이 좋으며, 이러한 일관성은 브랜드 인지도를 37% 향상시킵니다.

다른 플랫폼 아이콘에는 독립적인 ALT가 필요하며, “소셜 아이콘”으로 통일해서는 안 됩니다.

이름 지정 규칙: 플랫폼 이름+아이콘

사례:

“Facebook 홈페이지 링크 아이콘”

(3) 버튼 이미지

Baymard 연구소는 행동 버튼 ALT에 동작 동사 (“즉시 구매” 등)가 포함되면 정적인 설명 (“빨간 버튼” 등)보다 전환율이 29% 더 높다는 것을 발견했습니다.

핵심 버튼은 “내 주문”과 같은 1인칭을 사용하는 것이 좋으며, “사용자 주문”보다 클릭률이 17% 더 높습니다.

“클릭하여 제출”과 같은 불필요한 표현을 피하고 간결하고 강력하게 유지하십시오.

작성 요점: 동작 설명+버튼

예시:

  • “즉시 구매 버튼”
  • “회원 가입 버튼”

실용적인 도구 추천

  1. ALT 텍스트 확인: Google Lighthouse
  2. 일괄 수정 도구: Adobe Photoshop의 “웹용으로 내보내기” ALT 텍스트 옵션
  3. CMS 플러그인: WordPress의 “Auto Image Alt” 플러그인

흔한 오류 수정표

오류 유형잘못된 예시수정 방안
지나치게 간결함“사진”“회의실 팀이 프로젝트 계획을 논의하는 모습”
키워드 채우기“핸드폰 스마트폰 5G폰 신상”“화웨이 Mate60 Pro 5G 스마트폰 야천청색”
기능 이미지 무시검색 아이콘에 ALT 없음“사이트 검색 버튼”

ALT 작성의 5가지 흔한 실수

Google 2024년 검색 품질 보고서에 따르면, 약 68%의 웹사이트가 ALT 텍스트를 부적절하게 사용하는 문제를 가지고 있으며, 이로 인해 이미지 검색 트래픽이 평균 37% 손실됩니다.

WebAIM 연구에 따르면, ALT 텍스트에 오류가 있는 전자 상거래 웹사이트의 상품 이미지는 잘 최적화된 이미지보다 전환율이 29% 낮습니다.

기본 파일명 (IMG_001.jpg 등)을 사용하는 이미지는 Google 이미지 검색에서 필터링될 확률이 83%에 달합니다.

다음은 ALT 텍스트의 가장 흔한 다섯 가지 오류입니다:

  1. 키워드 채우기: 검색 순위 15-20% 하락 초래
  2. 설명 지나치게 간결: 사용자 이탈률 42% 증가
  3. 기능성 이미지 무시: WCAG 2.1 접근성 표준 위반
  4. 동일한 ALT 텍스트 사용: 저품질 콘텐츠로 판단됨
  5. AI 자동 생성 ALT에 의존: 정확도 35% 미만

오류 1: 키워드 채우기

(1) 구체적인 증상

Google Search Console 데이터에 따르면, 키워드 채우기 유형의 ALT 텍스트는 문제 이미지의 약 23%를 차지하며, 주로 동일한 키워드를 3회 이상 반복하는 형태로 나타납니다 (“핸드폰 스마트폰 5G폰” 등).

Amazon 플랫폼 감사 결과, 이러한 위반 ALT는 제품 이미지가 필터링될 확률을 47%까지 높입니다.

일반적인 특징에는 5개 이상의 키워드 사용, 브랜드 이름 반복 (“나이키 나이키 신발 NIKE”), 관련 없는 프로모션 단어 추가 (“할인 특가 무료 배송”) 등이 있습니다.

  • ALT에 여러 개의 관련 없는 키워드를 삽입
  • 동일한 키워드를 여러 번 반복

예시:

❌ “운동화 나이키 신발 남성 신발 2024년 신상 할인 저렴한”

(2) 부정적인 영향

SEMrush 실험에 따르면, 키워드 채우기 ALT 텍스트는 이미지 검색 순위를 평균 18단계 하락시킵니다. 화면 판독기 테스트 결과, 이러한 ALT는 이해 오류율이 62%에 달하며, 사용자는 유효 정보를 식별하는 데 추가로 15초가 필요합니다.

Google 알고리즘은 이러한 행동을 “과도한 최적화“로 표시하며, 전체 페이지의 EEAT 점수를 23% 낮춥니다.

  • Google이 부정 행위로 판단할 수 있음
  • 이미지 검색 순위 15-20% 하락
  • 화면 판독기 사용자 경험 불량

(3) 수정 방법

Ahrefs는 “브랜드+핵심 속성+차별화된 판매 포인트” 구조를 채택하는 것을 권장합니다. 예를 들어 “Adidas Ultraboost 러닝화 검은색 에너지 리턴 미드솔”입니다.

테스트 결과, 1-2개의 키워드를 자연스럽게 포함하는 이러한 작성법은 검색 노출량을 35% 향상시키면서 98%의 접근성 준수율을 유지합니다.

핵심은 모든 수식어가 실제 의미를 가지도록 보장하고 불필요한 단어 채우기를 피하는 것입니다.

  • 1-2개의 핵심 키워드 선택
  • 제품 설명에 자연스럽게 통합

수정 후 예시:

✅ “나이키 Air Force 1 운동화 2024년 봄 신상”

오류 2: 설명 지나치게 간결

(1) 흔한 사례

WebAIM 조사에 따르면, 42%의 웹사이트가 ALT 텍스트가 너무 간결한 문제를 가지고 있으며, 그 중 “이미지”, “아이콘”과 같은 비유효 설명이 가장 높은 비중(37%)을 차지합니다. 전자 상거래 분야에서는 23%의 제품 이미지가 카테고리 이름 (“드레스” 등)만 명시하여 Google이 구체적인 상품을 식별하지 못하게 합니다.

뉴스 웹사이트에서는 19%의 이미지가 “다음 그림은…”으로 시작하는 모호한 표현을 사용합니다.

  • “이미지”, “사진”, “차트”만 작성
  • 제품 이미지는 카테고리 이름만 작성

예시:

❌ “핸드폰”

❌ “회의 사진”

(2) 데이터 영향

간결한 ALT 텍스트가 있는 이미지는 모바일 첫 화면 로딩 시 사용자가 건너뛸 확률이 58%에 달합니다. 화면 판독기 사용자가 이러한 이미지를 접했을 때 73%가 페이지를 즉시 떠나는 것을 선택합니다.

이러한 ALT는 이미지 검색 트래픽을 41% 손실시키고, 많은 롱테일 키워드 기회를 놓치게 합니다.

  • 사용자 이탈률 42% 증가
  • 이미지 검색 클릭률 55% 감소
  • 시각 장애인 사용자가 유효 정보를 얻을 수 없음

(3) 최적화 방안

Moz는 “5W1H” 원칙을 사용하여 설명을 확장하는 것을 권장합니다: What (물건), Who (인물), Where (장면), When (시간), Why (용도), How (특징).

예를 들어 “핸드폰”을 “사진가가 iPhone 15 Pro를 사용하여 오로라 풍경을 촬영하는 모습”으로 최적화합니다.

  • 핵심 속성 정보 보충
  • 80-125자 길이 달성

최적화 후 예시:

✅ “iPhone 15 Pro Max 256GB 스페이스 블랙 색상 다이나믹 아일랜드 디자인 포함”

오류 3: 기능성 이미지 무시

(1) 일반적인 시나리오

WAVE 감지 보고서에 따르면, 85%의 웹사이트가 기능성 이미지 ALT 누락 문제를 가지고 있으며, 그 중 검색 아이콘 (62%), 장바구니 (58%), 소셜 공유 (49%)가 상위 3위를 차지합니다.

  • 내비게이션 메뉴 아이콘에 ALT 없음
  • 폼 제출 버튼에 설명 없음
  • 소셜 미디어 아이콘에 명시 없음

예시:

❌ 검색 아이콘에 alt=”” 사용

(2) 올바른 작성

W3C는 “동작+객체”의 동사 구조를 채택하는 것을 권장합니다. 예를 들어 “메뉴 펼치기 버튼”, “주문 제출 버튼”입니다. 소셜 아이콘의 경우 “[플랫폼]으로 이동”을 명시해야 합니다. 예를 들어 “Twitter 페이지로 이동 아이콘”입니다.

  • 버튼/아이콘의 기능 설명

수정 예시:

✅ “사이트 검색 버튼”

✅ “Facebook 홈페이지 링크 아이콘”

오류 4: 모든 이미지에 동일한 ALT 사용

(1) 흔한 상황

38%의 전자 상거래 웹사이트가 다중 이미지에 동일한 ALT 문제를 가지고 있으며, 그 중 의류 제품 (색상/스타일 차이)이 가장 높은 비중(47%)을 차지합니다.

콘텐츠 웹사이트에서는 28%의 이미지가 일괄 복사된 ALT 텍스트를 사용합니다.

이러한 게으른 방식은 Google이 75%의 반복 ALT 이미지를 “저가치 콘텐츠“로 판단하게 합니다.

  • 다각도 제품 이미지에 동일한 ALT 사용
  • 게시물 이미지에 ALT 일괄 복사

예시:

❌ 세 장의 다른 각도 시계 이미지 모두에 “시계 전시” 사용

(2) SEO 영향

Google 이미지 검색은 동일한 ALT를 가진 이미지를 중복 콘텐츠로 분류하여 노출량이 40% 급감합니다. 테스트 결과, 다각도 제품 이미지에 차별화된 ALT (“정면/측면/디테일” 등)를 작성하면 이미지 검색 트래픽이 89% 향상될 수 있습니다.

이러한 방식은 더 많은 롱테일 키워드를 커버하여 페이지에 27%의 롱테일 키워드 순위를 가져올 수 있습니다.

(3) 해결책

ALT 템플릿 시스템을 구축하는 것이 좋습니다: 제품 메인 이미지는 “브랜드+모델+매개변수”, 디테일 이미지는 “클로즈업” 접미사 추가 (“렌즈 코팅 클로즈업” 등), 장면 이미지는 사용 환경 명시 (“야외 등산 장면” 등).

Amazon 대형 판매자 데이터에 따르면, 체계적인 작성법은 ALT 고유성을 98%까지 달성합니다.

  • 각 이미지에 고유한 ALT 작성
  • 촬영 각도와 중점 구분

올바른 예시:

  1. “시계 정면 착용 효과”
  2. “시계판 눈금 디테일 클로즈업”
  3. “시계 스트랩 버클 구조 전시”

오류 5: 자동 생성 ALT에 의존

(1) 주요 문제

MIT 연구에 따르면, CMS 자동 생성 ALT 텍스트의 정확도는 31%에 불과하며, 흔한 오류에는 주제 오인식 (28%), 핵심 정보 누락 (39%), 일반 단어 사용 (33%)이 있습니다.

WordPress 미디어 라이브러리 기본 ALT 중 47%는 “image123″과 같은 비유효한 이름입니다.

  • CMS 자동 생성 ALT 정확도 낮음
  • “image”, “photo”와 같은 비유효 단어 자주 출현

예시:

❌ “image_20240815_01”

(2) 품질 데이터

비교 테스트 결과, 수동으로 최적화된 ALT는 자동 생성된 버전보다 검색 클릭률이 63% 더 높고, 사용자 머무는 시간이 42초 더 깁니다.

오류가 있는 자동 ALT는 오해를 일으킬 수 있습니다. 예를 들어 “당뇨병 측정기”를 “온도계”로 인식할 수 있으며, 의료 분야의 오류 인식률은 15%에 달하여 심각한 위험이 있습니다.

  • 자동 ALT의 검색 클릭률 63% 낮음
  • 사용자 머무는 시간 28초 단축
  • 복잡한 이미지를 정확하게 설명할 수 없음

(3) 개선 조치

“AI 초벌 선별+수동 검증” 모델을 채택하는 것이 좋습니다: 먼저 Adobe Sensei와 같은 도구로 초안을 생성한 후 편집자가 전문적인 세부 사항을 보충합니다.

뉴욕 타임즈의 실행 결과, 이러한 반자동 프로세스는 ALT 생산 효율을 3배 향상시키면서 92%의 정확도를 유지합니다.

  • 이미지 ALT 수동 검토
  • 자동 ALT 생성 규칙 설정
  • AI 보조 도구 사용 (수동 검증 필요)

최적화 효과 비교표

오류 유형수정 전 CTR수정 후 CTR향상 폭
키워드 채우기1.2%2.8%+133%
설명 간결1.5%3.1%+107%
동일 ALT1.8%3.6%+100%

지금 바로 최적화를 시작하여 모든 이미지가 여러분의 웹사이트에 더 많은 가능성을 창출하도록 하세요!

滚动至顶部