스킨 변경으로 인한 "모바일 사용 편의성 문제" 해결 방법

 오랫동안 한가지 스킨을 사용했다. 어떤 종류의 스킨을 사용하든 콘텐츠의 내용만 충실하다면 검색을 통해 많은 사람들을 유입할 수 있다고 생각을 했기 때문에 스킨이 크게 중요하다는 생각을 하지 못했었다. 

내가 계속 사용했던 티스토리의 두번째 반응형 스킨

  하지만, 최대한 내용에 충실히 포스팅을 하려 해도 방문자수가 크게 늘지 않고, 검색을 통해 들어온 게시물 외에 다른 카테고리나 게시물에 접근하기 위해서는 왼쪽 상단을 클릭해 숨겨둔 카테고리 창을 활성화 시켜야 한다는 점에서 순간적인 가시성이 떨어진다고 생각이 들어 스킨을 한 번 바꿔보았다. 

카테고리를 쉽게 볼 수 있고, 전체 글 목록의 가시성이 좋은 북클럽 스킨

  그래서 위에처럼 가시성이 좋은 북클럽 스킨으로 변경을 했다. 한 눈에 다양한 카테고리의 글 목록들을 볼 수 있었고, 가시성이 좋아 뭔가 괜히 한 번 더 목록을 뒤져볼 법 한 디자인으로 변경이 되었다고 생각했다. 변경 후 방문자수가 크게 늘지는 않았지만, 뭔가 블로그가 산뜻해진 기분이었고, 저 디자인에 맞게 썸네일도 통일을 해볼까 연구를 해보려던 찰나 메일을 하나 받게 되었다.   

 

모바일 사용 편의성 문제가 있다는 메일

 "클릭할 수 있는 요소가 서로 너무 가까움", "콘텐츠 폭이 화면 폭보다 넓음"이라는 모바일 사용시의 편의성 문제가 제기되었다고 한다. 티스토리 블로그를 운영하며 애드센스 광고를 통해 수익을 거둔지 거의 2년이 다 되어가며, 처음 받아보는 내용의 메일이었기 때문에 며칠 전 바꾼 스킨이 그 이유일거라 쉽게 짐작할 수 있었다. 스킨을 적용하면서 다음 애드핏 광고가 게시물이 정해놓은 폭을 넘어 화면 에 꽉 차지 않는 현상을 직접 목격하기도 했기 때문이었다. 스킨의 가시성이 참 좋은데, 이런 오류를 품고 있다는 점이 조금 아쉬웠다. 이런 오류만 보완이 되면 북클럽 스킨은 현재 티스토리에서 보유하고 있는 스킨 중 가장 마음에 드는 스킨이었다.

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

 메일 내용 중 "모바일 사용 편의성 문제 해결하기"를 클릭해서 들어가면 위와 같이 해당 오류가 발생한 횟수와 오류의 상세 정보에 대해서 나온다. 각 오류 유형을 클릭해서 들어가볼 수가 있다. 

오류 1. 클릭할 수 있는 요소가 서로 너무 가까움.

오류 2. 콘텐츠 폭이 화면 폭보다 넓음.

 아래에 예시로 든 URL주소가 두가지 오류를 동시에 포함하고 있다고 하였으니 아마 스킨변경으로 인한 모든 게시물들에서 동시에 나타나게 된 오류였던 것 같다. 내 생각엔 혼자 모바일 창 크기에 반응을 하고 있지 않은 다음 애드핏 광고만 조절하면 해결이 될 것 같았지만, 확실하지 않은 해결책이었으므로, 일단 기존에 사용하던 스킨으로 다시금 변경을 하였다.

블로그 스킨을 북클럽이 아닌 #2로 바꾸었다.

 스킨을 바꾸는 조치를 한 후 "수정 결과 확인"을 클릭하니 유효성 검사가 시작되었음을 확인할 수 있었다. 아마 원래대로 게시물 배치가 되었으니 오류 해결이라는 결과가 나오지 않을까 하는데, 결과가 나오면 추후 포스팅 내용을 보완하고자 한다. 원래는 스킨에 따라 수익이나 방문자들의 체류가 크게 영향을 받지 않을 거라고 생각했는데, 막상 스킨을 바꿔보니 한 눈에 보이는 가시성에 조금이나마 체류시간이 늘어날 것 같았다. 스킨 여부에 관계없이 콘텐츠만으로 블로그를 활성화시키는 데에 어려움이 있어, 조금이나마 활성화되는데 도움이 되지 않을까 싶어 스킨변경을 신청한건데 이런 처음 겪는 오류를 겪게 되어 이렇게 해결중에 있는 것이다. 일단은 이렇게 일단락이 되지 않을까 싶은데, 유효성검사가 끝나고 난 후 조금의 사족을 더 달아야겠다. 스킨 변경으로 인한 "모바일 사용 편의성 문제" 해결 방법, '나는 원래 스킨으로의 변경'이라는 방법을 썼다. 추후 유효성 검사 결과여부에 따라, 원하는 스킨을 그대로 유지하면서 세부 코드를 수정하는 방식으로 보완을 할 수 있는지 여부를 실험해볼 생각이다. 끝.