티스토리 블로그 목차 만들기, a href 태그 활용 방법

티스토리 블로그를 초기에 운영할 때, 다른 사람들의 블로그를 들어가보면, 목차가 깔끔하게 정돈되어 있는 것들을 만나볼 수 있었습니다. 그때는 깔끔하고 보기좋구나 하고서 그냥 넘어갔습니다. 굳이 목차까지 만들어야 할까 싶기도 하고, 솔직히 말해.. 귀찮아서 그랬더랬습니다 ㅎㅎ;

 

그런데 티스토리 블로그 목차를 만드는 것이 노출에 영향을 끼칠 수 있다는 이야기를 듣고.. 정신이 번쩍 들면서 목차 만들기를 성실하게하고 있습니다. 아직 목차만들기를 하고 계시지 않다면, 조금 더 시간을 들여 목차까지 구성하시는 것을 추천드립니다. 최대한 알기 쉽게 설명드리도록하겠습니다.

 

 

 

목차

 

- a href 태그 입력

 

- id 입력

 

목차 만들기

a href 태그입력

 

글쓰기 모드 상단에 [기본모드]를 눌러서, [html] 모드로 변경해주세요. 그리고 나서 목차 텍스트를 찾아줍니다. 저 같은 경우 [- a href 태그 입력]이 목차 첫순서입니다. 그 앞에 <a href="#a1"> 이라고 적어주세요. #a1 이 아니더라도 상관없습니다. 그냥 편하게 쓰시되 #xx 형태로 작성하세요. 그리고 나서 텍스트 뒤에 </a>라고 작성해주시면 링크가 달립니다.

 

 

목차만드는방법

[기본모드]로 돌아오면, 목차 아래 텍스트가 위와같이 보인답니다. 이제 링크를 달았으니, 그 링크를 눌렀을때 어디로 향하게 될지 지정을 해주면 됩니다.

목차 만들기 id 입력

id입력

 

 

지정하는 방법은 id를 입력해주는 겁니다. #a1 으로 입력을 했으니 id를 a1으로 지정하면 그리로 화면이 넘어가는 것이죠. p 태그 혹은 h 태그 뒤에 입력 해주시면 되는데요. h태그는 연결되는 텍스트를 '제목1,2,3'으로 지정하게되면 달립니다.

 

이렇게 a href태그를 활용하여 목차를 만들면 됩니다. 만약, 목차가 n개라면 #a1, #a2 --- #an 까지 만들 수 있는겁니다 ~~ 이렇게 id 입력까지 입력을 마치시면, 목차 만들기가 끝이 납니다. 포스팅을 하는데에 있어서 약간의 번거로움이 추가되긴하지만, 결과적으로 내 블로그에 도움이 된다면 참아낼 수 있겠죠 ~?!