728x90

티스토리 "square 스킨"의 구글 서치콘솔 모바일 편의성 오류 수정법

 

 

 

티스토리 "square 스킨"의 구글 서치콘솔 모바일 편의성 오류 수정하는 방법에 대해서 알아보시죠.

 

 

Google seach console의 모바일 편의성 "클릭할 수 있는 요소가 서로 너무 가까움"의 수정법을 알아보겠습니다.

 

Google seach console에서 메일이 왔어요. 아래와 같이▼ 메일이 왔어요. 

블로그 모바일 사용 편의성 문제

 

한 2주간을 수정과 원복을 반복하였습니다. 여태껏 계속해서 이것저것 건드려보았습니다. 그런데 수정이 잘 되질 않더군요. 계속 검색을 해도 나오질 않아서 이것저것 더 손대 보기로 했습니다. 죽이 되든 밥이 되든 계속해서 스타뜨~~!!

메일에서 자세한 내용을 우선 살펴보고 수정을 해야겠죠?? 메일에서는 "클릭할 수 있는 요소가 서로 너무 가까움"이라고 나오고 tag부분이라고 나오네요. 이 부분을 수정을 해야 할 듯한데.. 굳은 머리를 굴려 보기로 합니다. 그리고 검색을 하니 다른 스킨사용자분들께서는 대부분은 html or css 부분을 수정을 하시더라고요. square 스킨의 수정 방법은 보이질 않아서 이것저것 손을 대보고 원복 하고 하기를 반복을 하다가 무언가 조금 바뀌는 것을 확인을 하고 수정하고 저장하기로 하기로 하였습니다.

그런데 이것을 손대고 나서야 해결이 되었는데요. "square 스킨"에서 수정 방법을 알려드릴게요. 쉽게 알아봅시다. 항상 저는 쉽게 쉽게를 추구하니깐!!

  • 티스토리 블로그의 블로그 관리로 이동할게요. ( 본인 블로그 주소로 이동 후 q를 눌러줍니다. )
  • 꾸미기 탭에서  스킨 편집으로 이동합니다.

티스토리 스킨편집

 

  • "square 스킨"의 스킨 편집으로 이동합니다.
  • html편집으로 이동합니다.

 

티스토리 html편집

 

  • html편집으로 이동을 하시고 상단확인.
  • 상단에 html, css, 파일 업로드 3가지가 있는데 우리가 손대야 할 곳은 css이니 css 클릭.

티스토리 > html > css

 

 

  • css이동 이후 ctrl + f를 눌러서 tag를 검색
  • 아래와 같이 되어있었습니다. 
  • 이 부분을 수정합니다. 

css의 tag 부분 수정 전
css의 tag 부분 수정 전

 

  • 수정된 부분은 아래와 같습니다. ▼ 참조

css의 tag 부분 수정 후
css의 tag 부분 수정 후

 

수정할 부분은 line-height를 넣고 크기를 수정해야하니 숫자를 계속해서 변경하다가 보니 이정도면 되겠다고 해서 수정 후 저장하고 구글서치콘솔에서 확인요청을 해놓고 기다렸습니다. 그리고 어제 메일이 왔어요.

진짜 검색해도 결과물이 없고 다른 스킨에 대해서는 수정 방법들이 많았습니다. 그렇다고 스킨을 바꿔서 사용하기 싫었기 때문에 진짜 오랫동안 시간을 투자해서 변경을 하고 원상복구를 하고 찾아보았습니다. 위 내용대로 수정을 하고 나서 결국!! 메일이 왔어요. 아래와 같이 구글 서치 콘솔에서 모바일 사용 편의성 문제가 해결되었다고 이메일이 왔습니다. 코드인지 먼지도 잘 모르는 제가 또 이렇게 한 단계 성장했다는 느낌!! 아주 감만에 기분이 좋아 이렇게 글을 씁니다. 

 

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

 

"square스킨"을 사용하는 사용자로써 다른 내용들은 수정하는 방법들이 있었지만, 해당 스킨의 사용자 별로 없는지 이런 수정하는 내용이 없기에 저같이 잘 모르시는 분들을 위해 이 글을 남깁니다. 

 

반응형

+ Recent posts