구글 서치 콘솔 '모바일 사용 편의성' 오류 해결방법

블로그 운영을 하다 보면 '구글 서치 콘솔'을 통해, 내 블로그에 어떤 문제점은 없는지 분석을 하게 되는데요. 각종 오류들 가운데 '모바일 사용 편의성'과 관련된 문제를 발견할 때가 있습니다.

 

이런 오류가 구체적으로 블로그의 어떤 페이지에서 발견되었는지 알 수 있기 때문에... 해결하기가 한결 수월한 편이죠.

 

 

모바일이면 모바일 페이지~ 웹이면 웹페이지에서 실제로 뭐가 문제인지 방문해서 확인해봐야 정확히 알 수 있으니까요.

 

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

구글 서치 콘솔의 '모바일 사용 편의성' 관련 페이지입니다. 최근에 2개의 오류가 발견되었는데요..

 

2개의 문제점을 확인해보니.. '클릭할 수 있는 요소가 서로 너무 가까움', '콘텐츠 폭이 화면 폭보다 넓음'이라고 합니다.

 

이런 경우, 스마트폰을 통해서 해당 페이지가 어떻게 보이고 있는지 무조건 확인해야 해요. 클릭할 수 있는 요소가 너무 가깝다는 이야기는.. 어떤 링크나 광고 또는 사진 등이 너무 붙어있다는 이야길 수도 있습니다.

 

콘텐츠 폭이 화면 폭보다 넓다는 이야기는.. 현재 모바일 페이지에서 사진이 모바일 페이지의 범위를 벗어나 있다고 해석하시면 됩니다.

 

오류가 있다고 알려진 똑같은 페이지를 웹, 모바일에서 확인해보았습니다. 위 화면을 보다시피.. 웹페이지에서는 지극히 정상으로 보이고 있지만..

 

반면에, 스마트폰에서 열어본 모바일 페이지에서는 삽입된 사진들이 본문의 폭을 벗어나고 있습니다. 헐.. 왜 이런 일이 생겼을까요?

 

티스토리 '모바일 사용 편의성' 오류 원인과 해결

 

 

구글 서치 콘솔에서 오류 발생 주소를 알려주지 않았다면 모바일 사용 편의성 해결이 엄청 어려웠겠죠. 블로그 포스팅수가 많았으면 찾기조차 불가능할 정도..

 

해당 페이지의 html을 열고, 왜 사진들이 본문 폭을 벗어났는지? 확인을 합니다.

 

사진 파일명 바로 옆을 보니까 style이 삽입되어 있는데요.. 왜 생겼는지 이유는 명확히 알 수 없습니다. 아무튼 각각의 사진 파일명 옆의 style을 과감하게 모두 제거하세요.

 

저 부분은 제거를 해도 블로그 본문에서 사진은 멀쩡하게 표시됩니다.

 

html의 style을 없앴을 뿐인데.. 다시 스마트폰에서 모바일 페이지를 확인해보면.. 이전과는 다르게 정상적으로 사진들이 본문 폭에 딱 맞춰져 있음을 알 수 있습니다.

 

이런 부분들이 블로그 로딩 속도에 영향을 줄 수 있기 때문에.. 구글 서치 콘솔에서 '모바일 사용 편의성' 문제를 발견하게 되면 즉시 해결하시라고 권장합니다.

 

✅구글 서치 콘솔 바로가기

Google Search Console

✅구글에 블로그 검색 동록하기

구글에 블로그 검색 동록하기

✅무제한 사이트맵 무료로 만들고 업로드 하기

무제한 사이트맵 무료로 만들고 업로드 하기