티스토리 자동목차 넣는 방법

티스토리의 스킨 중에 애드센스 광고 수익을 위해 많이 사용하는 스킨은 북클럽이나 Poster, Whatever입니다. 이들 스킨에서 사용할 수 있는 자동목차 넣는 법입니다. 

자동목차의 중요성

구글 SEO에서 중요한 역할을 합니다. 

목차가 있는 구조화된 글을 쓰는 것 자체에 신경을 쓸 수도 있고

이렇게 쓴 글은 독자에게 쉽게 다가갈 수 있습니다. 

아래와 같은 방식으로 간단하게 목차를 자동으로 생성할 수 있습니다. 

 

 

자동목차 스킨에 반영하기

스킨 편집에서 </body> 바로 위에 아래의 스크립트 코드를 넣으면 됩니다.

스크립트 코드는 시작 부분과 끝 부분이  <script> ~~~ </script> 로 되어 있습니다. 

모든 내용을 그대로 넣어야 합니다. 

스크립트 내용은 아래에서 다운로드 할 수 있습니다. 

자동목차.txt

0.01MB

 

스킨편집은 티스토리에서 할 수 있습니다. 

편집 메뉴에 들어가서 </body>를 찾은 후에 바로 위에 넣어주면 됩니다. 

 

적용결과

글의 최 상단에 목차가 자동으로 들어가게 됩니다. 

반드시 기존 스킨을 백업 받은 후에 해보시길 바랍니다. 

잘 못 수정하면 블로그 자체가 꼬일 수 있으니 반드시 백업을 해두고 테스트해보세요.

 

주의사항

모든 페이지의 최 상단에 목차가 생깁니다. 

해당 코드를 넣으면 기존의 모든 블로그 포스팅에도 목차가 최 상단에 생깁니다. 

원하지 않으면 스킨에 반영하면 안 되고, 서식에 넣어서 필요한 문서에만 서식 불러오기를 통해 추가해 주는 것이 좋습니다. 

 

나중에 목차를 모두 빼고 싶을 때에도 위에서 추가한 코드만 삭제하면 전체 블로그 포스팅 내용에 반영되어 목차가 모두 사라집니다.