블로거팁닷컴

티스토리 Best of Best 블로그


티스토리 반응형 스킨 장단점 및 추천스킨 TOP 5

티스토리 반응형 스킨의 인기가 뜨겁습니다. 반응형 스킨이란 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



신고


댓글을 달아 주세요

  1. BlogIcon 은승

    잘보고갑니다. 프라치노 사용중인데 깔끔하고 좋네요

     ×  +
  2. BlogIcon 블로그의 신 Zet

    제 눈에도 프라치노가 참 예뻐보이네요! ^^

     ×
  3. 비밀댓글입니다

     ×  +
  4. BlogIcon 블로그의 신 Zet

    지금 사용중인 스킨 예뻐요.
    그런데 텍스트가 너무 작게 나오는데요?

     ×
  5. BlogIcon 『방쌤』

    요런것들도 있었네요!!!
    무료도 있으니까 한 번 알아봐야겠군요^^ㅎ

     ×  +
  6. BlogIcon 블로그의 신 Zet

    유료버전은 하나 뿐이고 모두 무료라 부담이 없더라고요! :)

     ×
  7. BlogIcon 행동하는

    한번 적용하는 거 해봐야겠네요. 좋은 정보 고맙습니다!

     ×  +
  8. BlogIcon 블로그의 신 Zet

    한번 적용해보세요!
    예쁜 스킨도 많더라고요.

     ×
  9. BlogIcon 수지특별시

    해보고싶었는데 감사합니다. 무료해보고 공부 좀 해야할듯

     ×  +
  10. BlogIcon 블로그의 신 Zet

    닉네임이 참 귀엽고 예뻐요!
    수지가 떠오릅니다. ㅋㅋ

     ×
  11. BlogIcon 세오APL

    블로그 이전에 메일 구독을 통해 받은 오늘 글은
    마른 땅의 단비와도 같았습니다. 역시 zet님!!
    감사합니다^^

     ×  +
  12. BlogIcon 블로그의 신 Zet

    하하! 세오님 넘 반갑습니다.
    여기서 보니 또 새롭군요!

    반응형 스킨 적용해보세요.

     ×
  13. BlogIcon GeniusJW

    멋있네요~
    블로그에 대해서 한 수 배우고 갑니다~^^
    링크해둘께요,

     ×  +
  14. BlogIcon LUNA

    ZET님 블로그 발견하고 (어떻게 들어오게 되었는지도 잊어버릴 만큼 한참 구경했네요)
    진짜 왕만한 보석을 발견한 느낌이에요! 제가 정말 찾고 있던 정보들... 특히 블로그에 대해 좀더 깊게 알아보고싶었는데 주옥같은 정보들 너무나 감사해욧 ! :)
    여기에 지금 올려주신 스킨들 구글블로그인 blogger에도 적용가능한가요?

     ×  +
  15. BlogIcon 블로그의 신 Zet

    우선 넘 반갑습니다.

    블로그 글들이 참 유쾌하고 재밌어요!
    종종 들러서 읽어보겠습니다.

    문의 주신 내용에 대해서는,
    구글 블로거에 적용되는지는 잘 모르겠습니다!
    스킨 제작자분께 물어보는 게 더 빠를 것 같기도 해요.

    고맙습니다.

     ×
  16. BlogIcon 책덕후 화영

    티스토리 블로그 스킨을 구글 블로그에 적용하는 건 안되는걸로 알고있습니다. 하지만 구글 블로그 쪽에서도 반응형 스킨을 꽤 많이 가지고 있는 걸로 알려져 있어서 구글 전용 스킨을 찾아보시는 것이 빠를 것 같습니다. 특히 구글블로그는 외국 유저들이 많아서 외국 스타일에 맞춰진 멋진 반응형 블로그 스킨들이 많지요.

     ×
  17. BlogIcon Chloe*

    스킨을 바꾸고 싶던 차에.. 추천스킨 잘 둘러보고 바꿔봐야겠어요.
    깔끔한 정리 감사합니다 ^^

     ×  +
  18. 비밀댓글입니다

     ×  +
  19. BlogIcon 쭈니러스

    티에디션 기능, 메인에 카데고리별로 나열할 수 있는 것이 매우 편리하고 좋은데
    반응형 중에는 어떤게 가능한가요?..^^

     ×  +
  20. BlogIcon 쏭’

    덕분에 프라치노님 스킨 알게 되었네요~감사합니다:)

     ×  +
  21. BlogIcon 책덕후 화영

    반응형 스킨도 구버전 익스플로러에 맞추는게 가능하긴 하지만 그렇게 만들면 모바일 브라우저에서 성능이 좀 떨어지는 편이라 일반적으로 그렇게 잘 만들질 않지요.

     ×  +
  22. BlogIcon 고콕

    덕분에 좋은 정보 얻어갑니다. 감사해요!

     ×  +
  23. BlogIcon 고콕

    덕분에 좋은 정보 얻어갑니다. 감사해요!

     ×  +
  24. BlogIcon 하늘과 나

    좋은 정보 얻어갑니다^^

     ×  +
  25. BlogIcon Ryutora

    이제 막 시작했는데 좋은정보 감사합니다!

     ×  +
  26. BlogIcon 낙낙이

    잘봤습니다!

     ×  +