본문 바로가기
다이어리/꿀팁 저장소

티스토리 목차 만들기 : 코드 하나로 10초, 가장 쉬운 방법

by KIMTEAM 2024. 12. 24.
728x90
반응형
SMALL

티스토리 목차 만들기에 대한 여러 가지 방법들 중 가장 쉽고 빠르며 10초만 투자하면 되는 간단한 방법을 알려 드리겠습니다. 너무나 쉬운 방법이라 한 번만 그대로 따라 해 보시면 잊어버릴 일 없이 두고두고 사용할 수 있습니다. 이렇게 간단한 방법이 있는데도 불구하고 저는 정말 많이 헤맸었는데요, 티스토리 목차 만드는 방법을 찾고 계신 분들이 있다면 저처럼 고생하지 않고 한 번에 뚝딱 해결되시길 바랍니다.

 

 

많은 수익형 블로거분들이 티스토리 목차는 필수라는 이야길 하는데요, 이유는 바로 SEO 글쓰기를 위함이라 할 수 있습니다. SEO란 'Search Engine Optimization'의 약자로 <검색 엔진 최적화>라는 뜻입니다. 블로그를 통해 광고 수익이 발생하기 위해선 많은 이들에게 노출되어야 하는데 검색 엔진에 최적화되는 글을 작성해야 검색 결과에서 상위에 노출될 수 있기 때문입니다. 모든 블로거 분들이 이 목표를 가지고 오늘도 열심히 포스팅하고 있죠. 저 또한 마찬가지고요. ^^

 

SEO 글쓰기는 내 블로그 브랜드에 대한 신뢰를 쌓는데 필수적인 역할을 하며 트래픽을 증가시켜 더욱 좋은 품질의 콘텐츠가 되도록 해주는데요, 이를 위해 글의 첫머리에 목차를 마련해 두는 것이 좋습니다. 첫 번째 이유는 방문자의 편의성을 위함이며 두 번째는 구글 크롤러가 나의 글을 정확하고 빠르게 이해할 수 있게 하기 위함입니다.

 

  • 첫 번째, 방문자의 편의성

검색 엔진과 키워드를 통해 블로그에 방문하는 분들은 필요한 부분을 만족하기 위한 목적을 가지고 있습니다. 그리고 한국 사람들은 특히 그 목적을 빠르게 달성하길 원하죠. 그런데 목차가 준비되어 있지 않다면 처음부터 읽어 내려가며 필요한 부분을 발견해야 하는데 그에 걸리는 시간을 참지 못하고 창을 닫아버릴 확률이 높아집니다. 그럼 블로그 자체의 질이 떨어지게 되겠죠. 그렇기 때문에 티스토리 목차 만들기는 방문자의 편의성과 더불어 블로그 콘텐츠의 품질에도 큰 영향을 미칩니다.

 

  • 두 번째, SEO 글쓰기

앞에서 이야기한 것과 마찬가지로 블로거라면 검색 엔진에 최적화되는 글을 작성하기 위해 노력해야 합니다. 여기에 기본 되는 것이 바로 목차인데요, 말머리에 목차가 준비되어 있다면 검색엔진은 더 높은 SEO 점수를 주게 됩니다. 이로 인해 블로그의 품질이 향상되며 해당 포스팅이 검색 상단에 노출될 확률도 높아집니다.

 

 

 

 

 

1. HTML 코드 다운로드 하기

첨부된 <티스토리 목차 코드>를 다운로드해 두시기 바랍니다.

티스토리 목차 코드.txt
0.01MB

 

 

 

 

 

2. <제목 1>로 설정하기

 

 

 

목차에 들어갈 제목에 마우스 커서를 둔 뒤

위쪽 메뉴에서 <본문 2>를 <제목 1>로 변경합니다.

 

 

 

 

 

 

<제목 1>로 설정되면 위와 같이 글씨가 커집니다.

 

제목을 더 잘 보이게 하려면 폰트를 '굵게' 해주는 것이 좋습니다.

텍스트를 드래그 한 뒤 위 메뉴 중 B를 눌러주면 굵은 글씨가 됩니다.

 

 

 

 

 

3. HTML 모드에서 코드 붙여 넣기

 

 

 

오른쪽 위 <기본모드>를 <HTML>로 변경합니다.

 

 

 

 

 

 

HTML 코드 화면이 나오면 다운로드 한 <티스토리 목차 코드>를 열어

코드를 모두 복사한 뒤 HTML 모드 코드의 맨 아래쪽에 붙여 넣습니다.

 

 

 

 

 

 

이후 다시 <기본모드>로 돌아오면 위와 같이 SCRIPT BOX가 생성되어 있습니다.

스크립트 박스는 글 작성 모드에서만 보이는 것이므로 신경 쓰지 않으셔도 됩니다.

 

여기서 왼쪽 아래에 있는 <미리 보기>를 클릭해 보면 아래와 같이 목차가 생성된 것을 확인할 수 있습니다.

 

 

 

 

 

 

아주 간단하죠? ^^

 

이미 작성된 포스트도 수정을 통해 HTML 모드에

<목차 코드>를 붙여 넣으면 간단하게 목차를 생성할 수 있습니다.

제가 예전에 작성했던 글에 목차를 생성해 보도록 하겠습니다.

 

 

 

 

 

제네시스 G90 장기렌트카 2024년 12월 최저가 견적서 안내

대한민국에서 가장 비싼 차, 벤츠 S클래스와 BMW 7시리즈와 견줄 수 있는 자동차, 제네시스 G90 장기렌트카 2024년 12월 최저가 견적서 확인 해보았습니다. 저희 어바웃 장기렌터카는 메이저 포함 국

aboutrentcar.tistory.com

 

 

 

제 블로그에 포스팅되어 있는 글들 중

목차가 없는 글에 목차를 넣어보도록 하겠습니다.

 

 

 

 

 

 

작성된 글 위쪽 제목의 아래에 있는 '수정'을 클릭합니다.

글 수정 화면으로 넘어가면 오른쪽 위 <기본모드>를 <HTML>로 변경합니다.

 

 

 

 

 

 

HTML 모드에서 코드의 맨 아래쪽에 <목차 코드>를 붙여 넣습니다.

이후 다시 <기본모드>로 돌아와 수정을 완료하면 아래와 같이 목차가 생성됩니다.

 

 

 

 

 

 

오늘은 티스토리 목차 만들기 방법들 중 10초 만에 목차를 생성할 수 있는 가장 쉬운 방법을 알려 드렸습니다. 저 또한 티스토리 블로그를 운영하기 시작한 지 얼마 되지 않은 초보입니다. 그래서 블로그를 운영하는데 필요한 팁들을 찾아다니곤 하는데요, 설명이 어렵고 불충분한 글들이 굉장히 많습니다. 알고 나면 쉽지만 초보들에겐 알기까지의 과정이 굉장히 어렵죠. 그래서 초보분들도 그대로 따라 하면 쉽게 배울 수 있도록 포스팅을 하고 있고 앞으로도 그럴 예정이니 제 글이 도움이 되었다면 구독을 통해 더 많은 꿀팁들 알아 가시기 바랍니다. 더불어 좋아요와 댓글로도 응원 부탁드립니다.

 

오늘은 2024년 12월 24일 크리스마스이브입니다. 날씨를 보니 화이트 크리스마스가 되진 않을 것 같네요. 이번 크리스마스는 아이와 함께 레고랜드에서 보낼 예정이라 눈소식 없는 것이 저에겐 참으로 다행입니다. 긴 글 함께 해주셔서 감사드리며 사랑하는 가족, 친구들과 함께 행복하고 즐거운 크리스마스 되시길 바랍니다.

 

728x90
반응형
LIST

댓글