모바일 퍼스트 인덱싱 (Mobile-First Indexing)

정의

모바일 퍼스트 인덱싱(Mobile-First Indexing)은 구글이 웹사이트를 색인하고 순위를 결정할 때 데스크탑 버전이 아닌 모바일 버전을 기본 기준으로 사용하는 시스템이다.

2016년 발표 이후 점진적으로 확대되어 2024년 기준 모든 웹사이트에 완전히 적용되었다. 즉, 현재 모든 사이트는 모바일 퍼스트 인덱싱 아래에 있다.

요약

모바일 퍼스트 인덱싱의 실무적 의미: ①데스크탑과 모바일에 동일한 콘텐츠를 제공해야 한다 ②모바일에서 숨겨진 콘텐츠도 색인된다(단, 구글이 의심할 경우 평가 약화) ③반응형 디자인이 가장 안전한 접근법 ④모바일 Core Web Vitals가 순위에 영향.

모바일 퍼스트 인덱싱의 역사

2016년: 발표

구글이 모바일 퍼스트 인덱싱 계획을 공식 발표했다. 당시 구글 검색 트래픽의 절반 이상이 모바일에서 발생하는 상황을 반영한 것이다.

2018-2020년: 점진적 적용

모바일 친화 평가가 높은 사이트부터 순서대로 모바일 퍼스트 인덱싱으로 전환했다. 전환 여부는 GSC의 크롤 에이전트가 "Googlebot Smartphone"으로 표시되는지로 확인할 수 있었다.

2021년: 대부분 사이트 전환

새로 등록되는 사이트는 자동으로 모바일 퍼스트 인덱싱 적용. 기존 사이트도 대부분 전환 완료.

2024년: 완전 전환

2024년 7월, 구글은 모든 웹사이트에 모바일 퍼스트 인덱싱이 완전히 적용되었음을 공식 발표했다. 이제 "모바일 퍼스트 인덱싱 적용 여부"를 확인할 필요가 없다 — 모든 사이트가 적용 대상이다.

모바일 퍼스트 인덱싱의 SEO 의미

1. 색인 기준이 모바일

구글봇이 크롤할 때 스마트폰 User-Agent(Googlebot Smartphone)를 사용한다. 모바일 렌더링 결과가 색인의 기준이 된다.

중요: 데스크탑에만 있고 모바일에는 없는 콘텐츠는 색인에서 누락될 수 있다.

2. 콘텐츠 동일성 필수

✅ 반응형 디자인 = 모바일·데스크탑 동일 HTML
✅ 동일 콘텐츠 = 둘 다 색인 대상
❌ 모바일에 "더보기" 뒤 숨겨진 콘텐츠 = 순위 약화 가능

모바일에서 탭, 아코디언, "더보기" 버튼 뒤에 숨겨진 텍스트는 구글이 색인하지만 노출 가중치가 낮을 수 있다.

3. 구조화 데이터 통일

타이틀 태그, 메타 설명, 구조화 데이터(JSON-LD)가 모바일 페이지에도 동일하게 있어야 한다. 데스크탑에만 있는 스키마는 색인에 반영되지 않는다.

모바일 구현 3가지 패턴

[COMPARISON_TABLE: 반응형 vs 동적 서빙 vs 별도 URL]

패턴 1: 반응형 디자인 (권장)

같은 URL, 같은 HTML, CSS 미디어 쿼리로 화면 크기에 따라 레이아웃 조정.

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

장점: 단일 URL, SEO 친화, 유지보수 간단
단점: 복잡한 인터페이스 구현 어려울 수 있음

패턴 2: 동적 서빙 (Dynamic Serving)

같은 URL이지만 User-Agent에 따라 서버에서 다른 HTML을 반환. Vary: User-Agent 헤더가 필수다.

장점: 모바일 최적화 HTML 제공 가능
단점: 구현 복잡, 캐시 관리 어려움, Googlebot User-Agent 정확히 감지해야 함

패턴 3: 별도 URL (m.example.com)

모바일 전용 서브도메인이나 경로 사용.

장점: 완전 분리된 모바일 경험 가능
단점: 권위 분산, 카노니컬 설정 필수, 유지보수 2배, SEO 가장 불리

자세히는 서브도메인 vs 서브디렉토리 항목 참조. 현재 별도 URL을 사용 중이라면 반응형으로 마이그레이션을 권장한다.

모바일 퍼스트 인덱싱 점검 체크리스트

콘텐츠 동일성

• 핵심 텍스트 콘텐츠가 모바일에서도 표시됨
• 이미지가 모바일에 포함됨 (alt 텍스트 동일)
• 헤더/푸터 내비게이션 모바일에 존재
• 타이틀, 메타 설명 모바일에 동일

구조화 데이터

• JSON-LD 스키마가 모바일 HTML에 포함
• 데스크탑과 동일한 구조화 데이터

성능

• 모바일 Core Web Vitals 통과 (LCP, INP, CLS)
• 모바일 TTFB 800ms 이하

사용성

• Viewport 메타 태그 설정
• 가로 스크롤 없음
• 터치 영역 최소 48×48px
• 폰트 크기 최소 16px

진단 도구

• GSC URL 검사 → 스마트폰 에이전트로 렌더링 확인
• GSC → 경험 → 모바일 사용성 오류 없음

모바일 퍼스트 인덱싱과 Core Web Vitals

구글은 모바일 페이지의 Core Web Vitals를 랭킹에 반영한다. 데스크탑에서는 LCP 통과, 모바일에서는 LCP 실패인 경우 모바일 퍼스트 인덱싱 환경에서 순위가 낮아질 수 있다.

모바일 성능 최적화 우선순위:

1. LCP (Largest Contentful Paint): 이미지 최적화, 서버 응답 속도
2. CLS: 이미지 크기 지정, 광고 공간 예약
3. INP: JavaScript 최적화, 이벤트 핸들러 최적화

자세히는 Core Web Vitals, TTFB, CLS 항목 참조.

AEO 시대의 모바일 퍼스트

AI 봇(GPTBot, ClaudeBot 등)도 모바일 친화 페이지를 더 효율적으로 크롤한다. 모바일 퍼스트 인덱싱의 원칙은 AI 시대에도 유효하다:

• 콘텐츠 접근성: 모바일 HTML에 모든 콘텐츠가 있어야 AI 봇이 발견
• 빠른 응답: AI 봇은 타임아웃이 짧아 TTFB 최적화가 더 중요
• 구조화 데이터: AI 봇도 JSON-LD를 참조해 콘텐츠 구조를 파악

한국 시장 적용

한국 모바일 검색 비중

한국은 모바일 인터넷 사용률이 매우 높다. 스마트폰 보급률과 LTE/5G 인프라가 세계 최고 수준으로, 실제 모바일 검색 비중이 70% 이상으로 추정된다. 모바일 최적화는 한국에서 특히 중요하다.

네이버도 모바일 우선

네이버는 구글과 별개로 자체적인 모바일 우선 정책을 운영한다. 네이버 통합검색에서 모바일 페이지가 우선 평가되며, 네이버 서치어드바이저에서도 모바일 친화성 점검 도구를 제공한다. 자세히는 네이버 SEO 항목 참조.

한국 사이트의 잔존 문제

• 카페24 PC+모바일 분리: 카페24에서 "PC 버전"과 "모바일 버전"을 별도로 운영하는 오래된 사이트들이 잔존. 반응형으로 전환 필요.
• 아임웹: 기본 반응형 지원이지만, 일부 테마에서 데스크탑 전용 요소가 모바일에서 미표시되는 경우 확인 필요.
• m.example.com 별도 운영: 2010년대에 구축된 사이트 중 m. 서브도메인을 사용하는 곳들이 아직 있다.

자주 묻는 질문

Q. 모바일 퍼스트 인덱싱이면 데스크탑 디자인은 중요하지 않나요?
A. 아니다. 구글이 모바일 버전으로 색인하지만 사용자는 모바일과 데스크탑 모두에서 방문한다. 데스크탑 사용자에게도 좋은 경험을 제공해야 하고, 반응형 디자인으로 하나의 코드베이스에서 둘 다 최적화하는 것이 표준이다.

Q. 모바일에서 탭으로 숨겨진 콘텐츠도 색인되나요?
A. 구글은 CSS/HTML로 숨겨진 콘텐츠도 색인한다. 그러나 처음부터 표시되는 콘텐츠보다 중요도가 낮게 평가될 수 있다. 핵심 키워드 콘텐츠는 가능하면 즉시 표시 영역(above the fold)에 배치하는 것이 유리하다.

Q. AMP를 제거하면 모바일 퍼스트 인덱싱에 문제가 생기나요?
A. 아니다. Google은 2021년 이후 AMP를 Google 검색 결과의 우선 조건으로 사용하지 않는다. 반응형 디자인 + Core Web Vitals 최적화가 AMP보다 더 나은 접근법이다. 자세히는 AMP 항목 참조.

Q. 반응형 디자인이 아닌데 모바일 트래픽이 중요하지 않다면 무시해도 되나요?
A. 현재는 불가능하다. 2024년 완전 전환 이후 모든 사이트가 모바일 버전 기준으로 색인·평가된다. 데스크탑 전용 사이트라도 구글봇은 모바일 에이전트로 크롤한다. 모바일 사용자가 없더라도 검색 순위에는 영향을 미친다.

Q. m.example.com을 반응형으로 전환할 때 SEO 주의사항이 있나요?
A. 전환 시 반드시 m.example.com의 각 URL을 www.example.com의 대응 URL로 301 리다이렉트해야 한다. 카노니컬 설정도 업데이트한다. 기존 m. URL에 백링크가 있다면 301이 권위를 메인 도메인으로 전달한다.

관련 출처

• Google Search Central (2024). Mobile-First Indexing best practices. https://developers.google.com/search/docs/crawling-indexing/mobile/mobile-sites-mobile-first-indexing
• Google Search Central (2024). Understanding the mobile-first index. https://developers.google.com/search/blog/2018/03/rolling-out-mobile-first-indexing
• web.dev (2024). Responsive design basics. https://web.dev/articles/responsive-web-design-basics