WordPress에서 목차를 만드는 방법

블로그 게시물이나 기사의 목차는 사용자 경험을 향상시키는 데 중요한 역할을 합니다. 업계 콘텐츠의 평균 길이가 1,500~2,000단어이고 일부 업계에서는 그보다 훨씬 길기 때문에 이는 특히 중요합니다.

자세한 가이드와 포괄적인 주제는 일반적으로 독자에게 가치를 더하지만, 불행하게도 전체 게시물을 읽을 수 있는 인내심을 가진 사람은 소수에 불과합니다.

목차는 여기서 중요한 역할을 하며, 독자가 가장 관련성이 높고 가치 있다고 생각하는 섹션으로 직접 이동할 수 있도록 다루는 주요 주제 목록을 제공합니다.

따라서 많은 청중에게 더 나은 사용자 경험을 제공하려면 기사나 블로그에 목차를 포함해야 합니다. 클릭할 수 있어야 하고, 강조 표시되어야 하며, 구조가 잘 구성되어 있어야 합니다.

이를 가능하게 하기 위해 WordPress에서 목차를 만드는 방법을 안내하는 포괄적인 기사를 준비했습니다. 그러니 더 이상 지체하지 말고 시작해 보세요!

목차의 의미는 무엇입니까?

목차(TOC)는 모든 문서, 기사 또는 책의 로드맵과 같습니다. 내용에 대한 개요를 제공하고 관심 있는 특정 섹션을 빠르게 찾는 데 도움이 됩니다. 긴 콘텐츠를 스크롤하는 대신 목차를 사용하여 가장 중요한 부분으로 바로 이동할 수 있습니다.

디지털 형식의 목차에는 클릭 가능한 링크가 포함되어 있는 경우가 많으므로 콘텐츠를 훨씬 더 쉽게 탐색하고 번거로움 없이 원하는 위치로 이동할 수 있습니다. 이는 긴 콘텐츠를 더욱 독자 친화적으로 만드는 간단한 방법입니다.

이 두 가지 방법을 자세히 살펴보시고, 귀하에게 가장 적합한 방법을 선택하시면 됩니다.

1. 수동 방법으로 WordPress에서 목차 만들기

WordPress의 Gutenberg 블록 편집기를 사용하면 추가 플러그인 없이 목차(TOC)를 추가할 수 있습니다. WordPress에 내장되어 있으므로 새로 설치하거나 설정할 것이 없습니다.

구텐베르그를 사용하여 TOC를 수동으로 추가하는 것은 플러그인을 사용하는 것보다 약간 더 많은 시간과 노력이 소요될 수 있지만 장점이 있습니다. 한 가지 큰 이점은 속도를 늦출 수 있는 플러그인을 추가하지 않기 때문에 웹사이트 로드 속도가 더 빨라진다는 것입니다.

결국 편의성과 성능의 트레이드오프이지만 더 빠른 사이트를 원한다면 고려해 볼 만하다.

단계별 수동 방법:

• WordPress에 로그인:
  • 먼저 WordPress 대시보드에 로그인해야 합니다. 여기에서 모든 게시물과 페이지를 관리할 수 있습니다.
  • 로그인 후 왼쪽 메뉴의 게시물 > 전체 게시물 에서 목차를 추가하고 싶은 게시물을 찾아 선택하세요.

• 게시물의 각 섹션에 제목을 추가하세요.
  • TOC는 게시물의 다양한 섹션에 대해 생성한 제목을 중심으로 구성됩니다. 이러한 제목은 콘텐츠를 나누어 독자를 위해 구성합니다.
  • 제목을 추가하려면:
    • 게시물에서 제목이나 섹션 제목을 추가하려는 위치에 커서를 놓습니다.
    • Enter를 눌러 새 줄을 만듭니다.
    • 오른쪽에 나타나는 + 기호를 클릭한 다음 옵션에서 제목을 선택합니다.

• 적절한 제목 수준을 선택합니다. 일반적으로 H2는 메인 섹션에 사용되고 H3은 하위 섹션에 사용될 수 있습니다.
• 해당 섹션에 원하는 제목을 입력합니다(예: "소개" 또는 "1단계: 제목 추가").
• TOC에 표시하려는 기사의 각 섹션에 대해 이 과정을 반복합니다.
• 이것이 중요한 이유: 이 제목은 목차의 핵심 구조를 형성하고 독자가 긴 기사에서 특정 섹션을 더 쉽게 찾을 수 있도록 해줍니다.
• 각 제목에 고유 ID 추가(HTML 앵커):
  • 이제 목차 링크를 클릭하면 독자가 특정 섹션으로 이동할 수 있도록 각 제목에 대해 고유한 ID( HTML 앵커 라고 함)를 만들어야 합니다.

• HTML 앵커를 추가하는 방법은 다음과 같습니다.
  • 게시물의 제목(이전 단계에서 만든 제목)을 클릭합니다.
  • 편집기 오른쪽에서 차단 탭을 찾으세요. 이 아래에서 고급 섹션을 찾으세요.
  • HTML 앵커 필드를 표시하려면 아래쪽 화살표를 클릭하세요.
  • HTML 앵커 필드에 제목의 고유 이름을 입력합니다. 이 이름은 "소개" 또는 "1단계"와 같이 단순해야 합니다(공백 대신 하이픈 사용).
  • 이전에 만든 각 제목에 대해 이 과정을 반복합니다.
• 이것이 중요한 이유: HTML 앵커는 TOC가 독자를 콘텐츠의 특정 부분으로 직접 연결하는 클릭 가능한 링크를 생성할 수 있도록 하기 때문에 필수적입니다.
• 목차 만들기:
  • 이제 게시물 상단에 실제 목차를 작성할 준비가 되었습니다.
  • 수행 방법은 다음과 같습니다.
    • TOC를 표시하려는 게시물의 지점으로 스크롤합니다.
    • 목록 블록을 추가합니다( + 기호를 클릭하고 목록 선택).
    • 목록에 포함하려는 모든 제목의 이름을 입력합니다(예: "소개", "1단계: 제목 추가" 등).
    • 목록의 각 항목을 하나씩 강조표시하고 블록 위의 도구 모음에서 링크 아이콘을 클릭하십시오.
    • URL 필드에 #을 입력하고 해당 제목에 제공한 고유 ID(HTML 앵커)를 입력합니다. 예를 들어 제목의 기준이 '소개'인 경우 #introduction을 입력합니다.
    • 링크를 저장하려면 Enter를 누르세요.
    • 모든 제목에 대해 이 과정을 반복하면 TOC의 모든 항목을 클릭할 수 있습니다.
• 이것이 중요한 이유: 이렇게 하면 TOC가 작동하게 되어 사용자가 관심 있는 섹션을 클릭하고 바로 이동할 수 있어 독서 경험이 향상됩니다.

예:

• 목차에서 첫 번째 제목이 "소개"이고 해당 HTML 앵커가 "소개"인 경우 이를 #소개로 연결합니다.
• 마찬가지로, 앵커가 "step-1"인 "1단계" 제목이 있는 경우 목차에서 이를 #step-1로 연결합니다.

작업이 완료되면 목차를 클릭할 수 있고 사용자 친화적이게 되어 독자가 가장 관련성이 있다고 생각하는 섹션으로 빠르게 이동할 수 있습니다. 게다가 플러그인을 사용하지 않았기 때문에 서버에 추가 부하 없이 웹사이트가 더 효율적으로 실행됩니다.

2. WordPress 플러그인을 사용하여 WordPress 사이트에 목차 만들기

완전히 초보자이고 WordPress CMS를 처음 사용하는 경우 이 방법이 더 적합할 것입니다. WordPress 플러그인은 수동 방법보다 목차를 생성하는 더 효율적이고 쉬운 방법을 제공합니다.

이러한 플러그인은 매우 유용하므로 시간을 절약할 뿐만 아니라 노력을 줄여 웹사이트의 다른 개발 영역에 집중할 수 있습니다.

목차를 생성하기 위해 WordPress 플러그인을 사용하면 얻을 수 있는 몇 가지 이점은 다음과 같습니다.

• 자동화 : 플러그인은 모든 제목을 스캔하고 찾아 게시물에 자동으로 목차를 추가합니다. 이 작업을 수동으로 수행할 필요가 없으므로 시간이 절약됩니다.
• 일관된 형식 : 플러그인을 사용하면 목차가 모든 게시물에서 동일하게 표시되므로 특히 많은 게시물에 목차를 추가할 때 모든 내용이 깔끔하고 균일하게 유지됩니다.
• 자동 업데이트 : 새 제목을 추가하거나 기존 제목을 변경하면 플러그인이 자동으로 목차를 업데이트하여 새 콘텐츠와 일치시킵니다. 이 작업을 수동으로 수행할 필요는 없습니다.
• 사용자 정의 : 플러그인을 사용하면 TOC의 모양을 사용자 정의할 수 있으므로 스타일이나 선호도에 따라 모양을 조정할 수 있습니다.

이러한 이점으로 인해 TOC 플러그인은 편리한 옵션이 됩니다. 그러나 모든 플러그인과 마찬가지로 보안이 중요합니다.

TOC 플러그인은 안전합니까?

예, 하지만 신뢰할 수 있는 소스에서 잘 코딩된 플러그인을 설치하는 경우에만 해당됩니다. 보안 위험으로부터 웹사이트를 보호하려면 항상 플러그인을 업데이트하세요.

이제 이러한 플러그인과 그 이점에 대한 기본 아이디어를 얻었으므로 이 플러그인을 활용하여 목차를 만드는 방법을 배울 차례입니다.

SimpleTOC – 목차 블록

SimpleTOC – 목차 블록은 게시물에 목차(TOC)를 쉽게 추가할 수 있게 해주는 WordPress 플러그인입니다. 게시물의 모든 제목을 자동으로 수집하고 목차를 생성합니다. 포함할 제목(기본 섹션 및 하위 섹션) 수준 수를 결정할 수도 있습니다.

작동 방식: 플러그인을 설치한 후 WordPress 편집기(Gutenberg)에 새 블록을 추가하고 목록에서 SimpleTOC를 선택하기만 하면 됩니다. 그게 전부입니다. 복잡한 설정을 조정할 필요 없이 TOC가 나타납니다.

주요 기능:

• 설정이 필요하지 않습니다 . 설치한 후 블록을 추가하기만 하면 완료됩니다.
• 테마 스타일과 일치 : 목차는 WordPress 테마 디자인을 사용하므로 웹사이트의 나머지 부분과 유사하게 보입니다.
• 부드러운 스크롤 : 사용자가 TOC의 특정 섹션을 클릭하면 게시물의 해당 부분으로 부드럽게 스크롤되어 시각적으로 좋은 효과를 줍니다.
• FAQ 옵션 : 이 옵션을 사용하여 게시물에 FAQ 섹션을 만들 수도 있습니다.
• 다른 도구와 함께 작동 : GeneratorPress 와 같은 인기 있는 테마 및 Rank Math 와 같은 SEO 도구와 호환됩니다.
• 일본어, 독일어, 네덜란드어, 스페인어, 프랑스어를 포함한 여러 언어를 지원합니다 .

누구에게 가장 적합합니까? 이 플러그인은 시간이 많지 않은 초보자와 웹사이트 소유자에게 적합합니다. 기본 TOC를 빠르고 쉽게 추가하는 데 적합합니다.

가격 : 완전히 무료로 사용할 수 있습니다.

하지만 더 많은 사용자 정의 옵션과 기타 멋진 기능을 제공하는 프리미엄/유료 플러그인을 선택할 수도 있습니다.

요약

WordPress의 목차(TOC)는 귀하와 독자 모두에게 좋습니다. 방문자가 블로그 게시물에서 원하는 내용을 더 쉽게 찾을 수 있어 원활하고 즐거운 경험을 선사합니다. 사람들이 귀하의 웹사이트에서 좋은 경험을 하면 귀하의 사이트가 유용하다는 사실이 Google에 표시됩니다.

Google조차도 사용자 경험을 검색 결과 순위 요소 중 하나로 간주합니다. 따라서 TOC가 사용자 경험을 개선하는 데 도움이 되고 콘텐츠의 품질이 높으면 Google 검색 결과에서 더 나은 순위를 얻을 수 있습니다.

간단히 말해서 TOC는 독자가 콘텐츠를 쉽게 탐색할 수 있도록 돕고, 이를 통해 Google에서 귀하의 웹사이트를 더 많이 주목하게 할 수 있습니다.

라훌

Rahul Kumar는 웹 매니아이자 WordPress 및 웹 호스팅을 전문으로 하는 콘텐츠 전략가입니다. 수년간의 경험과 업계 동향을 최신 상태로 유지하려는 노력을 바탕으로 그는 트래픽을 유도하고 참여도를 높이며 전환율을 높이는 효과적인 온라인 전략을 수립합니다. Rahul은 세부 사항에 대한 관심과 매력적인 콘텐츠 제작 능력으로 인해 온라인 인지도를 향상하려는 모든 브랜드에 귀중한 자산이 되었습니다.