안녕하세요!
오늘은 제가 티스토리 운영과 애드센스를 활용하면서 '모바일 사용 편의성' 문제를 겪고 해결한 후기를 들고 왔어요!
구글 서치 어드바이저를 사용하는데, 아래 사진처럼 어느 날 모바일 사용 편의성 문제가 뜨더라고요 ㅠㅠ
참 쉽지 않은 티스토리죠. 하나씩 해결 방법을 알려드릴게요!!
1. 클릭할 수 있는 요소가 서로 너무 가까움
이건 블로그 글에 있는 사진과 글의 거리, 또는 제목과 본문의 거리, 새로운 제목과 이전 본문의 거리가 너무 가까울 때
발생하는 문제입니다.
모바일에서 검색자가 해당 블로그를 검색 후, 사용할 때 줄 간격 등이 붙어 있어서 광고 혹은 링크를 잘못 클릭을 할 경우가 있기 때문에 이를 수정해달라는 의미입니다. 구글에서는 이를 악용하여 광고를 실수로 누르게 하거나 올바르지 않는 링크를 누르게 하는 행위를 방지하기 위함이기도 해요.
해당 문제를 해결하기 위해서 저는 일단 모든 글들에 사진 사이의 간격이나 본문 내 글 간의 간격 등을 넓혀주었어요.
[ 추가 해결방법 ]
스킨 편집을 통해 태그 간격 넓힐 수 있습니다.
티스토리 → 스킨 편집 → CSS → Ctrl+F : line height 검색하세요. body 항목 안에 있는 ‘line-height’ 찾으신 후, 1또는 1.25로 되어 있는 숫자들을 모두 2 ~ 2.5 정도로 변경해서 저장해주시면 됩니다.
사진과 본문 사이 간격 띄어주기 (엔터키로 구분해주기)
2. 콘텐츠 폭이 화면 폭보다 넓음
이건 글에 넣은 표나 사진 크기가 화면 대비 크다는 뜻이기 때문에 저는 일단 첨부했던 사진들의 크기를 전부 작게 변경했습니다.
추가 방법으로 많은 분들이 뷰포트 viewport 설정을 주셔서 다양한 방법을 적용해보았는데요.
결과적으로 아래 것으로 적용한 후에 통과가 되었어요!
위와 같은 해결 방법을 적용하신 뒤에는 다시 구글 서치 어드바이저에 들어가셔서 문제 해결을 해주시면 되셔요.
재검토를 요청하는 방법은 아래와 같습니다!
수정 결과 확인이라는 버튼이 보이실 거예요 :) 이 버튼을 클릭하면 빠른 초기 유효성 검사 실행 중이라는 팝업이 뜨고, 어느 정도의 시간이 소요될 거예요. 대부분의 문제를 다 수정하셨다면 유효성 검사 상태: 시작됨이라는 표시를 화면에서 보여줍니다. 이후 금방 해결되었다는 알람도 받게 되실 겁니다!
저도 이 이후에 다행히도 큰 문제없이 모바일 사용 편의성 문제가 해결되었다고 메일이 도착했고 잘 운영하고 있는데요...
놀랍게도 한 2주 후, 한 번 더 모바일 편의성 오류가 또 뜨더라고요. 차이가 뭔지는 모르겠네요 ㅠㅠ
할수록 어렵게 느껴지는 티스토리...ㅎㅎ 하면서 계속 배워가는 듯한 블로그는 또 처음이에요 후~
또 새로운 정보를 알게되시는 분들 계시면 공유 부탁드립니다 ㅠㅠ
댓글