[구글] 클릭할 수 있는 요소가 서로 너무 가까움 문제 해결

[구글] 클릭할 수 있는 요소가 서로 너무 가까움 문제 해결

 

안녕하세요 Mr.꾸 입니다.

 

블로그를 처음 시작할 때는 구글 서치콜솔에 나오는 모든 문제를 해결해야지!! 라고 시작을 했건만... 갈수록 귀차니즘에 밀려 방치를 해뒀네요

 

다시 돌아와서 해결하기 쉬운 문제 부터 해결하려고 합니다.

물론, Mr.꾸가 혼자 알아낸 방법은 아니고, 구글링을 해보니, 저와 같은 문제가 나와서 해결하신 분이 굉장히 많더라구요

 

그래서, 그걸 참조하여 해결했답니다.

 

어느날 구글 서치 콜솔에 들어가서, 모바일 사용 편의성에 들어가보니, 2건의 문제가 있다고 나왔습니다.

 

모바일 사용 편의성 문제

모바일 편의성

이것을 어떻게 해결할까?

 

구글링을 해보니 답은 간단했습니다.

Line 별 공간을 더 주면 되는 문제 였습니다.

 

그럼, 고쳐볼까요?

 

우선, 티스토리 스킨 편집으로 들어 갑니다. 그리고 다들 아시죠? HTML 편집 GOGO!!

그 다음 줄간격 같은 것은 양식이기 때문에 CSS 를 선택합니다.

그리고 line-height 를 검색해보세요

 

CSS의 line-height

line-height 수정

 

Mr.꾸의 블로그는 1.25로 설정이 되어 있었네요

이것을 넉넉히 2배!! 2.5로 수정해보고 다시 테스트를 해보자구요

 

재확인을 요청한 이후 하루가 지나고 구글에서 메일이 왔습니다. 해결됐다는 ㅎㅎ

 

그리고 다시 구글 콘솔로 들어가 확인을 해봤죠

 

모바일 편의성

모바일 편의성 통과

 

하다 보니 콘텐츠 폭이 화면 폭보다 넓음도 해결이 됐네요

 

끝!!