티스토리 목차 만들기는 유저 편의성 및 내부 링크 제공으로 SEO 면에서 좋은 평가를 받습니다. 목차 만드는 방법과 자동 목차 만드는 방법을 안내해 드리겠습니다.
목차
1. 티스토리 목차 만들기
티스토리는 html로 작업이 가능하기 때문에 html 용어를 안다면 간단하게 작업할 수 있습니다.
목차의 선택란을 만드는 용어는 "href"입니다.
<a href="1"> 1. 내용 </a>
<a href="1"> 2. 내용 </a>
목차 선택 시 넘어가는 곳을 지정하는 용어는 "id"입니다.
<id="1">
<id="2">
해당 구문의 조합으로 목차를 만들 수 있습니다. 지난 포스팅에서 이를 활용한 목차 만들기에 대해 업로드하였으니, 해당 내용을 참고하시면 되겠습니다.
2. 티스토리 자동 목차 만들기
매번 위의 작업을 하기 귀찮을 경우 자동 목차를 활용할 수 있습니다. 저도 지금은 자동 목차를 활용하고 있습니다. 아래의 내용은 고래스킨에서 적용한 방법입니다.
1) 자동 목차 파일 업로드
티스토리에서 자동 목차를 만들기 위해서는 아래의 파일을 티스토리 스킨에 업로드합니다.
꾸미기 → 스킨 편집 → html 편집 → 파일업로드
2) HTML / CSS 스크립트 추가
아래의 구문을 html과 CSS에 각각 등록합니다.
꾸미기 → 스킨 편집 → html 편집 → html or CSS
(1) html 구문
- 파일 다운로드
- head 영역에 입력
(2) CSS 구문
- 파일 다운로드
3) 서식 등록
콘텐츠 → 서식 관리 → 서식 등록
목차를 넣고 싶은 위치에 저장된 서식을 삽입하면 자동목차가 생성됩니다.
티스토리는 운영자의 취향에 맞춰 꾸밀 수가 있는 점이 큰 메리트입니다. 목차를 넣어서 깔끔하고 편리한 블로그로 만들어보시기 바랍니다. SEO에도 도움이 된다고 하니 구글 노출을 기대하며 오늘도 목차를 넣습니다. 감사합니다.
