티스토리 블로그꾸미기 카테고리 펼쳐 (펼치기) 보이기로 페이지뷰 (Page view) 를 늘리는 블로그 최적화하는 방법으로 방문자 이탈률 줄이기, 페이지뷰 를 늘리는 방법 중에서 티스토리 블로그 사용자 중 이전 글 관련글 넣기로 해서 검색엔진최적화에 대해서 살펴 보았습니다.

오늘은 오랜만에 블로그꾸미기 카테고리 펼쳐 보이기로 페이지뷰 즉 체류 시간 늘리는 방법 그러니깐 귀에 솔깃 한 표현으로 하자면 블로그 방문자 이탈률을 줄이는 블로그 최적화 (Blog optimization) 방법을 소개 해볼까 합니다.

 티스토리 블로그 이전 글 관련글 넣기 그리고 카테고리 펼치기는 블로그최적화 로서 체류 시간 늘리기와 블로그 방문자 이탈률을 줄이기 페이지 뷰를 늘리는데 유용하게 사용할수 있는 블로그 꾸미기 기능으로서 

카테고리 펼치는 것으로 왜 페이지 뷰가 늘어 날까요? 또는  블로그 방문자 이탈률이 줄어들까요 라고 하는 분들이 있을 것 입니다.

블로그를 처음 만들게 되면 블로그 이름과 그리고 카테고리를 만들게 됩니다.
블로그를 처음 시작하는 블로거 중에 카테고리를 만드는 방법이 까다롭다고 생각을 하고 블로그를 방치 하고 있는 분이라면 제가 포스팅해 놓은 티스토리 블로그 카테고리 설정하는 방법 을 읽어보시면 카테고리 만드는데 쉽게 설정 하는데 도움이 되겠습니다.
잠깐 다른 길로 빠졌네요

카테고리를 만들때 모든 블로거가 일관성 있는 주제로해서 일목연하게 깔끔하게 카테고리를 만듭니다.

이유는 아시죠?

일관성 있고 일목요연하게 정리되어 있다면
방문자들이  첫 글을 읽고 다른 카테고리를 있는 게시 글 을 읽게 된다는 것입니다

어렵게 생각하는 분을 위해서
네이버 카페 또는 다음 카페 에 몇 군대 가입을 해서 활발하게 활동을 하고 있을 것입니다.
카페에 카테고리가 일목요연하게 정리가 되어 있을 경우 게시판 글을 읽기 위해서 여러 군대 방문 할 것 입니다.
카테고리가 일목연하게 정리가 안되어 있다면 새로운 글이나 본인이 가는 게시판 이외는 잘 안갈 것입니다.

그리고 웹 사이트에서 카테고리가 일관성 있게 정리가 된 곳이라면 이탈 없이 게시판 여기 저기 방문하실 것입니다

또 한가지  카테고리의 제목도 방문자들이 클릭 할 수 있게 잘 만들어 놓았다면 페이지뷰를 늘릴수 있는 확율도 높아 지겠죠?! 그리고 체류 시간도 늘어 낳겠죠?!  그리고 위에서 언급한 방문자 이탈률을 줄이는데 도움이 될것 입니다.

간단한 블로그 꾸미기 기능으로 간단하게 말하면  블로그 최적화 또는 검색엔진 최적화가 될수가 있는 것 입니다.

블로그 최적화 또는 방문자 유입 검색엔진최적화을 생각하면서
멋진 제목과 일관성 있고 일목요연하게 카데고리를 만들게 됩니다.
그런후
아래 그림과 같이 + 클릭해야 유틸리티 자료실 또는 블로그 글쓰기를 보실 수가 있습니다.
하지만.. 방문자가 와서 클릭 클릭 까지 하면서 읽지 않는 다는 것 입니다.

주변에서 말하는 입소문으로 유명한 파워 블로그라면 클릭하겠지만요 
처음 생긴 블로그 또는 저 처럼 그냥 이름 없는 블로그라면 클릭 없이 바로 이탈을 할수가 있습니다.
참고로  이전 글 관련글 넣기로 를 활용을 하셔도 됩니다.

방문자가 + 클릭 없이 카테고리가 펼쳐져 있다면 자연스럽게 시선이 이동되서 카테고리로 이동하겠죠?
 

category Blog optimization

제 블로그에 2008년도 아주 오래전에  2가지 방법을  카테고리 펼쳐 보기로 해서 포스팅을 해 놓은것 있습니다.

기존에 올려 놓은 블로그 꾸미기 커테고리 펼치기(하위 메뉴 항상 펼쳐 있는) 와 한가지 더 추가하면서 기존에 설명한 것과 같이 정리 와 함께 원하는 카테고리만 펼치기로 해서 카테고리 총정리를 해보겠습니다

블로그 꾸미기 카테고리 펼치기 3가지 방법으로 블로그 최적화 및 방문자 이탈률 줄이기와 페이지뷰 늘리데 활용하는데 도움이 될 것 입니다

1번째 자바스크립트 사용으로 카테고리 펼쳐보기 (항상 카테고리 펼치기)


아래 그림과 같이 적용이 되면 + 클릭 없이 바로 유틸리티에 관련된 부분을 클릭하겠죠?!

티스토리 카테고리 펼쳐보기


카테고리(하위 메뉴) 항상 펼치는 사용 방법 입니다.
어렵지 않으니 잘 따라 하시면 됩니다

1.티스토리 관리자 --> 스킨 --> HTML/CSS 편집 -->skin.html 으로 이동한다
2.##_category_##  찾습니다 단축키 Ctrl+F  을 이용하시면 찾는데 쉬워요  찾으셨다면


아래 스크립트 소스 코드를 넣습니다

〈/div〉
〈script language="JavaScript"〉 try {expandTree();}catch (e){}〈/script〉
〈/s_sidebar_element〉



이렇게 넣으시면 됩니다

이미지가 잘 안보일수가 있어서  아래 텍스트로를 참고로 해서  아래 와 같이 넣어 주시면 되겠습니다.

〈s_sidebar_element 〉
!-- 카테고리 모듈 --

    〈div class="category" 〉

        〈h3카테고리/h3
         【 ##_category_## 】
    〈/div〉
〈script language="JavaScript"〉 try {expandTree();}catch (e){}〈/script〉

〈/s_sidebar_element〉


참고로  올려 놓은 소스는 특수 문자로 해 놓은 것 입니다 오른쪽 복사해서 붙여 넣기 사용하시면
정상으로 작동이 안될수가 있습니다.

그리고 마우스 오른쪽 불펌 방지용으로 해 놓았기 때문에 소스 복사 안됩니다
첨부 파일을 다운 받아서 사용하시면 되겠습니다요

2번째  치환자를 이용하는 방법으로 카테고리 펼쳐 놓기  (항상 카테고리 펼치기)



치환자 사용으로 카테고리 펼치기

1.티스토리 관리자 --> 스킨 --> HTML/CSS 편집 -->skin.html 으로 이동한다.


2.단축키 Ctrl+F    로해서 ##_category_## 찾으시면 쉽게 찾을수 있습니다


##_category_## ==> ##_category_list_##
 
list 만 추가 하시면 됩니다 위 이미지가 잘 안보이는 경우 아래를 참고 하세요

〈s_sidebar_element 〉
!-- 카테고리 모듈 --

    〈div class="category" 〉

        〈h3카테고리/h3
         【 ##_category_list_## 】
    〈/div〉

〈/s_sidebar_element〉

위에서도 언급했지만요 특수 문자로 작성했기 때문에 소스를 복사후 붙여 넣기 하시면
정상 적으로 작동이 안 될 수 있습니다.
그리고
마우스 오른쪽 불펌 방지용으로 해 놓았기 때문에 소스 복사 안됩니다
첨부 파일을 다운 받아서 사용하시면 되겠습니다요


일부 스킨에서 치환자로 해서 적용 안되는 일부 스킨이 있습니다.
적용 안되는 스킨에서는 1번 자바스크립트를 사용하시면 되겠습니다..

3번째 위에서 사용한 카테고리 펼치기는 항상 펼쳐 놓은 기능 입니다. 이번 설명할 것은 원하는 카테고리만 펼치는 방법 입니다



제 즐거운 하루 블로그 카테고리 중 유틸리티자료실, 블로그 글쓰기, 블로그 돈버는방법 각각  +클릭해야 카테고리가 펼쳐집니다.

앞 부분에서 잠깐 언급한 원하는 카테고리만 펼쳐 놓는 것으로 예로 블로그 글쓰기만 펼쳐 놓겠습니다.

잘보고 따라 하시면 됩니다 위에서 사용한 2가지 방법 보다는 조금 까다롭습니다..

1.먼저 블로그 포스팅에서 마우스 오른쪽(우클릭) 클릭합니다  그리고  소스 보기 클릭하시면 됩니다



2. HTML 소스 코드가 나오게 됩니다  찾기 기능 단축키 Ctrl + F 를 클릭해서 카테고리 togleFolder 찾습니다

블로그 최적화


찾으시면 위와 같은 그림 즉

a  class="click" onclick="toggleFolder('숫자 ')HTML 소스가 위 그림과 같이 보일 것 입니다


togleFolder 찾게 되면 상당히 많이 나옵니다 카테고리가 많으면 많을 수록 많이 나오겠죠
요기서 펼칠 카테고리를 찾습니다 저는 블로그 글쓰기를 펼치기 때문에 블로그 글쓰기 카테고리toogleFolder(숫자)를 찾습니다

참고로 togleFolder(숫자는 블로그 마다 다릅니다)
정말이지 어디가 어딘지 다 영어라 도대체 어디 붙어 있는지 모르겠다 라고 생각하시면
togleFolder 클릭하시다 보면 아래 같이 위에 그림에도 나와 있지만요
펼쳐 놓을 카테고리 앞쪽에 togleFolder 있습니다

class=“click” onclick="toggleFolder('135113')"  <--togleFolder(숫자)
onclick="window.location.href='/category/블로그%20글쓰기'" <-- 카테고리 이름

 toggleFolder('숫자 ')를 메모장에 븥여 넣기 합니다

3. 티스토리 관리자 --> 스킨 --> HTML/CSS 편집 -->skin.html 으로 이동합니다.
4.단축키 Ctrl+F    로해서 ##_category_## 찾으시면 쉽게 찾을수 있습니다.

Bloptimization


5.  〔##_category_## 〕바로 아래 쪽에 자바스크립트 코드 소스 를 붙여 넣기 합니다

Blog optimization


일부 익스플로러에서 깨끗한 이미지가 안나 올수 있기 때문에 아래 텍스트로 입력해 놓은 것을 참고로 해서 위 이미지 처럼 붙여 넣기 하시면 됩니다.

〈s_sidebar_element 〉
!-- 카테고리 모듈 --

    〈div class="category" 〉

        〈h3카테고리/h3
         【 ##_category_## 】
〈script language="javascript"〉
toggleFolder('숫자');
〈/script〉

    〈/div〉

〈/s_sidebar_element〉



오른쪽 복사 금지가 되어 있으니 힘들게 복사 프로그램 사용안해도 될수 있게
소스는 첨부 해 놓았으니 첨부 파일을 받아서 사용하시면 되겠습니다


카테고리가 일관성 있고 일목요연하게 정리가 되어 있다면  블로그 꾸미기 기능으로서 카테고리 펼치기 (펼침) 를 활용해서이 블로그 방문자 이탈률 줄이기와 페이지 뷰를 늘리는데 활용해보세요

잘 정리된 카테고리를 꼭꼭 숨겨 놓을 필요는 없잖아요 그리고 블로그 최적화는 어려운것은 아닙니다. 방문자가 잘 볼수 있게 해 놓는 것이 바로 블로그 최적화 그리고 검색엔진 최적화라고 할수가 있습니다.