상세페이지 디자인은 분명히 화려한데, 막상 구글이나 네이버에서 검색하면 내 페이지가 거의 안 보이는 경우가 많아요. 보기엔 멋진데 검색에는 약한, 이상한 상황이죠.
이유를 한 문장으로 말씀드리면 이래요. 상품 정보를 이미지 한 장 안에 전부 넣어 두면, 검색엔진 입장에서는 ‘읽을 글자가 거의 없는 페이지’로 보이기 쉬워요. 사람 눈에는 글씨가 가득해 보여도, 그건 그림 속에 그려진 글씨일 뿐이라 검색엔진은 그 내용을 문장으로 인식하지 못해요. 화려한 포스터를 붙여 놨는데, 검색엔진은 정작 그 안에 뭐라고 쓰여 있는지 못 읽는 셈이에요.
검색엔진은 페이지에서 무엇을 ‘읽’을까요?
검색엔진은 사람이 사이트를 방문하기 전에, ‘크롤러’라는 자동 프로그램을 먼저 보내요. 크롤러는 페이지를 돌아다니며 내용을 수집하는 로봇이라고 생각하시면 돼요. 이 로봇이 한 페이지를 보고 “아, 이 페이지는 자전거 부품에 관한 내용이구나” 하고 주제를 추측해요.
그런데 이 로봇이 읽을 수 있는 건 정해져 있어요. 주로 이런 것들이에요.
- 본문 텍스트: 화면에 글자로 적힌 진짜 문장 (이미지 속 글씨는 제외)
- 제목 계층: 큰 제목과 작은 제목의 구조. 글의 뼈대를 보여줘요
- 리스트와 표: 정보가 정리된 묶음
- 대체 텍스트(alt): 이미지가 무엇인지 설명해 주는 짧은 글
여기서 alt(대체 텍스트)가 핵심이에요. alt는 “이 그림은 ○○입니다” 하고 이미지에 붙여 두는 설명 꼬리표예요. 사람 눈에는 안 보이지만, 검색엔진은 이 꼬리표를 읽고 이미지의 내용을 짐작해요. 그림이 안 떠도 무슨 그림인지 알려 주는 메모인 셈이죠.
그런데 디자인 툴에서 뽑은 긴 이미지 한 장만 올려 두면, 이 모든 신호가 비어 버려요. 본문 텍스트도 없고, 제목 구조도 없고, alt도 없어요. 검색엔진은 “내용을 알 수 없는 페이지”로 판단하기 쉬워요.
참고로 구글은 공식 검색 가이드에서 이미지에 적절한 alt와 주변 설명 텍스트를 넣으라고 권장하고 있어요. 네이버 역시 자체 검색 가이드에서 텍스트 기반 콘텐츠와 정확한 정보 제공을 중요하게 다뤄요. 두 검색엔진은 각자의 기준을 갖고 있지만, “읽을 수 있는 글자를 충분히 두라”는 방향은 공통이에요.
그럼 왜 다들 이미지 상세페이지를 쓸까요?
이미지로 만드는 데는 현실적인 이유가 충분히 있어요. 브랜드 느낌을 통일하기 쉽고, 디자이너에게 한 장으로 받으면 작업이 빠르고, 외주 구조상 이미지 납품이 익숙하죠. 그래서 이미지 상세페이지가 ‘잘못된 선택’이라는 뜻은 아니에요.
다만 목표가 검색 유입이라면 질문이 하나 생겨요. “상품을 설명하는 텍스트를 어디에 둘 것인가?” 이게 갈림길이에요. 텍스트가 그림 안에만 갇혀 있으면 검색엔진은 못 읽고, 그림 밖 본문으로 풀어 두면 읽을 수 있어요.
오해하기 쉬운 부분도 짚어 둘게요. SEO를 한다고 광고를 끊어야 하는 건 아니에요. 광고로 당장의 매출을 만들면서 동시에 검색 자산을 쌓아 가는 흐름이 오히려 흔해요. 광고는 빠른 가속, SEO는 시간이 지나도 남는 기반. 둘은 경쟁 관계가 아니라 서로 보완하는 관계예요.
그래서 무엇부터 하면 좋을까요?
상품 수가 20개를 넘고 상세페이지가 전부 이미지라면, 한 번에 다 바꾸려고 하지 마세요. 부담만 커져요. 대신 이런 순서를 권해요.
- 잘 팔리는 대표 상품 2~3개부터 시작하세요. 효과를 먼저 확인하는 게 중요해요.
- 그 상품의 상세페이지에 이미지와 함께 본문 텍스트를 같이 넣어 보세요. 디자인은 그대로 두고, 검색엔진이 읽을 문장을 보태는 거예요.
- 핵심 상품 키워드를 본문 문장 안에 자연스럽게 녹이세요. 키워드만 잔뜩 나열하는 건 오히려 역효과예요.
- 몇 주~몇 달간 검색 노출과 클릭 변화를 지켜보고, 효과가 보이면 나머지 상품으로 넓혀 가세요.
실제로 상세페이지를 이미지에서 HTML로 바꾸고 텍스트를 보강한 한 건강식품 쇼핑몰은, 약 1년 사이 검색 유입 클릭수가 436% 늘었어요(구글 서치콘솔 기준). 자전거 부품 쇼핑몰도 16개월간 평균 검색 순위 6.5위권을 만들어 상품명뿐 아니라 일반 키워드로도 노출이 잡혔고요. 업종은 달라도 원리는 같아요. 검색엔진이 읽을 수 있는 글을 페이지에 둔 것.
이미지를 HTML로 일일이 옮겨 적는 작업이 막막하게 느껴진다면, 그 과정을 자동으로 처리하는 흐름을 세온코더 기능 소개에서 확인해 보실 수 있어요. 코딩 없이 이미지를 검색 가능한 코드로 풀어 주는 방식이에요.
구조별 검색엔진 친화도 한눈에 보기
| 상세페이지 구조 | 검색엔진 친화도 | 메모 |
|---|---|---|
| 이미지 한 장만 | 낮음 | alt와 주변 텍스트가 없으면 더 불리해요 |
| 이미지 + HTML 본문 | 중간~높음 | 주제 키워드가 문장에 자연스럽게 담겨요 |
| 시맨틱 HTML 중심 | 높음 | 제목·리스트로 페이지 주제가 분명해져요 |
‘시맨틱 HTML’은 어렵게 들리지만, 쉽게 말하면 “이건 제목, 이건 본문, 이건 목록”처럼 내용의 역할을 코드에 표시해 둔 구조예요. 검색엔진이 글의 뼈대를 한눈에 이해하도록 도와줘요.
자주 묻는 질문
이미지 상세페이지는 검색에 아예 안 잡히나요?
전혀 안 되는 건 아니에요. 업종과 키워드 경쟁 정도에 따라 달라져요. 다만 읽을 텍스트가 거의 없으면 노출·클릭 신호를 쌓기 어려운 편이에요. 경쟁이 약한 일부 카테고리에서는 이미지만으로도 트래픽이 나기도 해요.
지금까지 광고만 했는데, SEO로 바꿀 수 있나요?
가능해요. 단, 광고를 한 번에 끄기보다 상세페이지 일부를 텍스트로 바꿔 가며 광고 예산을 조금씩 조절하는 방식을 권해요. 검색 유입이 자리 잡는 데 시간이 걸리기 때문에, 둘을 겹쳐 두면 매출 공백 없이 안전하게 넘어갈 수 있어요.
텍스트를 넣으면 디자인이 망가지지 않나요?
기존 이미지는 그대로 두고 그 사이에 본문 텍스트를 더하는 방식이라, 디자인을 크게 해치지 않고도 검색용 글을 확보할 수 있어요. 오히려 이미지 속 작은 글씨보다 본문 텍스트가 모바일에서 더 잘 읽히는 효과도 있어요.
효과는 얼마나 빨리 나타나나요?
SEO는 광고처럼 즉시 반응이 오지 않아요. 보통 몇 주에서 몇 달에 걸쳐 노출이 서서히 늘어요. 그래서 급한 매출은 광고로, 시간이 지나도 남는 기반은 SEO로 나눠 가는 전략이 안정적이에요.