티스토리 스킨 선택, 어떤 스킨이 좋을 것인가?

티스토리의 매력 중 하나는 다양한 스킨의 선택과 HTML 편집을 통한 커스터마이징이라고 할 수 있습니다. 제가 자꾸 서브 블로그에 대해 언급을 하니 최근 서브를 운영하시는 분들이 좀 늘어난 것 같습니다. 새 블로그를 시작하게 되면서 처음으로 고민하는 것은 '스킨 선택'입니다. 

 

이번 글은 스킨을 추천하는 글은 아닙니다. 스킨을 선택할 때 무엇을 최우선에 염두에 두어야 하는지에 대한 이야기입니다. 

 

스킨 선택할 때 고려해야 할 사항

우리가 스킨을 선택할 때는 어디서 주로 작업을 하시나요? PC에서 주로 하시지 않을까 싶습니다. 모바일의 작은 화면에서 스킨을 골라 선택하기도 어려울 뿐 아니라 관리자 메뉴 보는 것 자체도 불편하죠. (카카오에선 모바일 관리자 화면도 좀 해 줄 생각이 있기는 할까요??)

 

또한 스킨 선택하기 위한 화면에서 보여지는 스킨들의 미리 보기 모습 역시 PC버전 모습으로 보여줍니다. 우리 역시 스킨 선택하고 편집하고 잘 보이나? 확인을 주로 데스크탑 모드의 화면을 보면서 하죠. 그곳에서 내 눈에 좋아 보이는 그런 스킨을 고르게 됩니다.

 

스킨 변경 페이지에서의 스킨 미리보기

 

하지만, 스킨 선택할 때 중요하게 생각할 것은 실제로 블로그에 접속하는 사용자들의 비율입니다. 블로그마다 이 비율은 다르겠지만, 검색 위주로 운영되는 블로그들은 대부분 모바일의 접속 비율이 PC보다 높을 가능성이 높습니다. 아래 예시를 보시죠.

 

모바일, PC 접속 비율

🔺 티스토리 유입 통계에서 보여지는 모바일과 PC 접속 비율입니다. 거의 8:2에 가깝습니다.

 

관련된 자료를 검색해 보니, 다이티 데이터 마켓이란 곳에서 나온 2021년 1분기 검색엔진 유입 트렌드에서도 모바일이 근소하게 PC를 앞서 있는 것을 확인할 수 있습니다.
(출처: https://market.dighty.com/trendreport/?idx=6280894&bmode=view )

네비어, 다음, 네이트는 모바일이 앞선다는 자료

🔺 위 자료를 보면 다음의 경우 모바일 검색 비중이 높다고 나오는 것을 볼 수 있죠. 그리고 구글은 PC가 조금 더 높다는데, 전반적으로는 그런 경향이 있는지는 조금 의문입니다. 

 

구글 유입 위주인 블로그

🔺 구글 유입이 거의 전부인 블로그인데, 모바일 비율은 67% 나 됩니다. 

 

결론적으로, 모바일로 유입되는 사용자의 비율이 더 높습니다. 그래서 스킨을 변경하고 꾸밀 때 가장 최우선에 염두를 해야 할 것은 '모바일 화면'의 가독성이 좋은지, 사용성이 좋은지 로딩 속도가 빠른지 여부입니다. PC에서 예쁘게 보이는 것은 그 다음입니다.

 

PC 화면과 모바일 화면의 차이는?

스킨을 변경하고 바꿀 때 PC에서 작업을 하다 보니 자꾸 그 화면에서 잘 나오는지 여부만 신경쓰게 되는데, 모바일 화면을 꼭 확인하시고 스킨을 꾸미는 것이 좋습니다. 모바일은 사이드바가 없으니 가장 크게 영향을 받는 부분이 일단은 사이드바죠.

 

보통 사이드바에 '카테고리'가 있으므로 모바일에서도 사이드바의 역할은 중요하긴 합니다. 스킨에 따라 모바일 화면에서는 카테고리가 본문 최하단으로 이동해서 붙는 것도 있고, 메뉴 형식으로 팝업되어 상단 메뉴를 누르면 화면 옆에서 메뉴가 나오는 방식도 있습니다.

 

이 부분은 개인의 선택입니다. 모바일 화면을 우선으로 고려한다면 스킨들의 차이는 거의 없다고 보셔도 됩니다. 사이드바가 팝업이냐 본문 하단이냐 이런 차별화 밖에 할 수 있는게 없기 때문이죠.

 

저의 개인적인 선택은 PC에서는 사이드바가 있고, 모바일에서는 메뉴 누르면 사이드바가 튀어 나오는 스킨을 골랐습니다. 그런 스킨이 애드센스 수익도 좋고 가독성도 좋으냐? 에 대해서는 저도 아직 답을 할 만큼의 경험은 없습니다.

 

어디까지나 스킨 선택은 '개취'의 영역이니까요. 다만, 스킨 변경시 PC화면을 꾸미는데 너무 정성을 다할 필요 없다는 것을 말씀드릴 뿐입니다. 

 

PC에서 모바일 화면 확인하는 방법

그럼, 스킨을 세팅하면서 꼭 옆에 스마트폰을 두고 들어가서 보면서 확인해야 할까요? PC에서 스킨 세팅하면서 아주 쉽게 모바일에서 보여지는 화면 확인하는 방법이 있습니다.

 

바로, 네이버 웨일 브라우저를 쓰는 겁니다. 네이버 웨일 브라우저의 우측 상단의 점3개 메뉴를 들어가면 Mobile 이라고 되어 있는 메뉴가 있는데, 해당 버튼을 누르면 모바일 화면으로 볼 수 있는 창이 하나 뜹니다. 그 창에서 티스토리에 접속하면 모바일 페이지로 연결이 됩니다.

 

네이버 웨일 브라우저

웨일 브라우저에서 모바일 창을 열면 아주 쉽고 간편하게 모바일 화면을 확인할 수 있는 것이죠. 단축키는 Ctrl+Shift+m 입니다. 이 키를 누르면 모바일 창이 바로 뜹니다.

 

이상, 스킨에 대한 글을 마칩니다. 끝!