스마트스토어 상세페이지 길이, 4000px을 넘으면 3000px까지만 펼쳐 보입니다

고객센터 안내 그대로

스마트스토어센터 고객센터의 '상세설명은 어떻게 작성하나요?' 답에는 상세설명 주요사항이 이렇게 적혀 있습니다.

상세 설명의 길이가 4000px를 초과할 경우 상세 설명은 3000px 기준으로 노출되며 그 외 설명은 영역 최하단에 '상세정보 펼쳐보기/접기'에서 확인할 수 있습니다.

같은 답에 상세설명 권장 크기는 가로 848px, 이미지는 장당 최대 20MB라고 함께 적혀 있습니다. 길이를 막지는 않지만, 4000px을 넘는 순간 손님이 처음 보는 건 앞의 3000px뿐이라는 뜻입니다.

잘 만든 페이지 114개는 전부 4000px을 넘었습니다

저희는 10월 9일부터 19일까지 디자인 기준을 잡으려고 잘 만든 상세페이지를 모았습니다. 국내 쇼핑·펀딩 플랫폼 여덟 곳과 브랜드 자사몰 세 곳에서 고른 페이지입니다. 비교용으로 섞어 둔 9개를 빼고, 남은 114개를 가로 860px로 맞춰 세로 길이를 쟀습니다. 권장 폭 848px로 맞추면 길이가 1.4%쯤 짧아지지만 아래 결론은 같습니다.

가장 짧은 페이지도 4,173px이었습니다. 이 페이지들이 스마트스토어에 그대로 올라갔다면, 114개 모두 3000px에서 접혔을 겁니다.

업종에 따라 차이도 컸습니다. 가전·디지털 6개의 가운데 값은 59,686px로 가장 길었고, 식품 5개는 13,767px로 가장 짧았습니다. 설명할 기능이 많은 상품일수록 길어지는 것은 자연스럽습니다. 업종마다 표본이 2~8개라 순서까지 믿기는 어렵지만, 4000px 아래로 끝나는 잘 만든 페이지는 없었습니다.

그러니 길이보다 앞의 3000px이 중요합니다

길이를 줄이려고 할 필요는 없습니다. 대신 접히기 전에 손님이 알아야 할 것을 앞으로 당깁니다.

가로 860px에서 3000px은 휴대폰(가로 390px 기준)으로 보면 세로 1,360px쯤, 화면 한 장 반 정도입니다. 그 안에 들어갈 수 있는 건 많지 않습니다.

1. 표지: 상품 사진과 "무엇이 좋은가" 한 줄. 상품명보다 손님 쪽 말로 씁니다.
2. 장점 두세 가지: 다른 상품과 나란히 놓고 고를 때 보는 것. 숫자가 있으면 숫자로 씁니다.
3. 다음을 궁금하게 하는 한 장면: 쓰는 장면이나 질감 컷처럼, 펼쳐 보고 싶게 만드는 사진.

상품 정보 고시, 배송·교환 안내, 자주 묻는 질문은 펼쳐보기 뒤에 있어도 됩니다. 찾는 사람은 끝까지 내려가 찾습니다.

펼쳐보기 경계에서 끊기지 않게

3000px 언저리에 구간이 반쯤 걸쳐 있으면, 손님은 문장 중간이나 사진 가운데에서 '펼쳐보기' 버튼을 보게 됩니다. 앞부분을 만든 뒤 3000px 근처에 구간 경계가 오는지 한 번 확인하고, 걸치면 앞 구간을 조금 줄이거나 늘려 경계를 맞춥니다.

긴 페이지를 몇 장으로 나눠 올릴지는 긴 상세페이지 나눠 올리기에, 스마트스토어 폭 규격은 스마트스토어 상세페이지 사이즈·규격에 정리했습니다.