RevealTheme logo

모바일 친화성 검사기

페이지가 모바일 기기에서 올바르게 렌더링되는지 확인합니다.

이 도구 사용 방법

  1. 1

    Paste the full URL of a public page (including https://) into the input field.

  2. 2

    Submit the form — our server fetches the page and parses its HTML.

  3. 3

    Read the verdict banner: green means responsive viewport plus zero issues, red means at least one problem was found.

  4. 4

    Review the issues list and any fixed-width images shown below the banner, then fix the markup on your page.

모바일 친화성 검사기란 무엇인가요?

Google은 모바일 우선 색인 생성으로 페이지의 순위를 매깁니다. 모바일 렌더링이 중요한 버전입니다. 이 도구는 viewport 메타 태그를 검사하고, 작은 화면을 넘칠 수 있는 고정 너비 이미지를 찾으며, 인라인으로 지정된 작은 글꼴 크기를 표시합니다. 표준적인 모바일 사용성 점검을 위해서는 모바일 프로필로 Google의 PageSpeed Insights도 함께 사용해 보세요.

일반적인 사용 사례

  • Quickly confirming a newly launched landing page includes a width=device-width viewport before sending paid traffic to it.

  • Auditing a legacy site built with fixed-width tables and pixel-width images to find pages that overflow on phones.

  • Spot-checking a client's marketing page for missing viewport tags during an SEO handoff.

  • Catching hard-coded tiny inline font sizes that designers added for desktop but forgot to make responsive.

  • Screening a batch of competitor or partner URLs for obvious mobile markup mistakes without opening each in a phone emulator.

  • Teaching juniors what a responsive viewport tag looks like and why fixed-width images break small screens.

자주 묻는 질문

Google의 모바일 최적화 테스트와 같은 것인가요?
Google의 도구는 헤드리스 Chrome에서 페이지를 로드합니다. 이 도구는 HTML에 대해 정적 점검을 수행합니다. 더 빠르지만 덜 철저합니다. 둘 다 유용합니다.

관련 도구