이번에는 티스토리 목차 서식을 공유해드리려고 하는데요. 목차가 중요한 이유는 독자의 가독성뿐만 아니라 구글 SEO적 측면에서도 아주 좋은 점수를 받을 수 있기 때문입니다. 하지만 초보자 입장에서는 목차를 만들기 쉽지 않은 것도 사실입니다. 아래의 목차 서식을 활용해 만들어 보시길 바랍니다.
티스토리 목차 서식
제가 만든 서식은 제목1, 1-1, 1-2, 제목 2, 2-1, 2-2, 제목 3, 3-1, 3-2 순으로 자세한 설명과 함께 목차가 필요하신 분들을 위해서 만들었는데요. 구글 SEO 형식에 맞춰서 H태그도 함께 맞춰서 넣어 두었으며, 색깔의 경우 원하시는 색깔로 바꾸셔도 됩니다. 다만 Section 1과 This is the first section of my blog post. 사이에 간격이 있는데요. 이는 그대로 두시길 추천드립니다.
티스토리 목차 서식 세부내용
Section 1 과 This is the first section of my blog post 사이에 공백이 존재하는데, 돌아가는 링크를 Section 1의 아래에 코드를 아래와 같이 입력했기 때문인데요.
id= 01이 세션 1을 나타내며, 구글 SEO의 경우 구분하는 구분선을 통해서 H 태그에 얼마나 그 내용이 들어갔는지 확인과 동시에 구분선을 그으면 그와 관련된 내용이 구분선 내에 들어가고, 다른 태그는 그와 다른 내용을 적었다 인식하는데, Section 1 위에 위 그림의 태그를 넣으면 구분선과 세션 사이에 태그 되어, 보기 싫어지기 때문에 바꿔 두었습니다.
또한 text-align: left로 한 번 더 고정한 이유는 일부 스킨에 따라 자동 가운데 정렬이 되어 있어, 오히려 가독성을 안 좋게 만들기 때문에 왼쪽 정렬입력을 해두었습니다. 목차의 배경색이나 색깔은 바꿔서 사용하셔도 무관합니다.
티스토리 목차 서식 파일 공유
아래의 파일을 받아서 사용하시고, 오른쪽 상단의 기본모드를 HTML로 바꿔서 넣어두시면 됩니다. 또 다른 서식이 필요하시면, 제작해드리겠습니다.
댓글