구글은 2023년 10월부터 모든 사이트를 모바일 우선 색인으로 평가하고 있습니다. 핵심 의미는 단순합니다 — 구글봇이 사이트를 가져갈 때 데스크탑 버전이 아닌 모바일 버전을 봅니다. 모바일에서 안 보이는 본문·이미지·내부 링크는 사실상 없는 것으로 처리됩니다.
모바일 우선 색인이 정확히 무엇인가
가장 흔한 오해 두 가지부터 정리합니다.
오해 1 — "반응형 사이트라 상관없다": 반응형이라도 모바일에서 일부 콘텐츠를 display:none으로 숨기거나, 이미지가 다르거나, 일부 내부 링크가 빠지면 그 부분은 색인 손실로 이어집니다. 반응형은 "같은 코드"라는 의미일 뿐, "같은 콘텐츠가 보인다"는 보장은 아닙니다.
오해 2 — "별도 모바일 사이트(m.example.com)가 더 안전": 답이 아닙니다. 관리 부담만 늘고, 데스크탑·모바일 콘텐츠 일치(parity) 점검이 더 까다로워집니다. 구글도 반응형을 공식 권장합니다.
데스크탑 색인과의 결정적 차이 3가지
- 콘텐츠 패리티가 절대적 — 데스크탑에만 있는 본문·이미지·링크·메타는 사실상 색인되지 않습니다. "모바일에서 보이는 것"이 "전부"입니다.
- 구조화 데이터도 모바일 기준 — JSON-LD 마크업이 데스크탑에만 있고 모바일에 빠져있으면 적용되지 않습니다.
- 모바일 UX가 직접 영향 — 탭 영역, 가독성, 가로 스크롤 같은 모바일 UX 신호가 랭킹에 영향을 줍니다.
점검 1·2 — viewport 메타와 콘텐츠 패리티
점검 1: viewport 메타 태그
모든 페이지에 다음 태그가 있어야 합니다.
<meta name="viewport" content="width=device-width, initial-scale=1">
이게 없으면 모바일 친화성 평가에서 즉시 탈락합니다. 빠뜨리는 경우가 의외로 많고, 특히 외주 제작 사이트에서 자주 보입니다.
점검 2: 콘텐츠 패리티
데스크탑/모바일에서 본문·이미지·내부 링크·메타가 동일한지 점검. 자주 빠지는 패턴:
- 아코디언이나 탭 안에 숨겨진 본문 (구글은 펼친 상태로 평가하지만 일부 누락 위험)
- 사이드바·푸터 콘텐츠가 모바일에서 사라짐
- 데스크탑 메뉴에만 있던 카테고리·서브페이지 내부 링크
- 호버 시 표시되는 툴팁 본문 (모바일에서는 안 보임)
점검 3·4 — 구조화 데이터·모바일 UX
점검 3: 구조화 데이터 일치
Schema.org JSON-LD가 모바일·데스크탑 양쪽에 동일하게 출력되는지 확인합니다. CMS·플러그인을 쓰는 경우 일부 스키마가 데스크탑에만 출력되는 경우가 있습니다.
점검 방법: Chrome DevTools → Device Mode → 모바일 화면으로 전환 → 페이지 소스에서 JSON-LD 검색.
점검 4: 모바일 UX 기본
- 탭 영역 최소 48×48px (버튼·링크 사이 간격 포함)
- 폰트 16px 이상 (확대해도 가독성 유지)
- 가로 스크롤 없음 (overflow 점검)
- Mobile-Friendly Test(search.google.com/test/mobile-friendly) 통과
점검 5·6 — 모바일 속도와 미디어
점검 5: 모바일 속도
PageSpeed Insights는 기본적으로 모바일 점수가 기준입니다. LCP·INP·CLS 모두 모바일 점수가 데스크탑보다 낮은 경향이 있으므로, 모바일에 우선 최적화해야 합니다.
- Hero 이미지는 모바일용 별도 srcset 권장 (작은 해상도 버전)
- 모바일에서는 WebP·AVIF 압축 효과가 더 큽니다
- 3G 환경 시뮬레이션으로 측정 (실제 사용자 일부 환경 반영)
점검 6: 이미지·동영상
- 모바일에 표시 안 되는 이미지는 색인되지 않음 (alt 텍스트도 무의미)
- lazy loading은 OK, 단 above-the-fold(첫 화면) 이미지는 즉시 로드
- 모바일에서 자동 재생되는 동영상은 정책상 음소거 + 사용자 인터랙션 후 가능
자주 빠뜨리는 함정 — 데스크탑/모바일 분리 사이트
별도 도메인(m.example.com) 운영 사이트는 점검 항목이 두 배가 됩니다.
- 양쪽 canonical이 정확히 서로를 가리켜야 함
alternate태그로 데스크탑-모바일 연결- 두 사이트 간 콘텐츠가 동일하게 유지되는지 (시간이 지나면 어긋나는 경우가 많음)
- 모바일 사이트 robots.txt가 차단되지 않는지
- 두 사이트의 구조화 데이터, sitemap 모두 점검
측정 — 서치콘솔과 외부 도구
점검 도구 4가지를 함께 사용합니다.
- 서치콘솔 → URL 검사: 각 URL의 "모바일 사용성" 확인
- Mobile-Friendly Test: 모바일 친화성 합격/불합격 + 구체적 이슈
- PageSpeed Insights (Mobile 탭): Field Data가 실제 사용자 데이터, 랭킹 기준
- 서치콘솔 "Core Web Vitals" 모바일 리포트: 사이트 전체 모바일 성능 추적
주의할 점 — 콘텐츠가 먼저, 디자인은 나중
모바일 우선 색인 점검에서 가장 자주 놓치는 우선순위가 "디자인보다 콘텐츠"입니다. 모바일 화면이 예쁘게 보이는 것보다 "같은 콘텐츠가 데스크탑/모바일에서 동일하게 보이는가"가 압도적으로 중요합니다.
또한 변경 직후 일시적 트래픽 하락이 있을 수 있습니다. 데스크탑 콘텐츠 의존도가 높았던 사이트일수록 영향이 큽니다. 1~2주 관찰 후 안정화 여부를 봅니다.