우리 홈페이지, 폰에서 어떻게 보일까

국내 웹 접속 절반 가까이가 모바일 — 1분이면 끝나는 모바일 점검 체크리스트

스마트폰 화면을 스캔하며 글자가 작음, 가로 스크롤, 버튼이 너무 작음, 팝업이 화면을 가림 같은 모바일 문제를 표시한 일러스트
3줄 요약
  • 국내 웹 접속의 절반 가까이, 온라인쇼핑 거래액의 77%가 모바일에서 일어납니다.
  • 구글은 2024년 7월부터 스마트폰 화면을 기준으로 사이트를 수집하고 평가합니다.
  • 아래 체크리스트로 1분만 점검해 보세요. 2개 이상 해당되면 손볼 때입니다.

사장님은 PC로, 고객은 폰으로 봅니다

홈페이지를 만들거나 수정할 때 우리는 대개 사무실 모니터로 확인합니다. 넓은 화면에서는 모든 게 반듯해 보입니다. 하지만 고객이 우리 회사를 처음 만나는 화면은 손바닥만 한 스마트폰인 경우가 많습니다.

국내 웹 접속 중 모바일 비중 47.8%(StatCounter 2026년 9월), 온라인쇼핑 거래액 중 모바일 비중 76.9%로 월 24.6조 원 중 18.9조 원(국가데이터처 2026년 6월)

웹 통계 서비스 StatCounter에 따르면 2026년 9월 국내 웹 접속의 47.8%가 모바일이었습니다. 돈이 오가는 순간은 더 기웁니다. 국가데이터처의 2026년 6월 온라인쇼핑 동향을 보면 거래액 24.6조 원 중 18.9조 원, 76.9%가 모바일에서 결제됐습니다.

즉 고객은 PC로 둘러보기도 하지만, 결정하고 연락하고 결제하는 순간에는 폰을 들고 있을 가능성이 큽니다. 그 순간 화면이 불편하면 고객은 불평 없이 뒤로 가기를 누릅니다.

구글도 모바일 화면으로 평가합니다

구글은 ‘모바일 우선 색인(mobile-first indexing)’을 2016년부터 단계적으로 도입했고, 2024년 7월 5일부로 사실상 모든 사이트를 스마트폰용 검색 로봇으로 수집하고 있습니다. 구글이 검색 결과에 반영하는 것은 PC 화면이 아니라 모바일 화면이라는 뜻입니다.

구글은 당시 “모바일 기기로 아예 접근할 수 없는 콘텐츠는 더 이상 색인되지 않는다”고 밝혔습니다. 또 화면 전체를 덮는 팝업은 검색엔진이 내용을 이해하기 어렵게 만들어 검색 성과에 불리할 수 있다고 안내합니다. 모바일 화면은 이제 ‘보조 화면’이 아니라 검색 순위가 매겨지는 ‘본 화면’입니다.

고객이 조용히 나가는 6가지 순간

모바일에서 고객이 이탈하는 6가지 문제: 버튼이 작다, 글자가 작다, 팝업이 가린다, 옆으로 밀린다, 사진이 늦다, 전화번호가 안 눌린다

버튼이 작다. 메뉴나 버튼이 촘촘하면 손가락으로 엉뚱한 것을 누르게 됩니다. 구글 크롬의 점검 도구(Lighthouse)는 누르는 영역을 최소 48×48픽셀로 잡도록 권장합니다.

글자가 작다. 두 손가락으로 화면을 벌려야 읽힌다면 PC 화면을 그대로 줄여 보여 주고 있다는 신호입니다.

팝업이 가린다. 들어오자마자 이벤트 팝업이 화면을 덮으면 고객은 닫기 버튼부터 찾아야 합니다. 알림이 꼭 필요하다면 화면 아래쪽 작은 띠 배너가 낫습니다.

옆으로 밀린다. 넓은 표나 이미지가 화면 밖으로 삐져나오면 가로 스크롤이 생기고 화면이 흔들립니다.

사진이 늦다. 원본 사진을 그대로 올리면 모바일 데이터 환경에서 첫 화면이 한참 비어 있습니다.

전화번호가 안 눌린다. 번호가 이미지이거나 그냥 글자라면, 고객은 번호를 외워 다시 입력해야 합니다. 누르면 바로 전화가 걸리게 하는 건 작은 작업이지만 효과는 큽니다.

점검할 때 꼭 지킬 세 가지

내 폰 하나로 끝내지 마세요. 아이폰과 안드로이드, 큰 폰과 작은 폰에서 화면이 다르게 보일 수 있습니다. 직원이나 가족의 폰을 빌려 한 번 더 열어 보세요.

와이파이를 끄고 보세요. 사무실 와이파이에서는 빠르던 사이트도 이동 중 데이터 환경에서는 느릴 수 있습니다. 고객은 대개 이동 중에 봅니다.

처음 온 고객처럼 보세요. 이미 사이트 구조를 아는 사람은 불편을 잘 느끼지 못합니다. “이 회사에 전화하려면?”처럼 목표 하나를 정하고 몇 번 만에 도착하는지 세어 보세요.

고객의 첫인상은 사무실 모니터가 아니라 손바닥 위에서 만들어집니다.

1분 모바일 자가 점검

지금 바로 휴대폰으로 우리 홈페이지를 열고, 해당하는 항목을 눌러 보세요.

해당하는 항목을 눌러 체크해 보세요

체크한 항목 개 · 2개 이상이면 모바일 점검이 필요합니다

이 체크리스트는 저장해 두고, 사이트를 수정하거나 새 팝업·배너를 올릴 때마다 다시 확인해 보세요.

모바일 점검표 8가지: 확대 없이 글이 읽힌다, 버튼이 손가락 크기 48픽셀 이상, 가로 스크롤이 없다, 팝업이 본문을 안 가린다, 번호를 누르면 바로 전화, 첫 화면 2.5초 이내, 문의 폼 작성 가능, 메뉴에서 바로 찾아진다

지금 할 수 있는 세 가지

  1. 오늘 폰으로 체크리스트를 돌려 보세요

    위 8가지를 확인하고 해당 항목을 메모해 둡니다. 캡처 화면을 함께 남기면 제작 업체에 설명하기도 쉽습니다.

  2. 연락 동선부터 고치세요

    전화 버튼, 문의 폼, 카카오톡 상담처럼 매출로 바로 이어지는 부분이 먼저입니다. 첫 화면을 가리는 팝업 정리도 비용이 거의 들지 않습니다.

  3. PC 화면을 줄인 사이트라면 개편을 검토하세요

    화면 크기에 맞춰 배치가 바뀌는 ‘반응형’이 아니라면 부분 수정으로는 한계가 있습니다. 수정 비용과 개편 비용을 나란히 놓고 비교해 보세요.

FREE · 24시간 내 회신

우리 홈페이지, 고객의 폰에서는 어떻게 보일까요?

사이트 주소만 보내주시면 아이폰·안드로이드 화면에서 버튼, 글자, 속도, 문의 동선을 점검해 정리해 드립니다. 영업 전화는 하지 않습니다.

무료 모바일 진단 신청하기 →

참고 자료: StatCounter 한국 플랫폼 점유율(2026년 9월), 국가데이터처 ‘2026년 6월 온라인쇼핑동향'(뉴시스 보도, 2026), Google Search Central 모바일 우선 색인 완료 공지(2024)·Search Engine Land 보도, Google Search Central 팝업·대화상자 가이드, Chrome Lighthouse 탭 영역 가이드, web.dev Core Web Vitals

Privacy Preference Center