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

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



  • 프로필사진
    Favicon of https://turistaes.tistory.com BlogIcon 은승2014.11.19 10:46 신고

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

  • 프로필사진
    2014.11.19 12:43

    비밀댓글입니다

  • 프로필사진
    Favicon of https://0572.tistory.com BlogIcon 『방쌤』2014.11.19 15:08 신고

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

  • 프로필사진
    Favicon of https://eonyang.tistory.com BlogIcon 행동하는2014.11.20 13:23 신고

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

  • 프로필사진
    Favicon of http://suzycity.tistory.com BlogIcon 수지특별시2014.11.20 14:24 신고

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

  • 프로필사진
    Favicon of https://seo-apl.tistory.com BlogIcon 세오APL2014.11.20 18:34 신고

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

  • 프로필사진
    Favicon of https://geniusjw.com BlogIcon GeniusJW2014.11.20 21:53 신고

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

  • 프로필사진
    Favicon of http://nanahana.blog.me BlogIcon LUNA2014.11.25 11:09

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

    • 프로필사진
      Favicon of https://bloggertip.com BlogIcon 블로그의 신 Zet2014.11.26 10:52 신고

      우선 넘 반갑습니다.

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

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

      고맙습니다.

    • 프로필사진
      Favicon of https://zoahaza.net BlogIcon 조아하자2014.12.18 03:34 신고

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

  • 프로필사진
    Favicon of https://lemonmint.tistory.com BlogIcon Chloe*2014.11.26 22:15 신고

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

  • 프로필사진
    2014.12.08 20:32

    비밀댓글입니다

  • 프로필사진
    Favicon of https://hush-now.tistory.com BlogIcon 쭈니러스2014.12.14 00:49 신고

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

  • 프로필사진
    Favicon of https://goodbyeandhello.tistory.com BlogIcon 쏭.2014.12.16 08:18 신고

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

  • 프로필사진
    Favicon of https://zoahaza.net BlogIcon 조아하자2014.12.18 03:39 신고

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

  • 프로필사진
    Favicon of https://absent-minded.tistory.com BlogIcon 고콕2015.02.03 21:57 신고

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

  • 프로필사진
    Favicon of https://absent-minded.tistory.com BlogIcon 고콕2015.02.03 21:57 신고

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

  • 프로필사진
    Favicon of https://www.jynote.net BlogIcon 하늘과 나2015.05.19 13:24 신고

    좋은 정보 얻어갑니다^^

  • 프로필사진
    Favicon of http://ryutora.tistory.com BlogIcon Ryutora2015.08.07 15:38 신고

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

  • 프로필사진
    Favicon of https://overmyhead.tistory.com BlogIcon 낙낙이2017.02.05 05:40 신고

    잘봤습니다!