모바일 사용 편의성 문제가 발견됨 해결 법 - 구글 콘솔

구글 콘솔을 연결하고 구글에서 블로그에 대한 정보에 접근할 수 있게 설정을 해두게 되면 위와 같이 모바일 사용 편의성 문제가 발견될 시 메일을 보내주게 됩니다.

구글 콘솔에서 전달 받은 메일

위의 사진처럼 메일이 오게 되는데 당연히 중앙 하단에 있는 모바일 사용 편의성 문제 해결하기를 눌러서 발견된 문제점들을 해결해 주도록 합니다.

링크를 클릭해주게 되면 사이트에서 발견된 문제점에 대한 내용들을 요약하여서 보여줍니다. 

 

위의 요약표를 보면 메일에도 나와있었지만 "클릭할 수 있는 요소가 서로 너무 가까움", "콘텐츠 폭이 화면 폭보다 넓음"의 두 가지 이유로 각각 6개씩 문제가 생겨 있어서 해당 페이지들의 점검을 해보겠습니다.

 

오류 유형에 마우스 커서를 가져가면 클릭하여 들어갈 수 있는 하이퍼텍스트 링크 모습이 나타나고 이를 눌러줍니다.

 

오류 유형을 클릭한 모습 - 가장 하단

제일 하단을 보면 문제가 되는 포스팅이나 블로그 페이지를 나타내 줍니다. 

하나하나 확인해보면 옆에 세 가지 항목이 뜨는 것을 확인할 수 있습니다.

1.. 클립보드에 URL 복사

2. 새 탭에서 열기 

3. URL 검사 

 

일단 1, 2번을 묶어서 보면 1번은 클립보드에 URL을 복사해서 인터넷 창에 입력하여 들어갈 수 있게 해주는 건데 2번 새창에서 보는 것과 같기에 이렇게 하여 문제 있는 페이지를 들어가 볼 수 있습니다. 

 

사이트 들어가서 확인을 해보면 모바일 문제로 인해서 접속하여 확인하는 중에서도 PC 화면으로 나오기 때문에 문제점을 확인하기 어려우실 겁니다. 이럴 때는 F12를 누르신후 ctrl + shift + m을 누르시면 모바일 화면에서 보이는 모습을 보실 수 있습니다. 

 

그리고 3번 URL 검사는 밑의 사진과 같은 창이 뜨게 되는데 오른쪽 상단의 실제 URL 테스트를 진행해 주시면 됩니다.

URL 검사를 실행하고 들어온 모습

 

실제 URL 테스트를 실행한 모습

아무것도 바꾸지 않은 페이지의 경우에도 다시 검사를 실행한 것만으로도 문제가 없다는 결과를 얻어 낼 수 있었습니다. 

 

처음 오류 유형을 눌렀을 때의 화면으로 넘어가서 수정 결과 확인을 눌러줍니다.

이렇게 되면 유효성 검사가 시작되지 않음 상태에서 유효성 검사 시작됨 상태로 넘어가게 됩니다.

 

 

여기까지 진행하고 유효성 검사 결과를 기다려 보면 되겠습니다.

 

요약정리하여 보면 

 

Step 1. 메일에 온 모바일 사용 편의성 문제 해결하기 링크를 눌러 구글 서치 콘솔로 접속합니다

Step 2. 모바일 사용 편의성 항목에서 문제 유형을 클릭합니다.

Step 3. 문제 있는 페이지를 모바일 버전으로 확인하여 문제가 있는지 여부를 확인 (F12 사용) 수정할 곳이 있으면 수정합니다.

Step 4. 유형별로 수정 결과 확인을 클릭하여 유효성 검사를 시작하고 결과를 기다립니다.

 

여기까지 구글 콘솔 모바일 사용 편의성 문제가 발견됨 해결 방법이었습니다.

이렇게 진행하고 결과를 기다려 보면 되겠습니다.

문제 유형은 메일이나 구글 콘솔에서 알려주기 때문에 해당 문제를 문제가 있는 작업 환경에서 확인하여 수정해주는 부분이 중요한 포인트가 되겠습니다.

 

문제점이나 문의점은 댓글로 부탁드립니다.