2014. 11. 19. 10:15ㆍ블로그/블로그 디자인
티스토리 반응형 스킨의 인기가 뜨겁습니다. 반응형 스킨이란 PC, 스마트폰, 태블릿PC 등 블로그 접속환경에 따라 각자 최적화된 이미지와 구성을 보여줄 수 있는 스킨을 말합니다. 개발에 손이 많이 가지만 검색엔진최적화에 도움이 되는 것으로 알려져있습니다. 티스토리 자체적으로 반응형 스킨을 지원하지 않기 때문에 웹디자인에 조예가 깊은 개인 블로거들이 직접 반응형 스킨을 만들어 배포하고 있습니다. 대부분 무료지만, 유료로 서비스하는 경우도 있습니다. 저는 반응형 스킨을 사용할 의향이 아직까지 없지만 독자분들 중에는 반응형 스킨을 적용해보고 싶은 분들이 있을 거에요. 반응형 스킨의 장점, 단점, 추천 스킨을 정리했습니다.
반응형 스킨의 장단점
1. 장점 '모바일 기기에서도 예쁜 블로그 디자인 + 검색엔진최적화에 도움'
티스토리 모바일 화면 구성은 어딘지 모르게 부족한 게 사실입니다. 그리고 모바일 화면에서 접속했을 때 주소가 바뀌게 됩니다. 블로그 주소/m/OOO 식입니다. 내 블로그 포스트를 본 방문자가 글이 유용하다고 생각됐을 때 주소를 링크할 수 있는데요. 이렇게 되면 모바일 화면과 PC 화면의 주소가 다르기 때문에 검색엔진이 독립 사이트로 인식할 수 있습니다. 즉 1개의 블로그에서 작성된 글을 2개의 사이트의 글로 인식할 수 있다는 얘기입니다. 반응형 스킨으로 바꾸고 모바일 화면을 꺼두면 모바일 기기에서도 예쁜 디자인을 보여주면서 블로그 글의 주소도 그대로 유지할 수 있기 때문에 검색엔진최적화에 도움이 됩니다.
2. 단점 '취약한 브라우저 호환성 + 애드센스 광고에 불이익'
반응형 스킨을 적용했을 때 인터넷 익스플로러 8 이하 버젼의 브라우저에서 구글 애드센스 광고가 제대로 표시되지 않는 문제가 발견되고 있습니다. 티에디션을 적용하는 반응형 스킨도 있지만 대부분의 반응형 스킨이 티에디션을 지원하지 않는다는 사실도 단점 중의 하나입니다.
추천 반응형 스킨 TOP 5
1. 프라치노 공간 베타 5.3 / 무료 http://kaniwarispace.tistory.com/20
2. JB Simple White Version / 유료 0.2.0 http://www.cmsfactory.net/node/10846
3. 마크쿼리 스켈레톤 / 무료 http://markquery.github.io/download/
4. simple gray v1 / 무료 http://wallel.com/70
5. FastBoot v1.6.1 / 무료 http://blog.readiz.com/214