[WP] 워드프레스 목차 플러그인 추천[2024년]

워드프레스로 웹사이트를 운영하면서 여러 플러그인을 설치하고 삭제했지만 특히 워드프레스 목차 플러그인에 대한 개인적인 집착은 워드프레스 사이트를 운영하면서 꾸준하게 구글링 및 목차 플러그인을 비교했다. 아마도 구글에서 Table of Contents 및 wordpress TOC와 같은 검색어로 검색을 100번도 넘게 했을 것이다.

수 많은 목차 플러그인을 설치하고 바꾸기를 반복하며, 결국 현재는 ‘쉬운 목차’ 플러그인을 사용하고 있다.

1. 워드프레스 목차 플러그인을 사용하는 이유

개인적으로 목차 플러그인을 사용하는 이유는 사이트의 가독성에 집착하기 때문이다. 내 웹사이트에 접속한 사용자가 목차를 보고 원하는 내용을 빠르게 보기 위함이고, 사용자 경험을 좋게 만들어 줄 수 있기 때문이다. 개인적으로 목차를 포함한 웹사이트의 인터페이스에 많은 집착을 가지고 있다.

워드프레스 목차 플러그인(Easy Table of Contents 쉬운 목차)

1.1 사용자 경험

인터넷을 사용하는 사용자는 페이지에 머무르는 시간이 1분 내외로 짧은 시간 동안 머무르게 되는데 긴 글의 경우 콘텐츠가 마음에 든다면 당연히 오래 머물겠지만 긴 글에서도 원하는 내용만 볼 수 있게 목차(TOC)가 있다면 사용자 경험이 향상 될 수 밖에 없다.

1.2 SEO

구글 SEO를 포함한 네이버 SEO에도 많은 도움이 된다. 검색 엔진이 웹사이트를 크롤링 하기 좋은 구조를 만들어 주기 때문이다. 목차 플러그인을 설치하는 것은 테크니컬 및 온페이지 SEO에 해당할 수 있다.

2. 사용했던 목차 플러그인

내가 사용했던 목차 플러그인은 Fixed TOC, Joli Table Of Contents, TOP Table Of Contents, Easy Table of Contents(쉬운 목차)PRO이다. 이 외에도 테스트한 무료 목차 플러그인은 많지만 제외시키겠다.

2.1 목차 플러그인 사용 기준

2.1.1 고정 목차 기능

내가 목차 플러그인을 사용할 때 무조건 웹사이트 왼쪽 or 오른쪽에 고정 목차 기능이 있어야 하며, 편리하게 닫고 열어야 한다. Fixed TOC를 선택했던 이유이다.

2.1.2 목차 클릭 시 제목

목차를 클릭 했을 때 Fixed TOC는 아래와 같이 나오지 않고(목차 목록에서 한글 지원이 안되기 때문에)

https://uknew.co/#워드프레스란?
https://uknew.co/#워드프레레스-테마란?

▼ 아래와 같이 나오는 문제가 있었다(구글 및 네이버 검색 엔진에는 제목으로 바로 클릭할 수 있게 나왔지만..)

https://uknew.co/#ftoc-heading-1
https://uknew.co/#ftoc-heading-2

제목에 url/#한글, url/#영문 형식으로 나오길 원했다.

2.1.3 다른 플러그인과 테마와의 호환성 및 충돌 여부

다른 플러그인과 충돌하거나 사용 중인 테마와 충돌로 인한 호환성 문제가 있다면 목차 플러그인을 사용하기 꺼려지는 것이 사실이다.

내가 플러그인을 많이 깔아서 일 수 있지만 Fixed TOC의 경우 디자인과 웹사이트의 가독성은 독보적이었지만 고정 TOC 설정을 위해 위젯 기능에 추가하면, 위젯 페이지에서 에러 메시지가 지속적으로 발생했다. 여기에서 다른 워드프레스 목차 플러그인을 찾기 위한 비교를 틈틈이 1년 이상 동안 시작하게 되었다.

3. 사용한 목차 플러그인 비교

결국 ‘쉬운 목차’를 사용하고 있으며, Fixed TOC이나 Joli Table Of Contents를 다시 사용할 가능성이 있다. 목차 플러그인을 포함한 내가 원하는 기능을 가진 플러그인을 거의 찾아 적용하면서 지속적인 업데이트를 가장 중요한 기준으로 삼고 있다.

플러그인 개발이 멈춰 다시 사용하지 못했을 때 번거로움 때문이다. 3개의 플러그인은 그래도 몇 가지 외에 내가 원하는 기준에 부합한다고 할 수 있다.

4. 개인적으로 사용 목록에서 제외한 플러그인

  • 참조
  • All in One SEO(AIOSEO)
  • SEO 플러그인에 목차 기능이 있는 것으로 고정 목차 기능이 없음.
  • LuckyWP 목차
  • 고정 TOC 기능 없음. 인터페이스 등 기능에서 만족 못함.
  • CM Table Of Contents
  • 고정 TOC 기능 없음. 인터페이스 등 기능에서 만족 못함.
  • SimpleTOC – Table of Contents Block
  • 쉬운 목차보다 준수한 기능과 좋은 관리자 인터페이스. 고정 TOC 기능 없음.
  • Heroic Table of Contents
  • 이 회사의 테마는 좋은 편으로 보이지만 목차 지원은 기대하기 어려운 것으로 판단되며, 무료 목차는 2년 전에 업데이트 되었음. 설치 후에도 활성화 페이지를 찾을 수 없음.
  • Divi Table Of Contents Maker
  • 정말 사용하고 싶은 목차 플러그인에 속했지만 Divi 페이지빌더를 사용해야 하는 조건이 있으며, 구텐베르크 블럭에서 사용하더라도 Divi 빌더를 구텐베르크 블럭으로 변경해야 하는 불편함으로 콘텐츠 작성 시 많은 시간을 소요하게 됨.
  • elementor Table Of Contents
  • Divi 페이지 빌더와 동일한 조건을 가지고 있음.

5. 추천하는 워드프레스 목차 플러그인

100% 마음에 드는 목차 플러그인을 찾지는 못 했지만 앞으로 워드프레스 사이트를 운영하면서 사용 중인 ‘쉬운 목차’와 다시 재 사용 가능성이 있는 워드프레스 목차 플러그인은 Fixed TOCJoli Table Of Contents 중에 하나가 될 것으로 생각된다.

워드프레스 목차 플러그인(Fixed TOC)
워드프레스 목차 플러그인(Joli Table Of Contents)

물론 개인적인 기준이긴 하지만 기존의 목차 플러그인이 가독성과 디자인으로 사용자 인터페이스에 좋은 사이트를 100% 따라가는 목차 플러그인은 아직 없다고 생각한다.

Similar Posts

  • 워드프레스 대시콘: dashicons.min.css 3.8 공식 아이콘 글꼴 | 2020년 SVG 아이콘으로 교체

    워드프레스 대시콘은 워드프레스 3.8 버전(2013년) 에서 도입된 공식 아이콘 글꼴입니다. 관리자 화면 전반에서 메뉴와 버튼 등에 아이콘을 표시하기 위해 사용되었지만, 폰트 기반 아이콘의 한계와 해상도 문제로 인해 2020년경부터 SVG 아이콘 체계로 전환되었습니다. 현재 대부분의 최신 테마와 플러그인은 SVG 아이콘이나 커스텀 아이콘 세트를 사용하는 추세입니다. 목차1. 워드프레스 목차 플러그인을 사용하는 이유1.1 사용자 경험1.2 SEO2….

  • [WP] 워드프레스 XML-RPC 취약점과 비활성화 해야 하는 이유 2가지

    워드프레스 xmlrpc.php는 보안 문제가 발생합니다. xmlrpc.php 파일을 이용한 워드프레스 사이트에 대한 무차별 대입 공격이 문제입니다. xmlrpc.php 취약점으로 많은 워드프레스 유저에게 알려진 문제이기도 합니다. ‘XML-RPC‘의 기본 기능 및 활용성과 문제가 되는 이유에 대해 알아 보겠습니다. 목차1. 워드프레스 목차 플러그인을 사용하는 이유1.1 사용자 경험1.2 SEO2. 사용했던 목차 플러그인2.1 목차 플러그인 사용 기준3. 사용한 목차 플러그인…

  • [WP] 3가지 리소스 힌트로 워드프레스 성능 향상

    워드프레스 웹 사이트를 운영하면서 초보자의 경우 테마와 플러그인을 하나 씩 설치하면서 점점 느려지는 속도에 당황하게 됩니다. SEO에도 좋지 않지만 느린 웹 사이트는 방문자 이탈율이 늘어날 수 밖에 없습니다. 속도를 향상시키기 위한 방법 중 하나는 캐시 플러그인 사용이며, 거의 모든 캐시 플러그인에 있는 리소스 힌트 제거 기능에 대해 알아 보겠습니다. 목차1. 워드프레스 목차 플러그인을…

  • 워드프레스 호스팅 비교: 2025년 추천 호스팅 TOP 7

    도메인을 구매하고 워드프레스 웹사이트를 운영하기 전에는, 웹 호스팅 업체 선택이 매우 중요합니다. 호스팅 성능과 서버 위치, 고객 지원, 그리고 캐시 및 보안 기능 등이 사이트 속도와 안정성에 직접적인 영향을 미치기 때문입니다. 이 페이지에서 7개의 워드프레스 호스팅 비교를 하며, 고객 지원(채팅 및 티켓), 서버 안정성, 속도, 서버 위치, 가격 등의 항목을 분석합니다. 추천할 수…

  • [WP] 워드프레스 렌더링 차단 리소스 제거 방법 2가지

    워드프레스를 이용하다 보면 ‘렌더링 차단 리소스 제거‘ 설정이란 내용을 플러그인 사용 중 본 경우가 있을 수 있습니다. 워드프레스 렌더링이란 무엇이며, ‘렌더링‘과 ‘렌더링 차단 리소스 제거‘는 무엇을 뜻 하는지 풀어 보도록 하겠습니다. 먼저 렌더링은 HTML, CSS, 자바스크립트 등 웹 사이트의 문서가 웹 브라우저에서 출력 되는 과정입니다. 웹 페이지에 접속 했을 때 브라우저에 표시되는 것이…

  • [WP] 워드프레스 무차별 대입 공격(brute-force attack)을 막는 9가지 방법

    워드프레스 CMS로 만든 웹 사이트를 운영하게 되면, 관리자 주소는 https://www.domain.com/wp-admin이 됩니다. 무차별 대입 공격에 취약할 수 있는 이유는 관리자 페이지 주소 wp-admin 주소가 그대로 노출되기 때문입니다. 워드프레스를 포함한 웹 사이트의 관리자 주소가 admin과 같은 주소를 사용해서 무차별 대입 공격(brute-force attack)에 노출되는 것은 되도록 방지해야 합니다. 무차별 대입 공격(brute-force attack)이란? 웹 사이트나 컴퓨터 및…

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

Prove your humanity: 5   +   5   =