상품 이미지 대체 텍스트 작성법: 대표 사진부터 디테일·사용 장면까지

상품 갤러리의 각 이미지가 전달하는 차이를 대체 텍스트에 담는 방법을 설명합니다. 가상의 이미지 조건에 따른 작성 예시와 함께 색상 옵션, 질감, 정보 그래픽, 기능성 이미지, CMS 입력 및 확인 방법을 살펴봅니다.

2026-10-29 · 2026-10-29

상품 하나에 사진이 네 장 있다고 해서 상품명을 네 번 복사할 필요는 없습니다. 대표 사진은 상품을 식별하게 하고, 색상 사진은 옵션을 구분하며, 확대 사진은 구조를 보여 주고, 사용 장면은 배치나 사용 관계를 설명합니다. 상품 이미지 대체 텍스트, 즉 product image alt text에도 이런 유용한 차이가 담겨야 합니다.

대체 텍스트는 웹페이지의 이미지가 전달하는 정보나 기능을 글로 제공하는 수단입니다. 상품 소개 전체를 넣는 칸이 아닙니다. Shopify의 이미지 대체 텍스트 안내도 이미지의 목적과 페이지 맥락에 맞게 작성해야 한다고 설명합니다.

갤러리의 각 이미지가 다른 질문에 답하게 하기

먼저 갤러리를 하나의 묶음으로 살펴보세요. 이 사진을 볼 수 없다면 구매자가 무엇을 놓치게 될까요? 이 질문은 같은 상품에 다른 수식어를 붙이는 대신, 해당 이미지가 추가하는 정보를 찾는 데 도움이 됩니다.

아래는 가상의 이미지 조건을 바탕으로 만든 작성 예시입니다. 제공된 상품 사진을 직접 확인한 결과가 아닙니다. 실제 이미지가 왼쪽 조건과 일치할 때만 개선 예시를 적용할 수 있습니다.

대표 사진에 스튜디오의 모든 요소를 적을 필요는 없습니다. 사용 장면도 방 안의 물건을 모두 나열하기보다 상품의 위치나 연출, 사용 관계를 이해하는 데 필요한 정보만 남깁니다. 다음 사진에서 각도만 달라진다면 측면, 뒷면, 입구처럼 실제로 추가되는 시점을 설명하세요. 문장을 다르게 만들려고 사진에 없는 차이를 만들어서는 안 됩니다.

보이는 정보와 상품 자료로 아는 정보 구분하기

캔버스처럼 보이는 직조 무늬만으로 순면이라고 단정할 수는 없습니다. 표면에 광택이 난다고 천연 가죽인 것도 아닙니다. 디테일 사진은 직조 무늬, 봉제선, 입구, 윤곽처럼 확인할 수 있는 특징부터 적는 것이 좋습니다.

상품 자료에서 확인된 소재명은 정확한 식별에 도움이 될 수 있습니다. 다만 현재 SKU에 해당하며 이 이미지의 설명에 필요한 정보여야 합니다. 방수성, 하중, 편안함, 내구성과 같은 성능을 홍보 문구에 있다는 이유만으로 추가하지 마세요. 일반적인 정지 상품 사진만으로는 이런 특성을 입증하기 어렵습니다.

색상도 현재 표시되는 옵션과 일치해야 합니다. 카탈로그에는 ‘샌드’라고 되어 있는데 이미지가 그린 옵션이라면, 이름을 그대로 복사하기 전에 이미지와 SKU의 연결부터 바로잡아야 합니다. 생성하거나 편집한 이미지의 대체 텍스트는 최종 게시된 화면에 맞춰 작성하되, 실제 상품과 다른 사진의 문제까지 대체 텍스트가 해결해 주지는 않습니다.

길이는 필요한 정보를 전달할 수 있는지를 기준으로 정하세요. 모든 이미지가 채워야 하는 공통 글자 수는 없습니다. CMS의 입력 한도는 기술적 제한이지 작성 목표가 아닙니다. 상품 종류, 색상, 모델명이 이미지 식별에 필요할 때 자연스럽게 넣고, 무관한 검색어나 ‘최저가’, ‘최고’ 같은 표현은 빼세요. 정확한 설명은 이미지 이해에 도움이 되지만 색인이나 검색 순위를 보장하지 않습니다.

상품 외형 설명만으로는 부족한 이미지

사이즈 표와 정보 그래픽은 전체 정보에 접근할 수 있어야 합니다. 여러 줄의 치수가 담긴 이미지에 ‘사이즈 표’라고만 적으면 부족합니다. 그렇다고 모든 값을 하나의 긴 대체 텍스트에 밀어 넣을 필요도 없습니다. 예를 들어 ‘토트백 치수 도식. 전체 치수는 아래 표에 제공’이라고 쓰고, 실제 페이지에 항목명과 단위, 모든 수치를 포함한 접근 가능한 텍스트 표를 제공할 수 있습니다. 이미지에만 있는 주의 사항이나 조건도 글로 옮겨야 합니다.

기능성 이미지는 동작이나 목적지를 설명합니다. 이미지가 링크의 유일한 내용이라면 ‘올리브 그린 토트백 보기’처럼 이동할 곳을 알려 주세요. 다음 사진으로 넘기는 이미지 컨트롤에는 화살표 모양 설명보다 ‘다음 상품 이미지 보기’ 같은 이름이 필요합니다. 이미지와 글이 같은 링크나 버튼 안에 있고 글이 이미 동작을 설명한다면, 컨트롤 전체의 접근 가능한 이름을 확인해 중복 낭독을 피하세요.

순수한 장식 이미지는 의도적으로 건너뛰게 합니다. 상품 정보를 전달하지 않고 기능도 없는 장식에는 빈 속성 alt=""를 사용할 수 있습니다. 빈 속성과 속성 누락은 다릅니다. 속성이 없으면 건너뛰어도 되는 이미지라는 의도가 명확하게 전달되지 않습니다. 갤러리에 사진이 많다는 이유로 유용한 다른 각도나 확대 사진을 장식으로 처리해서는 안 됩니다.

이 구분은 Shopify의 설명용·기능성·빈 대체 텍스트 안내에서도 확인할 수 있습니다. 같은 이미지도 다른 위치에서 역할이 바뀌면 적절한 대체 텍스트가 달라질 수 있습니다.

판매자의 CMS에서 올바른 이미지에 연결하기

상품 이미지를 내보내 업로드한 뒤, 사용 중인 CMS에서 해당 미디어의 상세 화면이나 대체 텍스트 입력란을 여세요. 메뉴 이름은 시스템마다 다릅니다. 파일명, 화면에 보이는 캡션, 대체 텍스트가 같은 입력 항목이라고 가정하지 마세요.

여러 장을 수정할 때는 미디어 ID 또는 파일명, SKU, 갤러리 위치, 작성할 설명을 연결한 간단한 작업 기록을 두면 좋습니다. 고객에게 공개할 부록이 아니라 그린 옵션의 설명을 베이지색 이미지에 넣는 실수를 막기 위한 편집용 기록입니다. 갤러리 순서를 바꾼 뒤에는 ‘몇 번째 이미지인지’만 보지 말고 미디어 식별 정보로 확인하세요.

저장한 다음 실제 상품 페이지에서 색상 옵션을 바꾸고 갤러리를 넘겨 보세요. 설명이 현재 표시되는 이미지와 일치해야 합니다. 필요하면 페이지에 출력된 alt 속성도 확인합니다. 입력란을 비우면 빈 속성이 나오는지, 속성이 사라지는지, 테마가 다른 문구를 자동으로 넣는지 살펴보세요. 관리자 화면에서 올바르게 입력했다고 모든 화면 위치에 정확히 적용되는 것은 아닙니다.

마지막으로 주변 제목, 링크 문구, 이미지 설명을 이어서 읽고, 가능하다면 스크린 리더로도 확인하세요. 상품을 식별하고 이미지 간 차이를 이해하며 버튼의 동작을 예상할 수 있어야 합니다. 긴 상품명이 매번 반복되어 흐름을 끊지는 않아야 합니다. 완성해야 할 것은 빈칸이 없는 관리 화면이 아니라, 실제 페이지에서 도움이 되는 텍스트 대안입니다.