모바일 사용 편의성 문제가 감지됨 해결방법

 

모바일 사용 편의성 문제가 감지되었다는 알림이 떠서 당혹스럽습니다. 이때까지 아무런 문제가 없었는데 이제와서 이런 알림창이 뜨는 이유가 뭔지 모르겠습니다. 

 

알림창

 

 

문제가 된 페이지는 티스토리 블로그를 시작할 당시 초창기에 작성한 것이고 클릭수도 괜찮았는데 이제와서 문제가 감지되었다는 겁니다. 그런데 생각해보니까 최근들어 클릭수가 줄긴 줄었습니다. 확인해 본 결과 문제는 아래와 같습니다.

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

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

문제 2가지

 

 

HTML을 통해 직접 수정하기도 하는데 서툴게 건드렸다가 일이 복잡해 질 수도 있으니 해당 페이지에서 직접 수정하였습니다. 페이지 내에 삽입되어 있는 이미지 크기가 다른것을 발견하고 작은 크기의 이미지에 맞춰 임의대로 줄였습니다. 그리고 페이지 상단에 있는 자동광고와 그 아래에 있는 텍스트와의 간격을 좀더 넓혀주었습니다.

이미지 줄이기

 

결과 확인하기

1) 구글 서치 콘솔 '모바일 사용 편의성' 선택 

좌측 메뉴

 

2) 수정 결과 확인

검사 실행 중

 

'수정 결과 확인'을 몇번 반복해서 확인하였습니다.

 

수정 결과 확인

 

3) '세부정보 보기' 선택 : 유효성 검사가 시작되었음을 알려줍니다.

세부정보 보기

 

4) '접수중' : 검사결과가 나올 때까지 기다리시면 됩니다.

 

마무리

제대로 수정이 되었는지는 결과가 나와봐야 알것 같습니다. 스스로 예측해서 수정하고 신청해야하는건 어렵고 힘든일이지만 하나씩 해결해 나갈때마다 자신감이 생깁니다. 초보자 여러분들께 도움되는 포스팅이 되길 바랍니다. 포기하지 마시고 끝까지 이어나가시길 마음으로나마 응원하겠습니다.

 

 

문제가 된 페이지 확인

 

 

 

2023.09.16 - [정보창고] - 초보자들을 위한 GDPR 동의 메시지 작성하는 법

초보자들을 위한 GDPR 동의 메시지 작성하는 법