본문 바로가기
IT 정보

구글 서치 콘솔 모바일 미지원 페이지 해결 방법

by 먹는키위나는키위사람키위 2023. 2. 21.

구글서치콘솔-모바일미지원페이지-해결방법
구글서치콘솔-모바일미지원페이지-해결방법

 

구글 서치 콘솔 모바일 미지원 페이지 해결 방법에 대하여 이야기해 보도록 하겠습니다.  구글 서치 콘솔 모바일 사용 편의성 부분에서 모바일에서 미지원되는 페이지가 많이 늘어나면 검색 유입량이 줄어든 것일 수도 있으니, 그에 대한 해결 방법에 대하여 알아보고자 합니다. 

 

 

 

 


구글 서치 콘솔 모바일 사용 편의성

구글서치콘솔-모바일사용편의성-실패
구글서치콘솔-모바일사용편의성-실패

 

구글 서치 콘솔에 들어가셔서 해당되는 블로그를 선택한 후 '개요'를 누르시면 실적과 색인생성 그 아래 실험이라는 부분이 나옵니다. 그 실험 부분 중에 모바일 사용 편의성이라는 것이 있는데 여기에 '실패' 아래에 적힌 숫자가 보이신다면 모바일에서 문제가 발생한 것입니다. 

 

 

 

 

 

모바일 미지원 페이지 이유

본인이 열심히 블로그에서 작성한 글이 모바일에서는 지원이 되지 않는다고 합니다. 사실상 블로그 글이 검색이 대부분 모바일이라는 측면에서 보면 굉장히 심각한 문제일 수 있습니다. 위의 사진에서 모바일 사용 편의성 부분을 누르시면 어떤 페이지가 모바일 미지원 페이지인지 파악할 수 있습니다. 

 

<모바일 미지원 페이지의 이유>

  • 클릭할 수 있는 요소가 서로 너무 가까움
  • 콘텐츠 폭이 화면 폭보다 넓음

 

 

 

모바일 미지원 페이지 해결방법

1) 클릭할 수 있는 요소가 서로 너무 가까움

말 그래로 광고 부분에 대한 클릭 의도가 없었음에도 불구하고, 문구나 이미지가 너무 광고 가까이 있어 문제가 발생한 것일 수도 있습니다. 이럴 경우 문제가 있는 페이지에 들어가셔서 문제가 있을 만큼 부분을 떨어뜨려 놓으시면 문제가 해결될 수도 있습니다. 

 

 

2) 콘텐츠 폭이 화면 폭보다 넓음

모바일 화면보다 콘텐츠의 폭이 넓어서 이미지 부분이 잘려 보일 때 나타날 수 있는 문제입니다. 이 경우에는 HTML 편집에 들어가셔서 <head> 아래에 아래 태그를 붙여서 푸는 방법이 있습니다. 

 

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">

콘텐츠 폭이 화면 폭보다 넓을 때 사용하는 태그.txt
0.00MB

 

또 다른 방법으로는 이미지를 편집하여 크기를 줄이는 방법입니다. 검색해 보니 700~800px 미만이어야 한다는 글이 있었으나 저는 이미지를 거의  1/2 또는 1/4로 줄여서 올려보았습니다. 

 

 

 

실제 페이지 테스트 해보기

구글서치콘솔-실제페이지테스트
구글서치콘솔-실제페이지테스트

 

위의 작업을 행한 전 또는 후, 문제가 있는 페이지 하나씩 선택하여 '실제 페이지 테스트'를 실행합니다. 실행을 하게 되면 '모바일 친화적 테스트'로 사이트가 이동되면서 계속 URL 테스트를 진행되게 됩니다. 이것의 결과로 '모바일 지원 페이지' 문구가 뜨면 신청 완료가 된 것입니다.

 

하지만 색인 요청과 마찬가지로 결과가 바로 나오지 않고 시간이 며칠 걸릴 수도 있으니 추후 모바일 사용 편의성의 실패 항목에서 해당 페이지가 빠져있다면 문제가 해결된 것입니다. 

 


오늘은 구글 검색 유입에서 매우 중요한 모바일 미지원 페이지 해결 방법에 대하여 알아보는 시간을 가졌습니다. 실제로 알려진 해결 방안은 간단하지만 그것이 실제로 해결되는 것에 대하여는 시간을 두고 지켜봐야 할 것 같습니다.

 

저의 경우 30개의 문제가 있는 페이지에 대한 유효성 검사 시작 중으로 뜨며 접수 중 페이지가 30개로 보여 조금 더 기다려 봐야 할 것 같습니다. 글 읽어주셔서 감사합니다. 

댓글