모바일 페이지 깨짐 점검 목록 — 대표·임원 확인용

모바일 페이지가 깨지면 무엇을 잃나

모바일에서 페이지가 깨지면 검색 순위가 떨어진다. 구글은 모바일 화면을 기준으로 검색 순위를 매긴다. ChatGPT·Claude·Perplexity 같은 AI 검색은 모바일에서 읽기 어려운 페이지를 인용하지 않는다.

개발팀에게 "모바일 최적화 해주세요"라고 요청하기 전에, 예산을 승인하는 입장에서 먼저 확인해야 할 항목이 있다. 이 글은 대표·임원이 직접 점검할 수 있는 5가지 항목과 통과 기준을 정리했다. 개발자 없이도 오늘 바로 확인할 수 있다.

스마트폰으로 직접 열었을 때 글자가 읽히는가

왜 중요한가: 글자가 너무 작거나 화면 밖으로 밀려나면 검색엔진은 그 페이지를 모바일 친화적이지 않다고 판단한다.

통과 기준: 본인 스마트폰으로 주요 페이지(홈·서비스 소개·문의)를 열었을 때, 좌우 스크롤 없이 글자를 읽을 수 있어야 한다. 확대하지 않고도 본문이 보여야 한다.

확인 방법은 간단하다. 스마트폰 브라우저 주소창에 자사 홈페이지 주소를 직접 입력한다. 카카오톡이나 앱 내 브라우저가 아니라 Safari나 Chrome 같은 기본 브라우저를 쓴다. 글자가 화면 너비에 맞춰 자동으로 줄바꿈되는지 본다.

버튼을 손가락으로 누를 수 있는가

왜 중요한가: 버튼이 너무 작거나 붙어 있으면 사용자가 이탈한다. 이탈률이 높으면 검색 순위가 떨어진다.

통과 기준: "문의하기", "구매하기", "예약하기" 같은 주요 버튼을 엄지손가락으로 한 번에 누를 수 있어야 한다. 버튼 사이 간격이 충분해서 잘못 누르지 않아야 한다.

스마트폰으로 페이지를 열고, 주요 버튼을 실제로 눌러본다. 두 번 시도해야 눌리거나, 옆 버튼을 잘못 누르면 통과하지 못한 것이다. 버튼 크기는 최소 44×44 픽셀 이상이어야 한다는 것이 업계 기준이다.

이미지가 화면에 맞게 보이는가

왜 중요한가: 이미지가 화면을 벗어나거나 깨지면 AI 크롤러는 그 페이지의 정보를 신뢰하지 않는다. 검색엔진도 페이지 품질이 낮다고 판단한다.

통과 기준: 제품 사진, 서비스 설명 이미지가 모바일 화면 너비에 맞춰 자동으로 축소되어야 한다. 이미지 때문에 좌우 스크롤이 생기면 안 된다.

스마트폰으로 페이지를 열고 이미지가 있는 부분까지 스크롤한다. 이미지가 화면을 벗어나 잘리거나, 좌우로 밀어야 전체가 보이면 수정이 필요하다. 특히 PC용 고해상도 이미지를 그대로 올린 경우 이 문제가 자주 생긴다.

페이지가 3초 안에 열리는가

왜 중요한가: 모바일에서 페이지 로딩이 3초를 넘으면 절반 이상의 방문자가 이탈한다. 구글은 로딩 속도를 검색 순위 요소로 반영한다.

통과 기준: 4G 환경에서 주요 페이지가 3초 안에 화면에 표시되어야 한다. 와이파이가 아닌 모바일 데이터로 접속했을 때 기준이다.

확인 방법은 두 가지다. 첫째, 스마트폰 와이파이를 끄고 모바일 데이터로 페이지를 연다. 체감상 답답하면 느린 것이다. 둘째, 구글 PageSpeed Insights(pagespeed.web.dev)에 자사 홈페이지 주소를 넣는다. 모바일 점수가 50점 미만이면 개선이 필요하다.

로딩이 느린 주요 원인은 용량 큰 이미지, 불필요한 스크립트, 외부 광고 코드다. 이 부분은 개발팀과 함께 우선순위를 정해야 한다.

구글 서치 콘솔에서 모바일 오류가 없는가

왜 중요한가: 구글 서치 콘솔은 구글이 직접 발견한 모바일 문제를 알려준다. 여기 나온 오류를 방치하면 검색 순위가 내려간다.

통과 기준: 구글 서치 콘솔 "모바일 사용 편의성" 항목에서 오류가 0건이어야 한다. "텍스트가 너무 작음", "클릭 가능한 요소가 너무 가까움" 같은 경고가 없어야 한다.

구글 서치 콘솔(search.google.com/search-console)에 로그인한다. 자사 홈페이지가 등록되어 있지 않으면 개발팀에게 등록을 요청한다. 왼쪽 메뉴에서 "모바일 사용 편의성"을 클릭하면 오류 목록이 나온다. 오류가 있으면 어느 페이지에서 발생했는지 URL까지 보여준다.

이 정보를 개발팀에게 전달하면 수정 범위를 명확히 정할 수 있다. "모바일 최적화"라는 막연한 요청보다 "서치 콘솔에 나온 23개 페이지 오류 수정"이라고 구체적으로 요청하는 편이 예산 산정도 빠르다.

점검 후 다음 단계

위 5가지 항목 중 하나라도 통과하지 못하면 개선이 필요하다. 개발팀에게 요청할 때는 "모바일 최적화"라는 포괄적 표현 대신, 위에서 확인한 구체적 문제를 전달한다. "제품 상세 페이지 이미지가 모바일에서 화면을 벗어남" 같은 식이다.

모바일 페이지 문제를 수정한 뒤에는 AI 검색에서 자사 브랜드가 얼마나 인용되는지 확인할 차례다. Check-X 무료 진단에서 AI 크롤러 접근 여부와 주요 항목 등급을 확인할 수 있다.

모바일 최적화는 한 번 해두면 끝나는 작업이 아니다. 새 페이지를 추가하거나 디자인을 바꿀 때마다 위 항목을 다시 점검해야 한다. 분기마다 한 번씩 이 목록을 꺼내 확인하는 것을 권한다.