Shopify 스토어를 위한 alt text 완벽 가이드

이미지 3,000개를 설명하려고 앉는 사람은 없어요.

모든 스토어에서, 분기마다, 할 일 목록에서 지워지는 바로 그 일이에요. 그리고 아무도 세지 않으니, 얼마나 심각한지조차 말할 수 없어요. 이 가이드는 그 두 번째 문제를 해결해 드려요. 다 읽고 나면 alt text(대체 텍스트)가 무엇을 위한 건지, 좋은 alt text는 어떤 모습인지, Shopify 어디에 alt text가 들어가는지, 그리고 앱 설치 없이 10분 정도면 카탈로그 중 실제로 설명된 이미지가 얼마나 되는지 확인하는 방법까지 알게 될 거예요.

누가 alt text를 읽나요

독자는 셋이고, 같은 문장에서 원하는 게 각각 달라요.

Google. 이미지 검색은 읽을 수 있는 이미지만 보여 줘요. 설명이 없는 이미지는 순위가 낮은 게 아니라, 아예 경쟁에 끼지 못해요. 또 페이지가 대부분 사진으로 채워져 있을 때(상품 페이지는 보통 그렇죠) Google은 alt text를 보고 그 페이지가 무엇에 관한 건지 파악해요.

AI 쇼핑 에이전트. 가장 새로운 독자이고, 가장 빠르게 늘고 있어요. 고객을 대신해 카탈로그를 둘러보는 에이전트는 카탈로그를 텍스트로 읽어요. 말 없는 이미지는 에이전트에게 존재하지 않아요. 그리고 그 이미지가 구매 이유를 담고 있었다면, 상품도 존재하지 않는 거예요.

스크린 리더 사용자. 사진을 볼 수 없는 사람은 alt text를 듣거나, "이미지"라는 말을 듣거나, 파일명을 들어요. 법이 신경 쓰는 게 바로 이 독자이고, 좋은 설명이 어떻게 들려야 하는지 알려 주는 것도 이 독자예요. 소리 내어 읽었을 때 쓸모없다면, 그건 쓸모없는 거예요.

세 독자가 원하는 건 보기보다 그렇게 다르지 않아요. 이미지를 볼 수 없는 사람에게 도움이 되는 문장을 쓰면, 나머지 둘이 원하는 문장도 쓴 셈이에요.

Shopify가 직접 말하는 것

무엇보다 먼저 알아 둘 만해요. 여러 논쟁이 이걸로 정리되거든요.

• 상품 alt text 필드의 절대 한도는 512자예요.
• Shopify 권장 길이는 125자 이하예요.
• "~의 이미지"는 빼세요. 스크린 리더가 이미 이미지라고 알려 주니까, 그 말은 두 번 반복되는 순수한 군더더기예요.
• 키워드는 설명이 될 때만. "상품 유형, 색상, 소재, 모델명, 용도처럼 이미지를 설명하는 경우에만" 넣으세요. 키워드 도배는 스팸 신호로 취급돼요.
• 장식용 이미지는 빈 alt 속성을 받아요. 속성이 없는 게 아니라 alt=""여야 해요. 그래야 스크린 리더가 배경 소용돌이 무늬를 읽어 주는 대신 건너뛰어요.

출처: How To Write Image Alt Text for SEO 및 Shopify 도움말 센터.

법의 근거가 되는 표준으로 보면, alt text는 WCAG 성공 기준 1.1.1, 텍스트가 아닌 콘텐츠에 해당하며 레벨 A예요. 가장 낮은 준수 레벨, 다시 말해 지키지 못했을 때 가장 변명의 여지가 없는 레벨이에요.

좋은 alt text는 이런 모습이에요

같은 상품, 세 가지 설명.

alt="IMG_2041-final-v3.jpg"

사실상 누락이에요. 파일명이 필드에 새어 들어간 거예요.

alt="남자 오가닉 티셔츠 최저가 무료배송 추천"

쓰레기예요. 아무것도 설명하지 않고, Google에는 스팸으로 읽히고, 소리 내어 읽으면 횡설수설이에요. 이 두 가지 모두 채워진 필드만 세는 도구에서는 처리됨으로 집계된다는 점에 주목하세요. 커버리지 비율 하나만으로는 알 수 있는 게 거의 없는 이유예요.

alt="모스 그린 오가닉 코튼 티셔츠 - S - 티셔츠"

부실해요. 그리고 이게 흥미로운 경우예요. 템플릿이 만들어 내는 결과이고, 멀쩡해 보이거든요. 상품명 그대로예요. 페이지를 보는 쇼핑객은 이미 제목에서 그걸 봤고, 스크린 리더 사용자는 사진마다 한 번씩 그걸 듣고, 상품 이미지 여섯 장 모두에 똑같이 들어가 있으니 여섯 장 중 다섯 장은 아무 정보도 전하지 않아요.

alt="평평하게 접힌 모스 그린 오가닉 코튼 티셔츠, 골지 칼라와 밑단의 잎사귀 자수가
보임"

좋아요. 바로 이 사진을 설명해요. 제목만으로는 부족해서 판매자가 굳이 찍기로 한 그 사진을요.

다섯 가지 규칙

1. 상품 이름이 아니라 프레임 안에 있는 것을 설명하세요.
2. 이미지 하나에 문장 하나. 한 상품의 이미지 두 장이 같은 alt text를 공유한다면, 적어도 하나는 설명되지 않은 거예요.
3. 대략 125자. 구체적이기에 충분히 길고, 듣기에 충분히 짧게.
4. "~의 이미지", "의 사진", " 사진"으로 시작하지 마세요.
5. 장식에는 빈 alt="". 구분선, 소용돌이 무늬, 여백용 이미지. 할 말이 없는 것에 대한 올바른 설명은 침묵이에요.

맥락상 여섯 번째 규칙도 있어요. 같은 사진이라도 놓이는 곳에 따라 다른 alt text가 필요할 수 있어요. 상품 페이지에서는 옷이 주인공이지만, 염색에 관한 블로그 글에서는 색상이 주인공일 수 있어요.

Shopify에서 alt text가 들어가는 곳

대부분의 판매자가 생각하는 것보다 많아요. 그리고 사람들이 놓치는 곳에 가장 큰 이미지들이 있어요.

• 상품 미디어. 관리자 → 상품 → 해당 상품 → 미디어 항목 클릭 → alt text 필드 → 저장. 모두가 아는 곳이에요.
• 옵션(variant) 이미지. 미디어 항목에 연결되어 있어서 상품 미디어의 alt text를 이어받지만, 옵션 전용 사진은 별개의 이미지이니 자기만의 문장이 필요해요.
• 컬렉션 이미지. 컬렉션에서 설정하며, 통째로 잊기 쉬워요.
• 블로그 글 이미지, 대표 이미지 포함.
• 테마 이미지. 배너, 슬라이더, 섹션 이미지, 캠페인 이미지. 관리자 → 온라인 스토어 → 테마 → 사용자 지정 → 섹션 클릭 → 이미지 아래의 편집. 스토어에서 가장 크고 눈에 띄는 이미지들인데, 동시에 설명이 통째로 빠져 있을 가능성이 가장 큰 이미지들이에요. 사람들이 찾아보는 상품 관리 화면에 없으니까요.
• 테마 설정 이미지. 어떤 테마는 이미지를 섹션이 아니라 설정에 보관해요. 이 이미지들은 Shopify API로 아예 접근할 수 없어요. "전부" 커버한다고 주장하는 도구를 평가하기 전에 알아 두면 좋아요.

10분 셀프 진단

앱은 필요 없어요. 어떤 도구든, 우리 도구를 포함해서, 평가하기 전에 먼저 해 보세요. 여기서 나온 숫자가 모든 업체의 영업 멘트가 넘어야 할 기준이에요.

1. 스토어를 열고, 아무 상품 이미지나 마우스 오른쪽 버튼으로 클릭한 다음 검사를 선택하세요.
2. <img> 태그를 찾아 alt 속성을 읽으세요.
3. 이미지 20개에 대해 반복하세요. 베스트셀러 대표 사진 5개, 디테일 또는 착용 사진 5개, 테마 또는 배너 이미지 5개, 블로그 이미지 5개.
4. 각각을 네 가지로 분류하세요.
   • 누락 — 장식용이 아닌 이미지인데 비어 있거나 없음
   • 쓰레기 — 파일명, 또는 키워드를 줄줄이 이어 붙인 것
   • 부실 — 상품명, 템플릿, 또는 여섯 장에 똑같이 해당되는 문장
   • 양호 — 바로 그 사진을 설명함
5. 마지막 분류의 개수를 세세요.

대부분의 스토어는 예상하지 못한 걸 발견해요. 커버리지는 높은데 설명은 부족하다는 거요. 필드는 채워져 있어요. 그 안의 단어가 상품명일 뿐이죠.

그 차이가 이 가이드의 핵심이에요. 커버리지는 비어 있지 않은 필드의 개수예요. 무언가가 실제로 설명됐는지를 측정하는 게 아니에요. 커버리지 비율을 보고하는 모든 도구는, 품질을 평가하기 전까지는 우리 도구도 포함해서, 아무도 읽을 수 없는 카탈로그에서도 100%가 나올 수 있는 숫자를 보고하는 거예요.

이걸로 정말 규정을 준수하게 되나요?

그걸 약속할 수 있는 도구는 없어요. 약속하는 도구가 있다면 거리를 두세요.

사실은 이래요. 유럽 접근성법(European Accessibility Act)은 2025년 6월부터 이커머스를 적용 대상에 포함했고, 미국에서는 ADA에 따른 웹 접근성 소송이 매년 수천 건에 달해요. 그리고 읽을 수 없는 이미지는 일반적인 스토어프런트에서 가장 눈에 띄고, 자동화로 가장 쉽게 해결할 수 있는 빈틈이에요. 감사 기록과 함께 이 빈틈을 메우는 건, 그렇지 않은 것보다 실질적으로 훨씬 나은 위치예요. 그렇다고 인증서가 되는 건 아니고, 이 가이드는 법률 자문이 아니에요.

언제 자동화하고, 언제 하지 말아야 할까요

직접 하세요, 이미지가 수백 개 미만이거나 카탈로그가 자주 바뀌지 않는다면요. 이미지 20개는 오후 한나절이면 돼요. 200개는 일주일 동안 매일 오후를 쓰는 셈이고, 왜 그 사진을 찍었는지 당신이 알기 때문에 어떤 도구보다 더 좋은 alt text를 쓰게 될 거예요.

자동화하세요, 이미지가 수천 개에 이르거나, 매주 새 상품이 올라오거나, 이미 두 번 시도했는데 할 일 목록의 그 줄이 또 다음 분기로 넘어갔다면요. 이미지가 3,000개쯤 되면 문제는 노력이 아니에요. 이미 쓰레기인 걸 평가해 주는 것도, 쓰기를 하나하나 검증하는 것도, 다음 주 화요일에 올릴 상품을 챙기는 것도 없고, 조용히 멈춰도 지켜보는 사람이 없다는 게 문제예요.

무엇을 선택하든, 방금 직접 써 본 네 가지 분류로 판단하세요. 어떤 업체에든 물어보세요. 이미 있는 걸 평가하나요, 아니면 세기만 하나요? 대부분은 세기만 해요.

당신 스토어의 현재 위치 확인하기

위의 이미지 20개 진단을 해 보세요. 무료이고, 10분이면 되고, 무엇을 설치하든 안 하든 그 결과는 당신 거예요.

숫자가 예상보다 나쁘게 나왔고 카탈로그가 너무 커서 직접 고칠 수 없다면, Image Voice가 스토어 전체에 대해 같은 네 가지 분류로 평가해 드려요. 평생 무료, 카드 불필요, 승인하기 전까지는 아무것도 쓰지 않아요. 무료 스캔을 돌려서 당신의 숫자를 확인하세요. alt text가 괜찮은 것으로 나온다면, 그렇다고도 말해 드릴게요.