티스토리 자동목차 만들고 검색유입 증가시키기

목차

티스토리 자동목차 만드는 이유 

 

구글에서 포스팅에 목차를 만들면 더 좋은 사이트로 인식하고 SEO 점수가 높아진다. 실제로 티스토리 글도 깔끔해지면서 가독성이 좋아진다. 그래서 오늘은 티스토리 자동목차 만드는 방법을 활용해서 검색유입을 증가시키려고 한다.

 

티스토리 자동목차 만들기

 

tsory.toc파일 다운로드

 

* 아래 링크에서 jquery.toc.zip 파일을 다운로드한다.

jquery.toc.zip

0.00MB

* 다운로드 후 압축을 풀어준다.

 

TOC 파일 업로드

 

* 블로그 설정 > 스킨 편집 > html 편집

* 파일 업로드에서 하단 추가 버튼 클릭

* 압축을 풀어주었던 jquery.toc.js / jquery.to.min.js를 추가해주고 적용 클릭

 

* jquery.toc.js의 오른쪽 마우스 클릭하여 '링크 주소 복사' 후 메모장에 옮기기

 

TOC HTML 코드 삽입

 

<!-- 목차 -->
<script type="text/javascript" src="./images/jquery.toc.min.js"></script>
<!-- 목차 -->

 

* 위 코드 복사 후 </head> 위에 붙여넣고 적용

 

자동목차 서식 만들기

* 블로그관리 > 콘텐츠 > 서식 관리 > 서식 쓰기 클릭

 

<script type="text/javascript" src="메모장에 적어 놓은 images/jquery.toc.js 링크 주소"></script>
<p data-ke-size="size18"><b>목차</b></p>
<ul id="toc"></ul>
<script type="text/javascript"> $(function(){ $("#toc").toc( {content: ".tt_article_useless_p_margin", headings: "h2,h3,h4" , top: -90, isBlink : true, blinkColor : '#21B9DE' } ) }); </script>

 

* 위 코드 복사 후 html 모드에서 붙여넣기

* 메모장에 적어 놓은 image/jquery.toc.js 링크 주소에 이전에 메모장에 옮겨놓은 주소로 변경

* 주소 변경 된 것 확인되면 끝

* 기본모드로 돌아오면 이렇게 보인다.

 

자동목차 서식쓰기

 

* 글 쓸 때 서식 > 자동목차 서식 저장한 것을 클릭하면

이렇게 나오게 된다.

 

대 분류는 글자크기를 제목1

중 분류는 글자크기를 제목2

소 분류는 글자크기를 제목3

 

이렇게 글 쓸 때 설정해놓으면 완료 후 설정한 방식대로 목차가 완성된다.

 

자동목차 완성!

---

네이버, 구글에서 검색되는 수익형블로그 세팅 (네이버, 구글 검색등록)

네이버, 구글에서 검색되는 수익형블로그 세팅 (네이버, 구글 검색등록)

수익형 블로그 수익 올리는 구글 광고 선택 방법! 실제 효과 대박!

수익형 블로그 수익 올리는 구글 광고 선택 방법! 실제 효과 대박!