리뉴얼·이전 · 공식 문서
반응형 홈페이지와 m. 사이트 차이, 리뉴얼 판단 기준
반응형은 같은 URL에 같은 HTML을 주는 구성이고, 구글은 구현과 유지보수가 가장 쉽다는 이유로 반응형을 권장합니다. m. 사이트도 색인되지만 본문·메타 태그·캐노니컬 같은 점검 항목 9가지를 두 벌로 맞춰야 합니다.
리뉴얼 견적에는 「반응형」이 거의 늘 들어갑니다. 지금 사이트가 PC용과 m. 으로 시작하는 모바일용으로 나뉘어 있다면, 하나로 합칠지가 먼저 정할 일입니다.
판단 기준은 구글이 무엇으로 색인을 만드는지입니다. 구글은 모바일 버전을 읽고 색인합니다. 그래서 모바일 쪽이 빠지면 검색에서도 빠집니다.
발견 01
구글은 모바일 버전의 콘텐츠로 색인을 만들고 순위를 정합니다
Google uses the mobile version of a site's content, crawled with the smartphone agent, for indexing and ranking.
구글은 스마트폰 에이전트로 크롤링한 모바일 버전 콘텐츠로 색인을 만들고 순위를 정한다. 이것을 모바일 중심 색인 생성이라고 한다.
이 방식을 구글 한국어판은 「모바일 중심 색인 생성」이라고 부릅니다. PC 화면에만 있고 모바일 화면에 없는 문단은 색인에 들어가기 어렵습니다.
구글은 모바일 페이지에 콘텐츠를 덜 넣으면 트래픽이 줄 수 있다고 적었습니다. 모바일에서 공간이 부족하면 지우지 말고 탭·아코디언으로 접으라고 권합니다.
If it's your intention that the mobile page should have less content than the desktop page, you can expect some traffic loss when your site is enabled mobile-first indexing, since Google can't get as much information from your page as before.
모바일 페이지에 일부러 콘텐츠를 덜 넣으면, 모바일 중심 색인 생성이 켜졌을 때 구글이 전처럼 많은 정보를 얻지 못해 트래픽이 일부 줄 수 있다.
발견 02
모바일 화면을 만드는 구성은 3가지이고, 구글과 네이버 모두 반응형을 권장합니다
| 구성 | URL | HTML | 구글 공식 문서 원문 |
|---|---|---|---|
| 반응형 웹 디자인 | 같은 URL | 같은 HTML | Serves the same HTML code on the same URL regardless of the users' device (for example, desktop, tablet, mobile, non-visual browser), but can display the content differently based on the screen size. Google recommends Responsive Web Design because it's the easiest design pattern to implement and maintain.기기(데스크톱·태블릿·모바일·비시각적 브라우저)와 상관없이 같은 URL에 같은 HTML을 주고 화면 크기에 따라 다르게 보여 준다. 구현과 유지보수가 가장 쉬워 구글은 반응형 웹 디자인을 권장한다. |
| 동적 게재 | 같은 URL | 기기마다 다른 HTML | Dynamic serving: Uses the same URL regardless of device.동적 게재는 기기와 관계없이 같은 URL을 쓴다. |
| 별도 URL(m. 사이트) | 기기마다 다른 URL | 기기마다 다른 HTML | Separate URLs: Serves different HTML to each device, and on separate URLs.별도 URL은 기기마다 다른 HTML을 다른 URL로 준다. |
네이버 서치어드바이저도 반응형을 권장한다고 적었습니다(원문: 네이버 검색엔진은 반응형 웹 사이트를 권장하며 자세한 내용은 웹 표준 HTML 마크업 가이드의 모바일 사용성 항목을 참고하세요.)
네이버는 반응형을 이렇게 정의합니다(원문: 반응형 웹은 웹 브라우저가 웹문서의 가로폭을 기기의 스크린 크기에 맞게 자동적으로 조절하는 기법입니다.) 리뉴얼에서 「반응형 홈페이지 뜻」을 물으면 이 문장이 답입니다.
In case of responsive design, the content and the metadata are the same on the mobile and desktop version of the pages.
반응형 디자인은 모바일과 데스크톱 버전의 콘텐츠·메타데이터가 같다.
발견 03
m. 사이트를 두면 점검 항목 9가지를 두 벌로 맞춰야 합니다
| 점검 항목 | 반응형 | m. 사이트 | 공식 문서 원문 |
|---|---|---|---|
| 모바일 본문이 PC 본문과 같은가 | 같은 HTML이라 저절로 같음 | 페이지마다 비교 | Make sure that your mobile site contains the same content as your desktop site.모바일 사이트에 데스크톱 사이트와 같은 콘텐츠가 들어 있는지 확인한다. |
| robots 메타 태그가 같은가 | 저절로 같음 | noindex 가 m. 쪽에만 있는지 확인 | Use the same robots meta tags on the mobile and desktop site.모바일과 데스크톱 사이트에 같은 robots 메타 태그를 쓴다. |
| 제목·설명이 같은가 | 저절로 같음 | 두 벌을 함께 고침 | Make sure that the title element and the meta description are equivalent across both versions of your site.제목 요소와 메타 설명이 두 버전에서 같게 한다. |
| 오류 페이지 상태 코드가 같은가 | 저절로 같음 | 한쪽만 404 인 페이지를 찾음 | Make sure that the error page status is the same on both the desktop and mobile sites.오류 페이지 상태가 데스크톱과 모바일 사이트에서 같게 한다. |
| 여러 URL을 m. 홈으로 보내지 않는가 | 해당 없음 | PC URL마다 짝 m. URL | If different URLs redirect to the same URL (for example, to the home page on mobile devices) after your domain is enabled for mobile-first indexing, all these pages will be missing from the index.모바일 중심 색인 생성이 켜진 뒤 여러 URL이 같은 URL(예: 모바일 홈)로 리디렉션되면 그 페이지들은 모두 색인에서 빠진다. |
| 캐노니컬과 alternate 를 짝지었는가 | 자기 URL 하나 | PC가 캐노니컬, m. 이 alternate | The desktop URL is always the canonical, and the mobile version is the alternate of that URL.데스크톱 URL이 늘 캐노니컬이고, 모바일 버전은 그 URL의 alternate 다. |
| 웹마스터 도구에 두 버전을 모두 등록했는가 | 한 사이트 | PC·m. 모두 등록 | Verify both versions of your site in Search Console to make sure that you have access to data and messages for both versions. / 또한, 데스크톱 및 모바일 사이트 모두 웹마스터도구에 등록하여 네이버 검색로봇이 모바일 사이트의 존재를 알 수 있도록 처리해 주세요.구글: 두 버전의 데이터와 메시지를 받을 수 있게 서치 콘솔에서 두 버전을 모두 확인한다. 네이버 원문은 한국어 그대로다. |
| 기기별 이동이 HTTP 리디렉션인가 | 해당 없음 | 자바스크립트 대신 HTTP | 사용자의 웹 브라우저 환경에 맞게 redirect 처리 시는 자바스크립트가 아닌 HTTP redirect를 사용해주시기 바랍니다. |
| m. 서버가 크롤링을 감당하는가 | 한 서버 | m. 서버 용량 확인 | Ensure that your mobile site has enough capacity to handle a potential increase in crawl rate on the mobile version of your site.모바일 버전의 크롤링 빈도가 늘 수 있으니 모바일 사이트 서버가 감당할 용량을 갖추게 한다. |
m. 사이트가 검색에서 문제가 되는 것은 구성 자체보다 두 벌이 어긋날 때입니다. 모바일 쪽에만 noindex 가 남거나, PC 상세 URL이 모두 m. 홈으로 가면 그 페이지는 색인에서 빠집니다.
네이버도 m. 페이지마다 짝이 되는 PC URL을 캐노니컬로 적으라고 권합니다(원문: 여러분의 사이트가 동일한 콘텐츠에 대하여 데스크톱 사이트에 대응하는 별도의 모바일 사이트가 있다면 모바일 사이트의 페이지에 1:1로 대응되는 데스크톱 사이트의 URL을 명시적으로 지정하는 것을 권장합니다.)
발견 04
m. 사이트를 반응형으로 합치면 m. URL마다 짝 URL로 301 리디렉션을 겁니다
합치면 m. 으로 시작하는 URL이 없어집니다. 그 URL이 받던 검색 유입과 외부 링크는 리디렉션으로 새 URL에 넘깁니다.
구글은 옛 URL에서 새 URL로 서버 측 영구 리디렉션을 권장합니다(원문: We recommend server side permanent redirects from the old URLs to the new URLs as you indicated in your mapping.) m. 페이지도 PC 짝 URL로 하나씩 잇습니다. 순서는 「도메인 변경 리다이렉트」 편에 자세히 적었습니다.
발견 05
같은 판단도 B2B·B2C·B2G 는 먼저 볼 항목이 다릅니다
예시 ① 제품 사양표가 긴 장비 제조사 사이트(B2B)
PC 화면의 사양표가 m. 화면에서 빠져 있다면 그 사양은 색인에 들어가기 어렵습니다. 반응형으로 합칠 때 표를 지우지 말고 가로 스크롤이나 접는 칸으로 둡니다.
예시 ② m. 사이트를 따로 운영하는 쇼핑몰(B2C)
상품 상세 URL마다 m. 짝이 있는지가 먼저입니다. 모바일에서 들어온 PC 상품 URL이 m. 홈으로 가면 그 상품 페이지는 색인에서 빠질 수 있습니다.
합칠 때까지는 서치 콘솔과 서치어드바이저에 PC·m. 두 버전을 모두 등록해 둡니다.
예시 ③ 모바일 누리집을 따로 둔 공공기관(B2G)
공지·민원 안내가 PC 누리집에만 올라오고 모바일 누리집에는 늦게 붙는다면, 색인은 늦은 쪽을 따라갑니다. 리뉴얼 과업에 반응형 통합과 m. URL 리디렉션을 함께 적습니다.
그럼 지금 m. 사이트가 있다면 무엇부터 보나요?
- PC 페이지 몇 개를 골라 휴대전화로 열고, 같은 본문·제목이 나오는지 비교합니다.
- m. 페이지 소스에서 noindex 와 캐노니컬(PC URL을 가리키는지)을 확인합니다.
- 서치 콘솔 URL 검사로 모바일 페이지가 어떻게 보이는지 확인합니다.
- 리뉴얼로 합치기로 했다면 m. URL 목록을 뽑아 PC 짝 URL과 짝표를 만듭니다.
- 공개 날 m. URL마다 301 리디렉션이 짝 URL로 가는지 확인합니다. 확인 방법은 「리다이렉트 확인 방법」 편에 있습니다.
조사 방법
- Google Search Central 「Mobile site and mobile-first indexing best practices」 (문서 수정일 2025-12-10) · 최종 확인일 2026-10-25 · https://developers.google.com/search/docs/crawling-indexing/mobile/mobile-sites-mobile-first-indexing
- 네이버 서치어드바이저 「모바일 사용성」 (문서 수정일 2020-08-03) · 최종 확인일 2026-10-25 · https://searchadvisor.naver.com/guide/markup-mobile
- 네이버 서치어드바이저 「웹 사이트를 만들 때」 (문서 수정일 2020-08-03) · 최종 확인일 2026-10-18 · https://searchadvisor.naver.com/guide/seo-basic-create
- Google Search Central 「How to move a site」 (문서 수정일 2026-08-20) · 최종 확인일 2026-10-18 · https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes
- 점검 항목 9가지는 위 문서들이 별도 모바일 사이트에 대해 적은 일을 반응형과 나란히 비교할 수 있게 묶은 것입니다. 묶는 방식과 「반응형」·「m. 사이트」 칸은 편집 판단입니다.
- 예시 ①②③은 이해를 돕기 위해 만든 가상 상황이며, 실제 기업·기관의 사례가 아닙니다.
- 원문은 영어판(hl=en)이고, 구성·도구 이름은 같은 문서 한국어판(hl=ko) 표기를 따랐습니다.