> 강좌 > SEO > 모바일 사용 편의성 검사

모바일 사이트 사용 편의성 검사

참고페이지: 구글 웹마스터 툴 이용. 웹마스터도구에 검색트래픽 > 모바일 사용 편의성 항목이 있다.

모바일 사용 편의성이 중요한 이유

휴대기기에서 발생하는 웹 트래픽이 전 세계적으로 증가하고 최근 연구에서는 모바일 방문자의 경우 모바일용 사이트에 재방문하는 경향이 높다는 것을 보여주고 있어 최적의 검색결과를 표시하는 데 있어 모바일 사용 편의성의 중요성이 확인되었습니다. 즉 모바일 사용자를 위한 검색결과는 다음과 같은 방식으로 사용 가능한 콘텐츠에 연결되어야 합니다.

페이지의 모바일 사용 편의성 문제 수정

검색 트래픽 섹션의 모바일 사용 편의성 보고서는 모바일 방문자가 심각한 사용 편의성 문제를 겪고 있는 사이트 페이지를 표시합니다. 이 보고서를 사용하여 특정 페이지 관련 오류를 진단 및 수정하고 검색 성능 및 관련성을 향상시킬 수 있습니다. 예를 들어 보고서에 있는 그래프를 사용하여 사이트의 모바일 사용 편의성 문제를 줄이기 위한 노력을 모니터링할 수 있습니다. 또한 보고서에는 아래에 설명된 6개의 주요 모바일 사용 편의성 오류가 표시됩니다. 각 오류를 클릭하여 URL별 세부 보고서를 확인할 수 있습니다.

각 세부 보고서에는 오류를 확인하고 수정하는 데 도움이 되는 단계별 지침이 제공됩니다. 오류를 해결하고 나면 Google 시스템에서는 다음번에 사이트를 크롤링할 때 이러한 수정사항을 반영합니다.

참고: 이러한 모바일 사용 편의성 문제 중 대부분은 Google Web Fundamentals 가이드에 설명되어 있으며 다양한 기기에서 잘 작동하는 웹사이트의 권장사항을 제시합니다.

플래시 사용

대부분의 모바일 브라우저는 Flash 기반 콘텐츠를 렌더링하지 않습니다. 그러므로 모바일 방문자는 콘텐츠, 애니메이션 또는 네비게이션을 표시하기 위해 Flash를 사용하는 페이지를 사용할 수 없습니다. 최신 웹 기술을 사용해 디자인과 페이지 애니메이션을 설계하는 것이 좋습니다. Web Fundamentals 가이드에서 디자인에 대해 자세히 알아보세요.

표시 영역이 구성되지 않음

사이트 방문자는 대형 데스크톱 모니터부터 태블릿 및 작은 스마트폰에 이르기까지 화면 크기가 다양한 여러 기기를 사용하므로 페이지에 meta viewport 태그를 사용하여 표시 영역을 지정해야 합니다. 이 태그는 페이지의 크기 및 배율을 기기에 적합하도록 조정하는 방법을 브라우저에 알리는 역할을 합니다.
반응형 웹 디자인 기본사항에서 자세히 알아보기

고정 너비 표시 영역

이 보고서는 표시 영역이 고정 너비로 설정된 페이지를 표시합니다. 일부 웹 개발자는 비반응형 페이지를 일반적인 모바일 화면 크기에 맞도록 조정하기 위해 표시 영역을 고정 픽셀 크기로 정의합니다. 이 오류를 수정하려면 사이트의 페이지에 반응형 디자인을 도입하고 표시 영역이 기기의 너비와 배율에 적절하게 일치하도록 설정합니다. Google Web Fundamentals에서 올바르게 표시 영역을 설정하는 방법에 대해 읽어보세요.

콘텐츠의 크기가 표시 영역에 맞지 않음

이 보고서에는 수평으로 스크롤해야 페이지의 글자와 이미지를 볼 수 있는 페이지가 표시됩니다. 이는 페이지가 CSS 선언에서 절대값을 사용하거나 특정 브라우저 너비(예: 980픽셀)에서 최적의 상태로 표시되도록 설계된 이미지를 사용할 때 발생합니다. 이 오류를 수정하려면 페이지에서 CSS 요소에 관련된 너비 및 위치 값을 사용할 뿐만 아니라 이미지도 배율을 조정할 수 있어야 합니다. 자세히 알아보려면 표시 영역에 맞게 콘텐츠 크기 조정을 참조하세요.

글꼴 크기가 작음

이 보고서는 페이지의 글꼴 크기가 너무 작아 알아보기 어려워 모바일 방문자가 '손가락으로 확대'해야만 읽을 수 있는 페이지를 파악합니다. 웹페이지에 대해 표시 영역을 지정한 후 글꼴 크기를 설정하여 표시 영역 내에서 적절하게 조정합니다. 글꼴 크기 관련 권장사항은 눈에 잘 들어오는 글꼴 크기 사용을 참조하세요.

터치 요소가 너무 가까움

이 보고서는 버튼과 탐색 링크 등의 터치 요소가 서로 너무 가깝게 있어 모바일 사용자가 원하는 요소를 손가락으로 탭하려고 할 때 바로 옆에 있는 요소도 함께 탭하게 되는 사이트의 URL을 표시합니다. 이러한 오류를 수정하려면 버튼과 탐색 링크의 크기와 공간을 모바일 방문자에게 맞게 올바르게 지정해야 합니다. 자세히 알아보려면 적절한 탭 타겟 크기 지정을 참조하세요.

갱신: 2016.10