상담 시작하기

사이트 구조

구글 모바일 중심 색인, 내 홈페이지에 무슨 뜻일까요

구글이 휴대폰 화면을 기준으로 색인한다는 게 무슨 뜻인지, 반응형·m. 주소 사이트별로 무엇을 점검해야 하는지 체크리스트로 정리했어요.

작성 · 수정 · 읽는 시간 약 8분 · 다올라 SEO 가이드

원본Google 검색 센터 「모바일 사이트 및 모바일 중심 색인 생성 권장사항」 · 원문 최종 업데이트 2026-02-20 기준

데스크톱 화면 앞에 강조된 휴대폰 화면 일러스트
핵심 정리
  • 구글이 내용을 읽고 순위를 매길 때 기준으로 삼는 건 PC 화면이 아니라 휴대폰에서 열리는 버전이에요.
  • 반응형 사이트는 PC와 휴대폰이 같은 코드를 쓰니 따로 맞출 게 적고, 휴대폰용 화면을 따로 만든 사이트일수록 점검할 항목이 많아져요.
  • 좁은 화면 때문에 내용을 지우면 구글도 그 내용을 못 가져가요. 지우지 말고 탭이나 접는 메뉴에 넣어 두세요.
  • 휴대폰 버전에만 남은 noindex, robots.txt 차단, 눌러야만 불러오는 본문은 내용이 있어도 색인을 막을 수 있어요.
  • m. 주소를 쓴다면 PC 페이지 하나마다 그에 맞는 모바일 페이지가 있어야 해요. 여러 페이지를 모바일 홈으로 보내면 그 페이지들이 색인에서 빠질 수 있어요.

구글은 내 홈페이지를 휴대폰으로 열었을 때의 모습을 기준으로 내용을 읽고 저장하고 순위를 매겨요. 그래서 PC에서는 보이는데 휴대폰 화면에서 빠진 글이나 사진, 설정이 있다면 구글은 그 내용이 없다고 보게 돼요. 반응형 사이트라면 걱정할 게 많지 않아요. 휴대폰용 화면을 따로 만들었다면 두 버전이 같은지 꼭 점검해 보세요.

모바일 중심 색인은 정확히 무엇인가요

구글이 스마트폰처럼 행동하는 크롤러로 페이지를 가져오고, 그 모바일 버전을 색인과 순위의 기준으로 쓰는 방식이에요. 색인은 구글이 페이지 내용을 읽어서 검색용 저장소에 넣어 두는 과정이에요. 이 크롤러를 구글은 스마트폰 에이전트라고 불러요. 휴대폰 브라우저처럼 사이트를 찾아오는 로봇이라고 생각하면 돼요.

Google의 모바일 사이트 및 모바일 중심 색인 생성 권장사항을 보면, 모바일 버전이 없다고 검색 결과에서 빠지지는 않아요. 그래도 모바일 버전을 갖추라고 강하게 권해요. 이제는 휴대폰 화면이 구글이 내 가게를 보는 대표 화면이라고 이해하면 쉬워요.

내 사이트는 세 가지 방식 중 어디에 해당하나요

점검할 범위는 내 홈페이지가 어떤 방식으로 만들어졌는지에 따라 달라져요. 모바일에 맞춘 사이트는 보통 아래 세 가지 중 하나예요.

방식주소화면을 보여 주는 방법점검 부담
반응형 웹 디자인PC·휴대폰 같은 주소같은 HTML을 화면 크기에 맞게 다르게 배치적음(구글 권장)
동적 게재같은 주소접속한 기기를 알아보고 다른 HTML을 보냄두 버전 비교 필요
별도 URLm.example.com처럼 따로기기마다 다른 주소와 HTML가장 많음

구글은 만들고 관리하기 가장 쉬운 반응형을 권해요. 반응형은 PC와 휴대폰이 같은 내용과 메타데이터를 쓰기 때문에, 아래 점검 항목은 주로 동적 게재와 별도 URL에 해당해요. 휴대폰으로 열었을 때 주소가 m.으로 시작하는 주소로 바뀐다면 별도 URL 방식이에요.

휴대폰 화면에서 빠지면 안 되는 것은 무엇인가요

PC 화면에 있는 주요 내용은 휴대폰 화면에도 똑같이 있어야 해요. 예를 들어 볼게요. 필라테스 스튜디오가 PC에서는 수업 소개, 강사 약력, 가격표를 모두 보여 주는데 휴대폰에서는 화면이 좁다고 가격표를 지웠어요. 그러면 구글은 가격표 내용을 가져가지 못해요. 구글은 이렇게 모바일 내용을 줄이면 트래픽이 일부 줄 수 있다고 안내해요. 지우는 대신 아코디언(눌러서 펼치는 메뉴)이나 탭에 넣어 두는 방법을 권해요.

두 화면을 나란히 놓고 아래 항목을 비교해 보세요.

  • 본문: 주요 글이 PC와 같은지 확인하세요. 디자인과 배치는 달라도 괜찮아요.
  • 제목과 설명문: title 요소와 메타 설명이 두 버전에서 같아야 해요. 구글이 꼽은 일반적인 오류 목록에도 모바일 페이지의 제목·메타 설명 누락이 들어 있어요.
  • 구조화 데이터: PC에 넣은 마크업이 모바일에도 똑같이 있어야 하고, 그 안의 주소는 모바일 주소로 바꿔야 해요. 한꺼번에 넣기 어렵다면 Breadcrumb(탐색경로) 구조화 데이터, Product, VideoObject부터 넣으세요. 기본 개념은 구조화 데이터 기초 가이드에 정리해 두었어요.
  • 이미지: 너무 작거나 흐린 사진은 쓰지 마세요. 대체 텍스트(사진 설명 문구), 캡션, 파일 이름도 PC와 똑같이 맞추세요. 자세한 기준은 Google 이미지 권장사항에 있어요.
  • 동영상: video, embed, object 같은 태그 안에 넣고, 한참 스크롤해야 보이는 곳에 두지 마세요. 찾기 어려운 자리에 있으면 동영상 순위가 낮아질 수 있어요.
  • 광고: 휴대폰 화면 위쪽을 광고가 거의 다 차지하면 이용하기 불편해져요. 구글은 더 나은 광고 표준(Better Ads Standard)을 따르라고 안내해요.

사진 주소도 한 가지 챙길 게 있어요. 페이지를 열 때마다 바뀌는 이미지·동영상 주소는 구글이 제대로 처리하지 못해요. PC와 모바일에서 서로 다른 이미지 주소를 쓰면, 전환되는 동안 이미지 검색 유입이 잠시 줄 수 있어요.

구글이 휴대폰 화면을 제대로 읽을 수 있나요

내용이 다 들어 있어도 구글이 접근하지 못하면 소용이 없어요. 아래 세 가지는 특히 휴대폰 버전에서만 문제가 생기기 쉬워요.

  1. robots meta 태그를 똑같이 맞추기: 모바일 페이지에만 noindex가 남아 있으면 그 페이지는 색인되지 않아요. nofollow가 붙어 있으면 페이지 안의 이미지를 크롤링하지 못할 수 있어요. 태그 쓰는 법은 noindex 가이드를 참고하세요.
  2. 눌러야 불러오는 본문 피하기: 구글은 클릭, 스와이프, 입력을 해야 불러오는 내용은 로드하지 않아요. 사진 스튜디오 포트폴리오가 '더보기'를 눌러야만 불러와지는 구조라면 구글은 그 사진을 못 볼 수 있어요. 지연 로드 콘텐츠를 구글이 볼 수 있게 하는 방법을 확인해 보세요.
  3. 모바일용 파일을 robots.txt로 막지 않기: 모바일 이미지나 파일이 PC와 다른 주소에 있으면 disallow 규칙에 걸려 있을 수 있어요. robots.txt 가이드에서 규칙 읽는 법을 정리했어요.

Search Console의 URL 검사 도구에서 렌더링된 페이지를 열어 보면, 구글이 실제로 보는 화면에 내용이 다 있는지 확인할 수 있어요.

m. 주소를 따로 쓴다면 무엇을 더 챙겨야 하나요

별도 URL 방식은 PC 페이지 하나마다 그에 맞는 모바일 페이지가 있어야 해요. 아래 항목을 차례로 점검하세요.

  • PC 페이지는 정상인데 모바일 페이지가 오류를 내면 그 페이지는 색인에서 빠져요.
  • 모바일 주소에 # 뒤에 붙는 조각(프래그먼트)을 쓰지 마세요. 대부분 색인되지 않아요.
  • 공방의 수업별 페이지들이 휴대폰에서는 모두 m. 홈으로 넘어가게 되어 있다면, 그 페이지들이 전부 색인에서 빠질 수 있어요.
  • robots.txt는 두 버전에 대부분 같은 규칙을 쓰세요.
  • Search Console에 두 버전을 모두 등록해 두세요. 전환하는 동안 데이터가 출렁일 수 있어요.
  • 모바일 쪽 서버가 늘어나는 크롤링을 감당할 수 있는지도 확인하세요.

대표 주소는 PC 주소로 정하고, 모바일 주소는 그 대체 주소로 연결해요. 페이지마다 넣을 태그는 이렇게 나뉘어요.

  • PC 페이지: canonical 태그로 자기 자신을 대표 주소로 지정해요. 여기에 alternate 태그를 하나 더 넣어서, 화면 폭이 좁은 기기에서는 짝이 되는 m. 페이지가 대체 버전이라고 알려 줘요.
  • 모바일 페이지: canonical 태그 하나만 넣어서 짝이 되는 PC 주소를 대표 주소로 가리켜요.

대표 주소 개념은 표준 URL 정하는 법에서 다뤘어요.

정리

  1. 휴대폰으로 내 홈페이지를 열어 어떤 방식인지 확인하세요. 반응형이라면 아래 점검 부담이 크지 않아요. 동적 게재나 m. 주소 방식이라면 2~4번을 차례로 진행하세요.
  2. 휴대폰 화면과 PC 화면을 나란히 놓고 빠진 글, 가격표, 사진 설명, 제목이 있는지 표시하세요.
  3. 모바일 쪽에 noindex가 남아 있지 않은지, robots.txt가 무언가를 막고 있지 않은지, 눌러야만 불러오는 본문이 있는지 확인하세요. URL 검사 도구의 렌더링된 화면도 함께 보세요.
  4. m. 주소를 쓴다면 페이지별 연결, canonical 태그, Search Console 등록을 마지막으로 점검하세요.

자주 묻는 질문

PC와 휴대폰에서 화면 배치가 완전히 달라도 괜찮나요?

배치가 달라도 괜찮아요. 다만 같은 내용이라도 페이지 구조나 레이아웃이 다르면 구글이 내용을 다르게 이해할 수 있어요. 두 버전의 내용이 같다면 같은 검색어로 두 버전 모두 순위가 매겨질 수 있으니, 배치보다 내용이 같은지를 먼저 확인하세요.

홈페이지 빌더 테마를 고칠 수 없어서 모바일 화면이 엉망이에요. 어떻게 하나요?

Wix나 Blogger 같은 CMS(홈페이지 제작 도구)를 쓰는데 지금 테마를 고칠 수 없다면, 모바일에 맞춘 새 테마를 찾아야 할 수도 있어요. 쓰는 도구 이름 뒤에 '모바일 친화적'을 붙여 검색해 보라는 게 구글의 안내예요.

모바일 중심 색인으로 바뀐 뒤 순위가 떨어졌거나 Search Console에서 메시지를 받았어요.

구글은 이런 경우 흔히 생기는 오류 목록을 먼저 확인하라고 안내해요. 구조화 데이터 누락, 모바일 페이지의 noindex, 이미지 누락이나 차단, 흐린 이미지, 대체 텍스트·제목·메타 설명 누락, 모바일 오류 페이지, 여러 페이지가 한 모바일 페이지로 리디렉션되는 경우, 서버 용량 부족 같은 항목이에요. 이 중 해당하는 게 있는지 하나씩 점검해 보세요.

데이터 하이라이터로 구조화 데이터를 넣고 있는데 따로 할 일이 있나요?

데이터 하이라이터는 PC 사이트가 아니라 모바일 사이트를 기준으로 학습시키세요. 대시보드에서 추출 오류가 생기지 않았는지도 정기적으로 확인하는 게 좋아요.

m. 주소를 쓰면서 영어·일본어 페이지도 운영하고 있어요. hreflang은 어떻게 연결하나요?

PC와 모바일을 각각 따로 연결하면 돼요. 모바일 페이지의 hreflang은 다른 언어의 모바일 주소를, PC 페이지의 hreflang은 다른 언어의 PC 주소를 가리켜야 해요. 대표 주소(canonical)는 두 버전 모두 PC 주소로 두세요.

출처

이 글은 위 Google 검색 센터 문서(CC BY 4.0)를 바탕으로 다올라가 한국어로 풀어 쓴 가이드입니다. 원문은 바뀔 수 있으니 중요한 결정 전에는 원문을 함께 확인해 주세요.