모바일 상세페이지 최적화 7가지

모바일 상세페이지 최적화의 핵심은 ① 큰 글자 ② 적정 이미지 폭 ③ 빠른 로딩 ④ 세로 흐름 ⑤ 손가락에 맞는 CTA ⑥ 핵심을 위로 ⑦ 과한 텍스트 금지입니다. 대부분의 쇼핑 트래픽이 모바일이라 모바일 우선이 곧 매출입니다.

왜 모바일 우선인가

국내 이커머스 트래픽의 다수가 모바일입니다. PC에서 예뻐도 모바일에서 글자가 작거나 느리면 그대로 이탈합니다. 모바일이 기본, PC가 보조입니다.

모바일 최적화 7가지

1. 글자 크기: 본문은 작은 화면에서도 읽히는 크기로.
2. 이미지 폭: 플랫폼 권장 가로폭(쿠팡 ~780px·스마트스토어 ~860px)에 맞춰 깨짐 방지.
3. 로딩 속도: 한 장에 다 담지 말고 분할, 용량 최적화.
4. 세로 흐름: 위→아래 한 줄기로 자연스럽게.
5. CTA 크기·위치: 엄지로 누르기 쉬운 크기·위치에.
6. 핵심을 위로: 첫 화면에서 가치가 보이게(F-패턴).
7. 과한 텍스트 금지: 이미지 안 작은 글자 떡칠 금지.

모바일 점검 체크리스트

• 첫 화면에서 무엇인지 3초 안에 보이는가
• 본문 글자가 모바일에서 또렷한가
• 스크롤이 한 줄기로 매끄러운가
• CTA가 엄지로 누르기 쉬운가
• 로딩이 느리지 않은가(이미지 분할)

자주 묻는 질문

PC용·모바일용을 따로 만들어야 하나요?

대부분 한 벌로 모바일 우선 제작합니다. 권장 가로폭만 지키면 PC에서도 무난합니다.

이미지를 몇 장으로 나눠야 하나요?

정답은 없지만 섹션 단위로 끊으면 로딩·수정이 쉽습니다.

정리

모바일에서 안 읽히면 안 팔립니다. 위 7가지를 지키고, 전체 구성은 상세페이지 만드는 법에서 확인하세요. 모바일까지 고려한 구조를 자동으로 잡으려면 Converta를 써보세요.