품질·성능·보안 · 공식 문서
모바일 친화성 테스트 대신 쓰는 도구와 점검 순서
구글은 2023년 12월 모바일 친화성 테스트와 모바일 사용성 보고서가 없어진다며 문서에서 언급을 걷었습니다. 지금은 서치 콘솔 URL 검사의 스크린샷, Lighthouse, Chrome 기기 모드, 실제 휴대폰의 4가지를 순서대로 씁니다.
「모바일 친화성 테스트」를 검색하면 아직 옛 도구 안내가 많이 나옵니다. 그 도구와 서치 콘솔의 모바일 사용성 보고서는 구글이 2023년 12월에 종료를 알린 도구입니다.
모바일 대응을 확인하는 일은 그대로 남았습니다. 이 편은 지금 쓰는 도구와 점검 순서를 공식 문서 원문으로 정리했습니다.
발견 01
구글은 2023년 12월 1일 모바일 친화성 테스트와 모바일 사용성 보고서를 문서에서 걷었습니다
Removed mentions of the Mobile Friendly Test and the Mobile Usability report throughout our documentation, as they are going away.
모바일 친화성 테스트와 모바일 사용성 보고서가 없어지므로 문서 전체에서 언급을 걷었다.
| 바뀐 것 | 지금 상태 | 공식 문서 원문 |
|---|---|---|
| 모바일 친화성 테스트·모바일 사용성 보고서 | 없어짐. 문서에서도 언급을 걷음 | Removed mentions of the Mobile Friendly Test and the Mobile Usability report throughout our documentation, as they are going away.모바일 친화성 테스트와 모바일 사용성 보고서가 없어지므로 문서 전체에서 언급을 걷었다. |
| 페이지 경험 자가 진단 | 모바일 화면 질문은 그대로 남음 | Does your content display well on mobile devices?콘텐츠가 모바일 기기에서 잘 보이는가? |
| 구글이 대신 걸어 둔 도구 | Chrome Lighthouse | This toolset from Chrome can help you identify a range of improvements to make related to page experience, including mobile usability.Chrome의 이 도구 모음은 모바일 사용성을 포함해 페이지 경험과 관련된 여러 개선점을 찾는 데 도움이 된다. |
| 색인 기준 | 모바일 버전 콘텐츠로 색인 | Google uses the mobile version of a site's content, crawled with the smartphone agent, for indexing and ranking.구글은 스마트폰 에이전트로 크롤링한 모바일 버전 콘텐츠로 색인을 만들고 순위를 정한다. 이것을 모바일 중심 색인 생성이라고 한다. |
도구는 없어졌어도 구글은 모바일 버전 콘텐츠로 색인합니다. 모바일 화면이 깨지면 색인되는 내용도 그 화면을 따라갑니다.
반응형과 m. 사이트 중 어떤 구성이 맞는지는 「반응형 홈페이지와 m. 사이트 차이, 리뉴얼 판단 기준」 편에 자세히 적었습니다.
발견 02
지금은 구글이 본 화면, 자동 감사, 화면 흉내, 실제 기기의 4가지로 나눠 봅니다
| 순서 | 도구 | 어디서 | 무엇을 보나 | 공식 문서 원문 |
|---|---|---|---|---|
| 1 | URL 검사 실제 URL 테스트 | 서치 콘솔(소유 확인한 사이트만) | 구글 크롤러가 렌더링한 페이지의 스크린샷 | You can view a screenshot of the rendered page as the Google-InspectionTool sees it. This is useful for confirming that all elements of the page are present and appear as you intend. A screenshot is available only in a live test with a successful test result.Google-InspectionTool이 본 대로 렌더링된 페이지의 스크린샷을 볼 수 있다. 페이지 요소가 모두 있고 의도대로 보이는지 확인할 때 쓴다. 스크린샷은 실제 테스트가 성공했을 때만 나온다. |
| 2 | Lighthouse | Chrome 개발자 도구, 명령줄, Node 모듈 | 터치 영역 크기·간격, 뷰포트, 확대 차단 같은 자동 감사 | Lighthouse is an open-source, automated tool to help you improve the quality of web pages. You can run Lighthouse in Chrome DevTools, from the command line, or as a Node module.Lighthouse는 웹 페이지 품질 개선을 돕는 오픈 소스 자동 도구다. Chrome 개발자 도구, 명령줄, Node 모듈에서 돌릴 수 있다. |
| 3 | Chrome 기기 모드 | Chrome 개발자 도구 | 모바일 뷰포트 크기로 본 화면(흉내) | Think of device mode as a first-order approximation of how your page looks and feels on a mobile device.기기 모드는 페이지가 모바일 기기에서 어떻게 보이고 느껴지는지에 대한 1차 근사치로 생각한다. |
| 4 | 실제 휴대폰 | 기종이 다른 직원 휴대폰 | 글자 크기, 메뉴 누르기, 가로 스크롤 | When in doubt, your best bet is to actually run your page on a mobile device.확실하지 않으면 실제 모바일 기기에서 페이지를 열어 보는 것이 가장 좋다. |
You can view a screenshot of the rendered page as the Google-InspectionTool sees it. This is useful for confirming that all elements of the page are present and appear as you intend.
Google-InspectionTool이 본 대로 렌더링된 페이지의 스크린샷을 볼 수 있다. 페이지 요소가 모두 있고 의도대로 보이는지 확인할 때 쓴다.
URL 검사의 스크린샷은 실제 URL 테스트가 성공했을 때만 나옵니다. 색인된 결과 화면에는 스크린샷이 없으니 「실제 URL 테스트」를 눌러야 합니다.
기기 모드는 PC에서 모바일을 흉내 낸 화면입니다. Chrome 문서도 확실하지 않을 때는 실제 기기에서 열어 보라고 적었습니다.
발견 03
옛 도구에서 보던 항목 5가지 중 3가지는 Lighthouse 감사가 이어서 봅니다
| 옛 항목 | 지금 보는 자리 | 원문 |
|---|---|---|
| 뷰포트 설정 | Lighthouse 성능 인사이트 「모바일 표시 영역 최적화」 | Tap interactions may be delayed by up to 300 ms if the viewport isn’t optimized for mobile뷰포트가 모바일에 맞춰져 있지 않으면 탭 반응이 최대 300ms 늦어질 수 있다. |
| 확대·축소 차단 | Lighthouse 접근성 meta-viewport 감사 | `[user-scalable="no"]` is not used in the `<meta name="viewport">` element and the `[maximum-scale]` attribute is not less than 5.viewport 메타 태그에 user-scalable="no" 가 없고 maximum-scale 이 5보다 작지 않다(확대를 허용한다). |
| 탭 요소 간격 | Lighthouse 접근성 「터치 영역의 크기와 간격이 충분합니다」 | Touch targets have sufficient size and spacing.터치 영역의 크기와 간격이 충분하다. |
| 글자 크기 | 기본 설정에 자동 감사 없음. 기기 모드와 실제 휴대폰으로 봄 | When in doubt, your best bet is to actually run your page on a mobile device.확실하지 않으면 실제 모바일 기기에서 페이지를 열어 보는 것이 가장 좋다. |
| 구글이 본 모바일 화면 | URL 검사 실제 URL 테스트의 스크린샷 | You can view a screenshot of the rendered page as the Google-InspectionTool sees it. This is useful for confirming that all elements of the page are present and appear as you intend.Google-InspectionTool이 본 대로 렌더링된 페이지의 스크린샷을 볼 수 있다. 페이지 요소가 모두 있고 의도대로 보이는지 확인할 때 쓴다. |
글자 크기는 지금 Lighthouse 기본 설정에 자동 감사가 없습니다. 그래서 휴대폰에서 본문을 확대 없이 읽을 수 있는지 사람이 직접 봅니다.
네이버 「모바일 사용성」 문서도 같은 방향을 가리킵니다(원문: 반응형 웹은 다양한 크기를 지원하는 모바일 환경에서 사용자가 페이지의 확대/축소 없이 여러분의 웹 콘텐츠를 보다 쉽게 소비할 수 있도록 도와줍니다.)
발견 04
같은 점검이라도 B2B·B2C·B2G는 먼저 열어 볼 페이지가 다릅니다
예시 ① 문의형 기업 사이트(B2B)
구매 담당자는 이동 중에 휴대폰으로 제품 사양표와 문의 폼을 엽니다. 넓은 사양표가 화면 밖으로 밀리는지부터 봅니다.
문의 폼의 입력 칸과 전송 버튼은 Lighthouse 터치 영역 감사와 실제 휴대폰 두 가지로 확인합니다.
예시 ② 자사 쇼핑몰(B2C)
상품 상세와 장바구니가 매출에 바로 이어집니다. 옵션 선택 버튼끼리 너무 붙어 있지 않은지 터치 영역 감사로 봅니다.
상품 상세 URL 몇 개를 URL 검사로 열어 스크린샷에 가격과 상품 설명이 보이는지 확인합니다.
예시 ③ 공공기관 누리집(B2G)
공지 게시판과 첨부 파일 목록은 표가 많아 모바일에서 가로로 밀리기 쉽습니다. 기기 모드로 표가 있는 페이지를 먼저 봅니다.
글자 크기 조절 기능이 있다면 확대·축소 차단 감사와 함께 봅니다. 담당 직원 휴대폰으로 확인한 날짜를 점검표에 적어 둡니다.
그럼 모바일 점검은 어떤 순서로 하나요?
- 홈, 매출이나 문의가 나오는 페이지, 표가 많은 페이지를 하나씩 골라 점검할 URL 목록을 만듭니다.
- 서치 콘솔 URL 검사에서 URL마다 「실제 URL 테스트」를 누르고 「테스트된 페이지 보기」의 스크린샷을 봅니다.
- 같은 URL을 Chrome 개발자 도구의 Lighthouse로 돌려 터치 영역·뷰포트·확대 차단 감사를 봅니다.
- 기기 모드로 화면 폭을 바꿔 가며 가로 스크롤과 잘리는 표를 찾습니다.
- 마지막으로 실제 휴대폰에서 글자 크기와 메뉴 누르기를 확인하고, 고친 뒤 같은 순서로 다시 봅니다.
조사 방법
- Google Search Central 「Latest Google Search Documentation Updates」 (문서 수정일 2026-10-23) · 최종 확인일 2026-10-25 · https://developers.google.com/search/updates
- Google Search Central 「Understanding page experience in Google Search results」 (문서 수정일 2026-09-22) · 최종 확인일 2026-10-25 · https://developers.google.com/search/docs/appearance/page-experience
- 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
- Search Console Help 「URL Inspection tool」 · 최종 확인일 2026-10-25 · https://support.google.com/webmasters/answer/9012289
- Chrome for Developers 「Introduction to Lighthouse」 (문서 수정일 2025-06-02) · 최종 확인일 2026-10-25 · https://developer.chrome.com/docs/lighthouse/overview
- GoogleChrome/lighthouse (GitHub) 「en-US.json · ko.json · default-config.js (Lighthouse 13.5.0)」 · 최종 확인일 2026-10-25 · https://github.com/GoogleChrome/lighthouse/tree/main/shared/localization/locales
- Chrome for Developers 「Simulate mobile devices with device mode」 (문서 수정일 2024-02-20) · 최종 확인일 2026-10-25 · https://developer.chrome.com/docs/devtools/device-mode
- 네이버 서치어드바이저 「모바일 사용성」 (문서 수정일 2020-08-03) · 최종 확인일 2026-10-25 · https://searchadvisor.naver.com/guide/markup-mobile
- 도구 4가지와 옛 항목 5가지의 대응은 위 문서들을 읽고 묶은 것입니다. 묶는 방식은 편집 판단입니다.
- 서치 콘솔 도움말의 옛 모바일 사용성 문서 URL은 2026-10-25 확인 때 Lighthouse 소개 문서로 넘어갔습니다.
- 예시 ①②③은 이해를 돕기 위해 만든 가상 상황이며, 실제 기업·기관의 사례가 아닙니다.
- 원문은 영어판(hl=en)이고, 도구·보고서 이름은 같은 문서 한국어판(hl=ko) 표기와 Lighthouse 한국어 화면 문구를 따랐습니다.