모바일에서 깨지는 페이지가 잃는 것 — 1인 사업자 점검 목록

모바일에서 안 보이면 AI도 못 읽는다는 게 사실인가

사실이다. ChatGPT·Claude·Perplexity는 모두 모바일 크롤러로 페이지를 수집한다. 구글도 모바일 우선 색인(Mobile-First Indexing)을 기본으로 쓴다. 모바일에서 숨겨진 텍스트·깨진 이미지·로딩되지 않는 메뉴는 검색엔진과 AI 모두 읽지 못한다.

"PC에서는 잘 보이는데 왜 검색에 안 나오나"라는 질문의 상당수가 이 문제다. 모바일에서 특정 섹션을 접어두거나, 탭으로 숨기거나, 자바스크립트로 나중에 불러오는 구조라면 크롤러가 그 내용을 읽지 못할 수 있다. AI 검색도 마찬가지다. 모바일에서 보이지 않으면 인용 대상에서 제외된다.

내 페이지가 모바일에서 어떻게 보이는지 어디서 확인하나

구글 서치 콘솔의 URL 검사 도구를 쓴다. 구글이 실제로 수집한 모바일 화면을 보여준다. 로그인 없이 접근할 수 있는 페이지라면 누구나 확인할 수 있다.

1. 구글 서치 콘솔에 로그인
2. 왼쪽 메뉴에서 'URL 검사' 선택
3. 확인하고 싶은 페이지 주소 입력
4. '크롤링된 페이지 보기' → '스크린샷' 클릭

여기서 보이는 화면이 구글·AI 크롤러가 읽는 내용이다. PC 브라우저에서 보는 것과 다르다면, 그 차이만큼 검색과 AI 답변에서 불리하다. 특히 서비스 설명·가격·연락처가 모바일에서 접혀 있거나 탭 안쪽에 숨어 있다면 인용 확률이 낮아진다.

모바일에서 글자가 너무 작거나 버튼이 겹치는지 어떻게 아나

구글의 모바일 친화성 테스트를 쓴다. 페이지 주소만 입력하면 글자 크기·터치 요소 간격·뷰포트 설정을 자동으로 점검해준다.

• 도구 주소: https://search.google.com/test/mobile-friendly
• 입력: 확인할 페이지 URL
• 결과: '페이지가 모바일 친화적입니다' 또는 문제 항목 목록

"텍스트가 너무 작아 읽을 수 없습니다", "클릭 가능한 요소가 너무 가깝습니다" 같은 경고가 뜨면 수정이 필요하다. 이런 페이지는 사람도 읽기 어렵지만, 크롤러 입장에서도 중요한 내용인지 판단하기 어렵다. AI가 인용할 문장을 고를 때도 불리하다.

모바일에서 이미지나 지도가 안 뜨는지 어떻게 확인하나

서치 콘솔 URL 검사의 '크롤링된 페이지 보기' → 'HTML 더 보기'를 연다. 여기서 리소스 탭을 보면 로딩에 실패한 이미지·스크립트 목록이 나온다.

실패 이유는 대개 세 가지다.

• robots.txt 차단: 이미지 폴더나 특정 스크립트를 robots.txt에서 막아둔 경우. 의도하지 않았더라도 테마나 플러그인이 자동으로 설정하는 경우가 있다.
• 지연 로딩(Lazy Loading): 스크롤해야 이미지가 뜨는 구조. 크롤러는 스크롤하지 않기 때문에 이미지를 못 읽을 수 있다. 첫 화면의 핵심 이미지는 지연 로딩에서 제외해야 한다.
• 외부 서비스 임베드: 구글 지도·유튜브·인스타그램 같은 외부 콘텐츠는 크롤러가 읽지 못하는 경우가 많다. 지도 주소나 영상 제목을 텍스트로 함께 적어두는 것이 좋다.

이미지 alt 속성도 여기서 확인할 수 있다. 이미지가 안 뜨더라도 alt에 설명이 있으면 AI가 그 내용을 읽을 수 있다. "image01.jpg" 같은 파일명 대신 "○○ 서비스 이용 절차" 처럼 설명을 넣어야 한다.

모바일 문제를 고치면 AI 인용이 바로 늘어나나

늘어날 수 있지만, 보장되지는 않는다. 모바일 최적화는 AI가 페이지를 읽을 수 있게 만드는 조건이지, 인용을 보장하는 충분조건이 아니다. 같은 주제를 다루는 경쟁 페이지가 여럿이라면 내용의 명확성·최신성·출처 신뢰도가 함께 영향을 미친다.

다만 모바일에서 아예 읽히지 않는 페이지는 인용 대상에 들어갈 수 없다. 문제를 고치는 것은 출발선에 서는 일이다. AI 답변에 경쟁사만 나오고 우리는 빠진다면, 모바일 화면 점검을 가장 먼저 해야 한다.

AI 답변에서 갑자기 사라졌을 때 가장 먼저 볼 세 곳 글에서 크롤러 접근 차단 여부를 함께 확인할 수 있다.

대행사 없이 직접 고칠 수 있는 것은 무엇인가

위 점검에서 발견한 문제 중 직접 고칠 수 있는 범위는 이렇다.

• 직접 가능: 이미지 alt 추가, 텍스트 크기 조정(CSS 수정), 외부 임베드 옆에 설명 텍스트 추가, robots.txt에서 불필요한 차단 제거
• 기술 지원 필요: 반응형 레이아웃 전면 수정, 지연 로딩 방식 변경, 자바스크립트 렌더링 구조 개선, 서버 응답 속도 개선

대부분의 1인 사업자 사이트는 워드프레스·카페24·아임웹 같은 빌더로 만들어져 있다. 이 경우 테마 설정에서 모바일 글자 크기·여백·메뉴 표시 방식을 바꿀 수 있다. 플러그인이 문제라면 비활성화 후 다시 테스트해본다.

예산 편성 시즌이라면, 내년에 모바일 개선 작업을 따로 잡을지, 아니면 사이트 전체를 다시 만들지 판단해야 한다. 지금 확인한 문제 목록이 그 판단 근거가 된다. 대행사에 견적을 받을 때도 "모바일 친화성 테스트에서 이런 경고가 떴다"고 구체적으로 말할 수 있으면 불필요한 제안을 걸러낼 수 있다.

AI 검색은 질문마다 답변 후보를 실시간으로 고른다. 한 번 인용됐다고 계속 나오는 것이 아니다. 모바일에서 페이지가 깨진 채로 두면, 경쟁사가 같은 질문에 먼저 인용될 확률이 높아진다. 검색 순위는 천천히 떨어지지만, AI 인용은 어느 날 갑자기 사라진다. 지금 확인하지 않으면 내년에도 같은 문제가 반복된다. Check-X 무료 진단에서 AI 크롤러 접근 여부와 함께 모바일 최적화 등급을 확인할 수 있다.