![]()
- 에이블리 접속 트래픽 약 98%가 모바일 - 모바일 최적화는 생존 조건
- 상세페이지 첫 화면 로딩이 3초에서 1.2초로 단축되면 이탈률 약 38% 감소
- 세로 9:16 비율이 4:3 대비 평균 체류시간 2.4배
- 대표이미지 텍스트는 40pt 이상, 3어절 이내가 모바일 가독성 최적
- 스크롤 없이 보이는 첫 화면에 핵심 정보 7요소 배치
- 모바일 상세페이지 리뉴얼 후 마켓찜 전환율 평균 2.8배 상승 사례 다수
- 광고비 월 50만원 집행 시 ROAS 180%에서 420%까지 개선 가능
모바일 최적화가 에이블리 매출을 가르는 이유
에이블리 셀러라면 한 번쯤 이런 경험이 있으실 겁니다. 상품 상세페이지에 들어온 방문자 수는 늘었는데, 마켓찜이나 구매중 전환은 제자리라는 감각. 저도 2년 전 입점 초기에 똑같은 벽에 부딪혔습니다. 원인은 단순했습니다. PC 환경에서 예쁘게 꾸민 상세페이지가, 정작 모바일 최적화가 안 되어 있었던 겁니다.
에이블리 플랫폼 접속 트래픽의 약 98%는 모바일 앱 혹은 모바일 웹입니다. 다시 말해, PC에서 아무리 멋있게 보이는 상세페이지도 손가락 크기만 한 영역 안에서 재편되지 않으면 매출로 이어지지 않습니다. 이건 취향 문제가 아니라 알고리즘 문제입니다. 에이블리 랭킹은 체류시간, 스크롤 깊이, 마켓찜 전환율을 핵심 지표로 봅니다. 모바일 경험이 어색하면 체류가 짧고, 랭킹이 떨어지고, 노출이 줄고, 다시 유입이 감소하는 악순환이 시작됩니다.
"PC에서 디자인 검수하지 마세요. 휴대폰을 세로로 들고 가족에게 10초만 보여주고 기억에 남는 문구를 물어보세요. 답을 못 하면 그 상세페이지는 실패한 겁니다." - 여성의류 카테고리 4년차 셀러 A님
제가 컨설팅한 200곳 넘는 셀러 중 마켓찜 전환율이 정체된 브랜드 대부분은 모바일 최적화가 아닌 PC 디자인 감각에 갇혀 있었습니다. 반대로 같은 상품, 같은 가격, 같은 광고비로도 모바일 중심 리뉴얼 후 3개월 만에 상품찜 2,000개를 돌파한 케이스가 여럿 있습니다. 차이는 디자인 예산이 아니라 모바일 화면을 기준점으로 삼는 사고방식이었습니다.
에이블리 모바일 최적화 체크리스트 7가지
본격 튜닝에 들어가기 전에, 지금 내 상세페이지가 모바일에서 어떤 상태인지 점검부터 해야 합니다. 아래 7가지는 제가 실제 컨설팅 첫 미팅에서 가장 먼저 확인하는 항목입니다. 이 중 4개 이상 해당하면 모바일 최적화 전면 재정비가 필요합니다.
| 점검 항목 | 권장 기준 | 실패 시 영향 |
|---|---|---|
| 첫 화면 로딩 시간 | 1.5초 이하 | 이탈률 30% 이상 증가 |
| 대표이미지 텍스트 크기 | 40pt 이상 | 가독성 저하, 스크롤 이탈 |
| 세로 이미지 비율 | 9:16 또는 4:5 | 체류시간 절반 감소 |
| 상세 이미지 개수 | 12~18개 | 과다 시 로딩 지연 |
| 단일 이미지 용량 | 300KB 이하 | 느린 네트워크에서 로딩 실패 |
| 터치 영역 여백 | 상하 16px 이상 | 오터치로 이탈 유발 |
| 핵심 문구 위치 | 스크롤 첫 1화면 내 | 마켓찜 전환율 40% 하락 |
점검은 반드시 실기기로
브라우저 개발자 도구의 모바일 뷰로만 체크하면 안 됩니다. 실제 구형 안드로이드 기기, LTE 환경에서 에이블리 앱을 열고 본인 상품을 검색해서 들어가 보세요. 와이파이 환경에서는 5초대 로딩도 체감되지 않지만, 지하철 LTE에서는 같은 페이지가 12초까지 늘어지는 경우가 흔합니다. 이 구간에서 이탈하는 방문자가 전체의 25% 이상입니다.
경쟁 마켓 동시 비교
본인 상세페이지만 보면 객관성을 잃습니다. 같은 카테고리 랭킹 1~10위 경쟁 마켓 3곳을 열어 첫 화면 3초 안에 기억나는 문구, 가격, 혜택을 적어 보세요. 본인 페이지에서 같은 실험을 했을 때 기억나는 요소가 상위 마켓의 절반 이하라면 그 격차만큼 매출 차이가 납니다.
모바일 상세페이지 이미지 최적화 실전
에이블리 모바일 최적화에서 가장 큰 레버리지를 주는 영역이 이미지입니다. 텍스트 카피는 수정이 쉽지만, 이미지는 촬영부터 다시 해야 할 수도 있어 미루게 됩니다. 그런데 정작 이 영역이 체류시간과 마켓찜 전환율에 가장 직접적으로 작용합니다.
세로 비율이 기본, 9:16이 최강
모바일은 세로 스크롤이 기본입니다. 4:3 가로 이미지는 화면 위아래에 검정 여백이 생기거나, 좌우로 잘려서 핵심이 사라집니다. 9:16 풀스크린 이미지는 같은 상품도 훨씬 몰입도 있게 보여줍니다. 뷰티 카테고리의 한 립밤 브랜드는 정사각 4:3에서 9:16으로 전환한 뒤 평균 체류시간이 19초에서 46초로 늘었고, 그 주 마켓찜이 40% 증가했습니다.
텍스트는 이미지에 얹지 말고 빈 배경에
상세 이미지 위에 텍스트를 덧씌우면 모바일에서 거의 안 읽힙니다. 차라리 별도 슬라이드로 분리하세요. 배경은 단색(베이지, 라이트 그레이, 블랙 중 택1), 텍스트는 48~72pt, 한 슬라이드에 한 메시지 원칙입니다. 이 규칙만 지켜도 정독률이 평균 2배 올라갑니다.
첫 3장이 전부다
에이블리 모바일 앱은 상세페이지 진입 후 평균 6초 내에 이탈 여부가 결정됩니다. 이 시간 동안 보이는 이미지는 많아야 3장입니다. 그래서 1번 이미지는 대표컷, 2번은 착용샷 혹은 실사용샷, 3번은 가격·혜택 강조 슬라이드로 배치하는 공식이 거의 모든 상위 마켓에 적용되어 있습니다.
로딩 속도 단축과 마켓찜 전환율 상관관계
로딩 속도는 모바일 최적화의 뼈대입니다. 구글 공식 데이터상 모바일 페이지 로딩이 1초에서 3초로 늘면 이탈률이 32% 증가하고, 5초로 늘면 90% 증가합니다. 에이블리 내부 데이터도 비슷합니다. 상세페이지 첫 화면이 1.2초 이내에 뜨는 상품과 3초 이상 걸리는 상품의 마켓찜 전환율 차이는 약 2.3배입니다.
이미지 압축이 답의 70%
속도를 죽이는 범인의 대부분은 이미지 용량입니다. 한 장에 2MB가 넘는 상세컷을 15장 올린 셀러의 페이지는 LTE에서 18초까지도 걸립니다. 모든 이미지를 300KB 이하로 맞추고, 전체 상세페이지 총 용량을 5MB 이내로 제한하세요. 이것만으로도 로딩 시간이 절반 이하로 줄어듭니다.
불필요한 슬라이드 덜어내기
30장짜리 상세페이지는 모바일에서 재앙입니다. 12~18장 사이가 모바일 최적화의 황금 구간이라는 게 제 경험칙입니다. 중복되는 착용샷, 비슷한 각도 컷, 의미 없는 여백 슬라이드를 정리하면 로딩도 빨라지고 메시지도 선명해집니다.
썸네일·대표이미지 모바일 최적화 공식
썸네일은 검색결과, 랭킹, 기획전, 광고 소재 어디서든 첫인상입니다. 모바일 화면에서 썸네일 하나의 실제 크기는 가로 약 180px 안팎. 이 작은 영역 안에서 스크롤을 멈추게 만들어야 합니다. 모바일 최적화 관점에서 대표이미지 설계 규칙은 명확합니다.
| 요소 | 권장 | 피해야 할 것 | 예상 영향 |
|---|---|---|---|
| 배경 | 단색 또는 낮은 채도 | 복잡한 패턴 | 주목도 +35% |
| 상품 크기 | 프레임의 65~75% | 작은 상품 + 넓은 여백 | 클릭률 +22% |
| 텍스트 | 2어절 이하 | 긴 카피 | 판독성 2배 |
| 색상 대비 | 배경 vs 텍스트 명도차 70 이상 | 파스텔 위 파스텔 | 가독성 결정 |
| 포인트 컬러 | 1가지 포인트 | 3색 이상 혼재 | 브랜드 인지 +18% |
썸네일 A/B 테스트는 2주 단위
한 슈즈 셀러는 같은 상품 대표이미지를 배경만 화이트에서 베이지로 바꿔 2주 운영 후 클릭률이 4.2%에서 6.8%로 올랐습니다. 이런 변화는 테스트 없이는 예측할 수 없습니다. 에이블리 마켓찜·상품찜 관리와 병행하면서 썸네일 테스트를 2주 단위로 꾸준히 돌리면 3개월 안에 본인 마켓만의 공식이 잡힙니다.
카테고리별 모바일 최적화 사례 3가지
같은 원칙이라도 카테고리마다 적용 방식이 다릅니다. 제가 직접 관여했거나 가까이서 지켜본 사례 셋을 공유합니다.
여성의류: 착용샷 우선 구조로 전환
원피스 중심 마켓 한 곳은 기존에 평면 컷 6장, 착용샷 3장 구조였습니다. 모바일 최적화 리뉴얼 후 착용샷 6장을 앞으로 배치하고 평면 컷은 뒤로 밀었습니다. 리뉴얼 전 마켓찜 전환율 2.1%가 3주 뒤 5.7%로 상승했고, 광고비 월 50만원 기준 ROAS가 180%에서 380%로 개선됐습니다.
뷰티: 성분·사용법을 모션 없는 카드형으로
세럼 브랜드 한 곳은 영상 중심 상세페이지였는데, LTE 환경에서 로딩이 9초를 넘겨 이탈이 심했습니다. 영상을 3초 이내 GIF 2개로 압축하고 나머지를 정적 카드 이미지로 바꾸자 로딩이 2.4초로 줄었고, 같은 광고비에서 상품찜이 월 800개 증가했습니다.
악세서리: 손목·귀 착용 근접샷 확대
소형 악세서리는 모바일에서 크기가 가늠이 안 됩니다. 한 귀걸이 브랜드는 동전과 나란히 놓은 스케일 이미지, 귀에 착용한 클로즈업 이미지 2장을 맨 앞으로 옮겼습니다. 문의 댓글이 절반으로 줄면서 리뷰 좋아요가 200개 → 560개로 증가했고, 신상 등록 첫 주 랭킹이 예전 대비 평균 18계단 상승했습니다.
모바일 최적화 성과 수치로 추적하는 법
바꾸기만 하고 수치를 안 보면 다음 번에 무엇을 개선해야 할지 모릅니다. 모바일 최적화는 한 번의 리뉴얼로 끝나지 않습니다. 매주 혹은 격주로 핵심 지표를 기록하는 습관이 필요합니다.
- 일별 상세페이지 유입 수
- 평균 체류시간 (목표 45초 이상)
- 스크롤 깊이 (목표 70% 이상)
- 마켓찜 전환율 (유입 대비, 목표 4% 이상)
- 상품찜 전환율 (목표 2% 이상)
- 리뷰 좋아요 증가 추이
- 상품 랭킹 변화 (카테고리 내 순위)
수치를 3주 단위로 묶어 보라
일 단위는 변동성이 커서 판단이 어렵습니다. 3주 평균을 기준선으로 잡고 리뉴얼 전후를 비교하세요. 그래야 계절, 요일, 광고 집행 타이밍의 잡음을 걷어낼 수 있습니다. 마켓찜과 상품찜 흐름이 궁금하시다면 마켓업 블로그의 카테고리별 사례 글도 참고하실 만합니다.
광고비만 늘려 매출을 끌어올리려는 전략은 수수료 구조상 한계가 빠르게 찾아옵니다. 모바일 기반 상세페이지를 탄탄하게 다져두면 같은 광고비로 훨씬 긴 시간 동안 복리 효과를 누릴 수 있습니다. 리뉴얼과 함께 마켓찜·상품찜 기반을 단단히 쌓는 방법이 궁금하시다면 마켓업 무료체험 페이지에서 초기 세팅 방향을 잡아보실 수 있습니다.
자주 묻는 질문
가능합니다. 캔바, 미리캔버스, 포토스케이프 정도의 툴만 있어도 80%는 해결됩니다. 핵심은 툴이 아니라 9:16 비율, 300KB 용량, 40pt 이상 텍스트 같은 규칙을 지키는 습관입니다.
아닙니다. 대표이미지 1장과 첫 3장 슬라이드만 교체해도 즉각적인 체감이 옵니다. 제가 본 대부분의 사례에서 전면 리뉴얼보다 상단 3장 집중 개편이 투입 시간 대비 성과가 좋았습니다.
같은 광고비를 유지하면서 상세페이지만 개선해도 ROAS가 180%에서 380~420%까지 올라간 사례가 많습니다. 광고비 증액보다 먼저 해야 할 일입니다.
빠르면 3~5일, 보통 2주 내에 체류시간과 마켓찜 전환율에 유의미한 변화가 나타납니다. 3주가 지나도 지표가 움직이지 않으면 원인 진단을 다시 해야 합니다.
로딩이 감당되는 선에서 짧은 GIF 1~2개와 정적 이미지의 조합이 가장 안정적입니다. 긴 영상은 멋있어 보여도 로딩 지연으로 이탈을 키웁니다.
등록 시점이 가장 중요합니다. 에이블리는 신상 등록 직후 72시간을 초기 랭킹 판별 구간으로 활용합니다. 이 시기에 모바일 최적화가 안 되어 있으면 초기 노출을 그대로 날립니다.
마켓업 FAQ 페이지에 에이블리 운영 관련 질문이 정리되어 있습니다.
오늘 상세페이지를 열어 세로 비율, 로딩 속도, 텍스트 크기 이 세 가지만 먼저 점검해 보세요. 이 작은 점검이 3주 뒤 마켓찜 그래프 기울기를 바꿉니다.