본문 바로가기

블로그부업

구글 모바일 사용 편의성 문제해결 방법

반응형

 

티스토리 스킨 변경 후 구글 검색 오류가 나서 당황스러운 1인입니다. 티스토리를 1년 반 정도 운영했지만 이런 문제를 겪은 적이 없었습니다. 문제는 당연히 스킨 변경이 영향을 줬다고 판단했습니다. 이런 메시지를 받는 것이 큰 의미가 없다는 의견도 있지만 사이트 신뢰에 대한 반증이기도 하기에 구글 노출을 위해서는 최대한 빨리 해결해야 하는 게 맞다고 생각했습니다.

현재까지 상황은 이렇습니다.

 

  1. 22.06.28 : 모 블로그 전문가의 영상에 따라 티스토리 블로그 스킨 변경
  2. 22.06.29 : 구글 서치 콘솔로부터 오류 메일 받음. 문제가 되는 페이지 6개
  3. 22.07.01 : 문제 페이지 증가 총 7개
  4. 22.07.01 : 해결방법 몇개를 찾아보고 수정 후(사진 삭제 및 line-height 2.5 수정 및 문단 사이, 사진과 글 사이 엔터 띄우기) 유효성 검사 재검토 진행 중
  5. 22.07.02 : 문제 페이지 감소 총 3개, 모바일 사용 편의성 문제 해결 코드 삽입 후 유효성 검사 재검토
  6. 22.07.03 : 문제해결 되었다는 메일 받음


문제가 된다는 내용은 다음과 같습니다.

  • 콘텐츠 폭이 화면 폭보다 넓음
  • 클릭할 수 있는 요소가 서로 너무 가까움

여러 가지 해석이 있지만 어차피 해결하는 방법은 같으므로 굳이 설명드리지는 않겠습니다.

조치방법

아래 방법을 하나씩 하고 유효성 검사를 신청해 보시길 바랍니다. 제 경험으로는 모바일 사용 편의성 문제 해결 코드만 넣으면 거의 다 해결될 것이라고 생각합니다.

  • 티스토리 스킨 편집 → HTML 편집 → CSS → 아래와 같은 코드 추가 적용

구글 모바일 사용 편의성 문제 해결
구글 모바일 사용 편의성 문제해결

 

  • 사진과 글 사이 엔터로 간격 늘리기, 사진 용량 줄이기
  • 티스토리 스킨편집 → HTML 편집 → CSS → line-height 2.5로 수정
  • 사진삭제

스킨 변경은 블로그 개설 초기에 변경하시는 걸 추천드립니다. 스킨 변경에 따른 오류 생각보다 골치 아플 수 있습니다. 구글 서치 콘솔(Google search console)로부터 모바일 사용 편의성 오류 메일을 받으면 위와 같이 해결해 보시길 바랍니다.

 

반응형