모바일 상세페이지 표 깨짐, 구매 전 문의 줄이는 7분 점검표

PC 편집 화면에서는 상품 정보표가 반듯합니다. 그런데 고객은 대부분 스마트폰에서 봅니다. 표의 오른쪽 열이 잘리고, 배송비 문구는 이미지 아래로 밀리고, 반품 기준은 상세 하단 안내 탭에 숨어 있으면 고객은 구매 전에 같은 질문을 다시 남깁니다. "이 옵션은 뭐가 다른가요", "배송비가 있나요", "반품은 되나요" 같은 문의가 늘어난 상품이라면 디자인 전체보다 모바일 첫 판단 구간부터 봐야 합니다.

Google Search Central의 모바일 우선 색인 문서는 모바일과 데스크톱의 주요 콘텐츠가 동등해야 하며, Google이 모바일 콘텐츠와 리소스를 렌더링할 수 있어야 한다고 안내합니다. Google Merchant Center의 랜딩 페이지 요구사항도 상품 데이터의 상품이 연결된 랜딩 페이지에서 쉽게 발견되어야 하고, 가격이 보기 쉬워야 하며 상품 데이터와 맞아야 한다고 설명합니다. 검색과 광고를 위해서도, 실제 구매자를 위해서도 모바일 상세페이지는 "대충 축소된 PC 화면"이면 안 됩니다.

이 글은 모바일 상세페이지를 새로 제작하자는 글이 아닙니다. 판매자가 오늘 상품 하나를 열고 구매 전 문의가 생기는 표, 이미지, 혜택, 배송, 반품 문구를 7분 안에 위로 올릴지 판단하는 순서입니다.

먼저 보는 결론: 표를 고치기 전에 고객 질문을 위로 올립니다

모바일 상세페이지에서 표가 깨졌을 때 가장 먼저 할 일은 표 디자인을 예쁘게 다시 만드는 것이 아닙니다. 고객이 표에서 찾으려던 질문을 뽑아 구매 버튼 근처에 짧게 올리는 것입니다. 표 전체는 아래에 남겨도 됩니다. 다만 고객이 구매 전에 꼭 확인해야 하는 정보는 표 안에만 묶어 두면 안 됩니다.

고객 질문	모바일에서 먼저 보여 줄 문장	표에 남겨도 되는 정보
어떤 옵션을 사야 하나요	기본형은 데일리용, 프리미엄형은 선물용	세부 소재, 구성품 코드
배송비가 있나요	3만 원 이상 무료배송, 미만 3,000원	지역별 추가 배송비 표
반품이 가능한가요	수령 후 7일 이내 접수, 단순 변심 왕복 배송비 고객 부담	자세한 반품 절차
사이즈가 맞을까요	평소 55는 M, 여유핏은 L 권장	전체 치수표
혜택이 적용되나요	쿠폰 적용 시 29,900원	쿠폰 발급 위치와 유효기간

표가 깨져도 고객 질문의 답이 구매 버튼 위에 보이면 문의는 줄어들 가능성이 생깁니다. 반대로 표를 아무리 정리해도 고객 질문이 계속 아래쪽에 있으면 모바일에서는 다시 못 보고 지나갑니다.

1. 모바일에서 표 오른쪽 열이 잘리는지 먼저 봅니다

판매자가 가장 많이 놓치는 장면은 오른쪽 열입니다. PC에서는 항목 / 내용 / 비고가 한 줄에 보이지만, 스마트폰에서는 비고 열이 화면 밖으로 밀립니다. 이때 고객은 표를 좌우로 움직여 읽기보다 문의 버튼을 누르거나 페이지를 닫습니다.

7분 점검은 복잡하지 않습니다. 상품 하나를 스마트폰으로 열고 아래 세 가지만 확인합니다.

표 안의 가격, 배송, 반품, 옵션 차이가 가로 스크롤 없이 보이는지 봅니다.
두 줄 이상 넘어가는 셀에서 핵심 단어가 화면 밖으로 밀리지 않는지 봅니다.
표가 이미지로 들어가 있다면 확대하지 않아도 숫자와 조건이 읽히는지 봅니다.

표가 깨진다면 첫 해결은 "표를 더 넓게"가 아니라 "표를 더 짧게"입니다. 모바일에서는 열을 줄이고, 긴 설명은 표 아래 문장으로 풀어야 합니다.

PC 표 구조	모바일에서 바꿀 구조
옵션명 / 소재 / 구성 / 추천 대상 / 비고	옵션명 + 추천 대상 1줄, 세부 소재는 아래 문장
배송 지역 / 배송비 / 무료배송 조건 / 추가비	배송비 1줄, 도서산간 추가비는 안내 링크
반품 조건 / 예외 / 비용 / 절차	가능 기간과 고객 부담 비용 먼저

2. 상품 이미지 순서가 표의 답을 대신하는지 확인합니다

표가 길어진 이유는 상품 이미지가 충분히 설명하지 못하기 때문일 때가 많습니다. 색상 차이, 구성품, 크기 비교, 사용 장면이 이미지에서 보이면 표는 짧아질 수 있습니다. 반대로 이미지가 분위기 컷뿐이면 고객은 표에서 모든 답을 찾으려고 합니다.

이미지 순서는 아래처럼 바꾸면 모바일에서 읽기 쉽습니다.

대표 상품이 한눈에 보이는 이미지
옵션 차이를 비교하는 이미지
실제 크기나 착용, 사용 장면
구성품 또는 패키지
배송, 반품, 주의사항 요약

이 순서가 중요한 이유는 고객의 손가락이 표보다 이미지를 먼저 넘기기 때문입니다. 옵션 차이를 표로만 설명하면 "A와 B 차이가 뭐예요"라는 문의가 남습니다. 옵션 비교 이미지를 표 앞에 두면 고객은 표를 읽기 전에 큰 차이를 이해합니다.

3. 혜택, 배송, 반품 문구는 하단 안내가 아니라 구매 판단 정보입니다

Google Search Central의 Product structured data 문서는 상품 페이지 정보가 가격, 재고, 리뷰, 배송 정보 같은 방식으로 더 풍부하게 보일 수 있다고 설명합니다. Merchant Center 랜딩 페이지 요구사항도 가격이 랜딩 페이지에서 보기 쉬워야 하고 상품 데이터와 맞아야 한다고 안내합니다. 플랫폼 문서가 가격과 배송을 중요하게 다루는 이유는 고객도 이 정보를 구매 전에 보기 때문입니다.

상세페이지 하단에 긴 배송/반품 표가 있어도 모바일 고객에게는 늦습니다. 구매 버튼 근처에는 긴 약관이 아니라 판단 문장이 필요합니다.

정보	구매 버튼 근처 문장	하단에 둘 세부 정보
혜택	쿠폰 적용 시 29,900원	쿠폰 발급 방법, 유효기간
배송	평일 14시 전 주문 당일 출고	지역별 배송 기간
배송비	3만 원 이상 무료배송	도서산간 추가비
반품	수령 후 7일 이내 접수	접수 절차, 택배사
고객 부담	단순 변심 왕복 배송비 고객 부담	예외 조건

여기서 조심할 점은 실제 운영 정책과 다른 문구를 올리지 않는 것입니다. 이 글은 법률 조언이 아니라 판매자 화면과 고객 화면을 맞추는 운영 점검입니다. 먼저 자사몰 약관, 마켓 판매자 설정, 실제 출고 기준과 같은지 확인한 뒤 같은 문장을 반복해야 합니다.

4. 구매 버튼 앞 600px 안에 답이 있는지 봅니다

모바일에서는 "위치"가 내용만큼 중요합니다. 좋은 문구라도 고객이 구매 버튼을 지난 뒤에야 보이면 구매 전 불안을 줄이지 못합니다. 스마트폰 화면에서 구매 버튼이 보이는 구간을 기준으로 위아래 약 600px 안에 아래 정보가 있는지 확인합니다.

최종 가격 또는 쿠폰 적용 기준
기본 옵션과 추천 옵션의 차이
배송비와 출고 기준
반품 가능 기간과 고객 부담 비용
반복 문의가 많은 질문 하나
고객이 실수하기 쉬운 선택 기준

모든 정보를 한 화면에 넣으라는 뜻은 아닙니다. 고객이 결제 전에 불안해하는 기준만 먼저 보여 주면 됩니다. 예를 들어 의류는 사이즈와 교환 기준, 식품은 소비기한과 보관 방법, 생활용품은 구성품과 설치 여부가 우선입니다.

5. PC 편집 화면이 아니라 실제 스마트폰으로 마지막 확인을 합니다

PC 브라우저의 반응형 미리보기만 믿으면 놓치는 것이 있습니다. 폰트 렌더링, 이미지 압축, 접힌 안내 영역, 앱 내 브라우저의 폭이 실제 스마트폰과 다를 수 있습니다. 발행 전에는 판매자 본인 휴대폰으로 상품 URL을 열고 고객처럼 내려 봐야 합니다.

7분이면 충분합니다.

시간	할 일	판단 기준
1분	상품 URL을 스마트폰에서 열기	구매 버튼까지 끊김 없이 보이는가
2분	표와 이미지 확인	표 오른쪽 열과 이미지 글자가 읽히는가
2분	혜택, 배송, 반품 문구 확인	구매 버튼 근처에 핵심 문장이 있는가
1분	옵션 선택 테스트	옵션명과 이미지가 서로 맞는가
1분	문의 버튼 누르기 전 질문 메모	고객이 물을 질문이 남아 있는가

고칠 항목이 많아도 한 번에 리뉴얼하지 않아도 됩니다. 광고비가 들어가는 상품, 문의가 반복되는 상품, 옵션 실수가 잦은 상품부터 하나씩 고치면 됩니다.

오늘 바로 적용하는 7분 체크리스트

스마트폰에서 상품 URL을 열고 표 오른쪽 열이 잘리는지 봅니다.
가격, 배송, 반품, 옵션 차이가 표 안에만 갇혀 있지 않은지 봅니다.
표가 이미지라면 확대 없이 숫자와 조건이 읽히는지 확인합니다.
옵션 차이는 표보다 이미지 순서에서 먼저 보이게 합니다.
혜택 문구는 "최대 할인"보다 실제 적용 기준으로 씁니다.
배송비, 출고일, 반품 비용은 구매 버튼 근처에 한 줄로 올립니다.
반복 문의 하나를 골라 구매 버튼 위 문장으로 바꿉니다.
PC 미리보기가 아니라 실제 스마트폰에서 마지막으로 확인합니다.

마무리: 모바일 표 깨짐은 디자인 문제가 아니라 문의 비용입니다

모바일 상세페이지 표가 깨지면 고객은 정보를 못 본 것이 아니라 "확신을 못 얻은 상태"가 됩니다. 그래서 구매 전에 묻고, 장바구니에서 멈추고, 옵션을 잘못 고릅니다. 판매자가 해야 할 일은 모든 표를 없애는 것이 아닙니다. 표 안에 갇힌 구매 판단 정보를 고객이 실제로 보는 위치로 옮기는 것입니다.

오늘은 상품 하나만 고르면 됩니다. PC에서 보기 좋은 상세페이지가 아니라 스마트폰에서 구매 버튼을 누르기 쉬운 상세페이지인지 확인합니다. 표, 이미지, 혜택, 배송, 반품 문구가 고객 질문의 순서대로 보이면 모바일 상세페이지는 더 이상 긴 설명서가 아니라 주문 판단표가 됩니다.

다음에 연결하면 좋은 글 주제

옵션별 이미지 순서를 바꿔 주문 실수를 줄이는 상세페이지 구성
배송비와 반품비 문구를 구매 버튼 근처에 배치하는 기준
상품 정보표를 모바일 카드형 문장으로 바꾸는 템플릿

참고 출처

Google Search Central, Mobile-first Indexing Best Practices: https://developers.google.com/search/docs/crawling-indexing/mobile/mobile-sites-mobile-first-indexing
Google Search Central, Product structured data: https://developers.google.com/search/docs/appearance/structured-data/product
Google Merchant Center Help, About landing page requirements: https://support.google.com/merchants/answer/4752265?hl=en

모바일 상세페이지 표가 깨질 때, 구매 전 문의 줄이는 7분 점검표