Alt 텍스트 (대체 텍스트)

상품 이미지에 Alt 텍스트가 필요한 이유는 검색 엔진이 사진을 볼 수 없고, 이미지에 붙인 설명만 읽을 수 있기 때문입니다. alt 속성은 세 가지 역할을 동시에 수행합니다. 스크린 리더가 내용을 소리 내어 읽어 주고, 이미지 로딩에 실패했을 때 대신 표시되며, 크롤러에게 이미지가 무엇을 담고 있는지 일반 언어로 전달합니다. 올바른 Alt 텍스트는 실제로 프레임 안에 있는 것, 예를 들어 상품명, 색상, 소재, 인쇄된 텍스트 등을 기술하며, 키워드를 억지로 채우거나 모든 이미지에 동일한 문구를 반복하지 않습니다. 배경 텍스처나 구분선처럼 순수하게 장식적인 이미지라면 alt=""로 비워 두는 것이 올바른 방법입니다. 이렇게 하면 보조 기술이 불필요한 내용을 읽지 않고 건너뜁니다.

도자기 그릇을 판매하는 Shopify 스토어를 예로 들겠습니다. 수제 석기 머그잔 상품에 다섯 장의 사진이 있습니다. 정면 사진, 유약의 클로즈업, 손잡이, 손과의 크기 비교, 식탁 위의 라이프스타일 사진입니다. "머그잔"이나 "상품 이미지 1"과 같은 단순한 Alt 텍스트는 아무런 정보도 전달하지 못합니다. 제대로 작성한다면, 클로즈업 사진의 Alt 텍스트는 "석기 머그잔의 얼룩무늬 파란 반응형 유약 클로즈업", 크기 비교 사진은 "350ml 용량을 보여 주기 위해 한 손에 쥔 석기 머그잔"이 됩니다. 스크린 리더를 사용하는 구매자는 이제 상품의 전체적인 모습을 이해할 수 있습니다. Google 이미지 검색과 Naver 이미지 검색에는 반응형 유약 머그잔을 찾는 사람에게 상품을 노출할 만큼 충분한 정보가 제공됩니다. 판매자는 사진이 무언으로 담고 있던 구체적인 정보를 언어로 포착한 것입니다.

한 가지 명확히 해야 할 점이 있습니다. Alt 텍스트는 이미지를 설명하는 자리이며, 순위를 올리고 싶은 콘텐츠를 숨기는 자리가 아닙니다. 규격, 치수, 성분 목록, 취급 방법, 고객 리뷰는 페이지에 실제 선택 가능한 텍스트로 존재해야 합니다. 이 정보가 이미지나 인포그래픽 안에 묻혀 있으면, 검색 엔진과 AI 답변 엔진이 읽을 수 없어 상품이 실제보다 빈약하게 보이고, 상세 정보를 일반 텍스트로 제공하는 경쟁사에 뒤처지게 됩니다.

구매자가 AI 어시스턴트에게 쇼핑을 맡기는 사례가 늘면서 이 문제는 더욱 중요해졌습니다. ChatGPT, Perplexity, Google AI Overviews에 특정 예산 내에서 가장 좋은 상품을 물을 때, 이 시스템들은 주로 페이지가 노출하는 텍스트를 기반으로 작동합니다. 머신 비전을 불규칙하게 활용하며, 사람이 사진을 보는 방식으로 이미지를 읽는다고 기대할 수 없습니다. 따라서 잘 작성된 Alt 텍스트는 이미지에 의미를 부여하고 상품 정보를 정확히 전달하는 몇 안 되는 신호 중 하나입니다. 그러나 콘텐츠가 빈약한 페이지를 혼자서 살려낼 수는 없습니다.

Alt 텍스트는 단독으로 작동하는 순위 지렛대가 아니라, 접근성과 발견 가능성을 위한 신호 중 하나로 취급해야 합니다. 올바른 사용자와 올바른 크롤러가 이미지를 찾도록 돕지만, 페이지가 그 자리를 차지할 자격은 눈에 보이는 콘텐츠가 만들어야 합니다.