반응형
티스토리 자동목차 없애는 방법
티스토리 블로그를 운영하다 보면, 글을 쓸 때마다 본문 상단에 자동으로 생성되는 목차 때문에 불편을 겪는 분들이 많습니다. 특히 저처럼 제공받은 스킨을 사용하는 경우에는 자동목차를 끄는 옵션이 따로 없어 직접 코드를 수정해야 해서 더 어렵게 느껴질 수 있습니다.
자동목차가 생기는 이유
자동목차는 보통 스킨 내부 코드에 포함된 toc-wrap 영역이나 외부 스크립트(toc.js, tocbot.init)가 실행되면서 나타납니다. 티스토리 기본 환경에서는 단순히 "끄기" 버튼이 없기 때문에, 스킨을 직접 편집해야만 해결할 수 있습니다.
자동목차 없애는 방법 ① - 코드 삭제
저는 제공받은 스킨이라 처음엔 어디를 고쳐야 할지 막막했습니다. 여러 번 코드를 살펴보니 toc-wrap이라는 부분이 자동목차를 만드는 핵심이더군요.
- 관리자 → 스킨 편집 → HTML 편집
- toc-wrap, toc-content, 목차 같은 단어 검색
- 아래와 같은 블록을 발견하면 통째로 삭제<!-- 플로팅 목차 컨테이너 시작 --> <div class="toc-wrap floating closed" style="display:none;"> <div class="toc-title"> <span class="toc-text">목차</span> </div> <div id="toc-content-wrapper" style="display:none;"> <div id="toc-content"></div> </div> </div> <!-- 플로팅 목차 컨테이너 끝 -->
- .저장 후 블로그 새로고침 → 드디어 자동목차가 사라졌습니다.
자동목차 없애는 방법 ② - CSS로 숨기기 (임시)HTML 편집이 익숙하지 않다면, 임시로 CSS를 추가해 목차를 안 보이게 할 수도 있습니다..toc-wrap, #toc, .toc, .entry-toc, .post-toc, .table-of-contents { display: none !important; } 다만 이건 "숨기기"일 뿐이고, 제공받은 스킨처럼 다른 기능과 연결돼 있을 수도 있어 완전한 해결책은 아닙니다.
자동목차 삭제 후 SEO에는 문제없을까?처음엔 자동목차가 사라지면 검색에 불리하지 않을까 걱정했습니다. 하지만 실제로는 전혀 문제되지 않았습니다. 구글과 네이버는 글 속의 제목1, 제목2(소제목) 구조만 잘 잡혀 있으면 본문을 충분히 인식합니다. 오히려 글이 깔끔해지고 광고 배치도 자유로워져 만족도가 높았습니다.
한 줄 정리저처럼 제공받은 스킨이라 자동목차 끄기가 쉽지 않았던 분들도,스킨 편집에서 toc-wrap 코드를 삭제하거나 CSS로 숨기면 문제를 해결할 수 있습니다.목차가 없더라도 소제목을 잘 활용하면 SEO에는 전혀 지장이 없으니, 불편하다면 과감히 제거해도 좋습니다.
반응형