모바일 사용 편의성 문제가 발견되었습니다.

어제 티스토리 스킨을 바꾸었는데 아래와 같은 이메일이 도착했다.

 

 

 

구글 서치 콘솔로 접속해서 문제가 있는 URL을 클릭하고 실제 페이지 테스트를 클릭한다.

 

 

 분석중....

 

끝나고 나니

 

페이지가 모바일에 친화적임

이 페이지는 휴대기기에서 사용하기 쉽습니다. 라고 나온다..

 

 

일단 클릭할 수 있는 요소가 서로 너무 가까움이라는 문제는 아무 이상이 없는것으로...

 

그럼 뭐가 문제지?

 

핸드폰에서 문제가 된 URL을 입력해 보았다.

 

콘텐츠 폭이  화면 폭 보다 넓음 이것이 문제인가 보다.

 

그런데 이것도 분석을 해보았는데

페이지가 모바일에 친화적임

이 페이지는 휴대기기에서 사용하기 쉽습니다. 라고 나온다..

 

 

 

 

문제가 있기는 한데 분석에서는 모바일 친화적이라는 결과를 보여준다.

 

일단 이미지가 화면 밖으로 벗어나니 이미지를 화면폭에 맞추는 코드를 넣어준다.

 

티스토리 글 수정에서 HTML로 변경합니다.

<img src="xxxxxx.jpg" style="width: 100%" alt="" / >

 

style="width: 100%" 을 추가.

 

 

변경 전	변경 후

 

며칠뒤에 어떤 결과를 줄지 기다린다.