블로그에 목차가 있으면 방문자가 쉽게 내용을 파악할 수 있어 구글 SEO에 친화적이라고 합니다. 워드프레스 블로그에서 목차를 만드는 방법은 다양하지만 플러그인을 통해 쉽고 편리하게 목차를 구성할 수 있습니다. 이번 시간에는 워드프레스 블로그 쉬운 목차 플러그인 설치 및 설정 방법을 설명드리겠습니다.
목차를 생성하는 이유
워드프레스 블로그에서 목차(Table of Contents)는 블로그에서 생성한 게시물의 제목과 소제목을 나열해 주고 해당 제목으로 바로 갈 수 있도록 해 주는 것을 말합니다. 블로그를 방문한 사람은 목차를 먼저 살펴볼 수 있어 게시물의 내용을 빠르게 파악할 수 있고 궁금한 내용으로 빠르게 이동할 수 있게 됩니다.
목차를 생성하는 이유는 구글 SEO에 친화적이기 때문인데요. 블로그 게시물 초입부에 있는 목차를 보고 방문자는 게시물의 대략적인 내용을 파악할 수 있고 필요한 내용으로 빠르게 갈 수 있어 편리하고 이탈율을 줄일 수 있습니다
블로그 방문자가 목차를 클릭하는 것도 SEO 점수에 긍정적인 요소로 작용되며, 검색 엔진 추천 스니펫에도 포함되는 경우도 있기 때문에 목차를 생성하는 것이 검색 노출에도 중요하게 작용합니다.
쉬운 목차(Easy Table of Contents) 플러그인
워드프레스 블로그에 목차를 만드는 방법은 다양합니다. HTML 코드를 이용해 만들거나 블럭을 이용해 만들 수 있습니다. 그러나 목차 플러그인을 사용하면 어렵지 않게 목차를 생성하고 관리할 수 있습니다.
목차 플러그인은 블러그 전체에서 작동되기 때문에 사용자가 많고 검증된 플러그인을 설치하는 것이 좋습니다. 워드프레스는 항상 업데이트 되지만 개발자가 지원하지 않는 경우 버그나 오류가 발생할 수 있기 때문입니다.
워드프레스에는 다양한 목차 플러그인이 있지만, 저의 경우 쉬운 목차(Easy Table of Contents) 플러그인을 사용하고 있으며, 오늘도 이 목차 플러그인에 대해 설명 드리려고 합니다.
쉬운 목차 플러그인은 500,000이 넘게 설치가 된 검증된 플러그인입니다. 사용 방법과 설정 변경이 쉽고 업데이트 또한 꾸준히 이루어지고 있습니다. 이러한 업데이트는 버그 및 성능 개선이 지속적으로 이뤄져 버그나 오류를 해결하고 있다는 것입니다.
쉬운 목차(Easy Table of Contents) 플러그인은 워드프레스에서 많은 사람들이 사용하고 있다는 것을 알 수 있는데요. 500,000+ 활성 사용 되어 있다고 표시가 되어 있는 것을 볼 수 있습니다.
쉬운 목차(Easy Table of Contents) 주요 기능
쉬운 목차는 아래와 같이 다양한 기능을 지원합니다. 이 기능은 플러그인의 설정 페이지에서 변경할 수 있어 초보자도 어렵지 않게 블로그에 목차를 구성하고 사용할 수 있다는 점이 장점입니다.
- 자동 목차 생성
- 개별 H 태그 설정
- 고정 목차
- 쇼트코드 등록
- 중복 목차 생성 등
쉬운 목차 플러그인 설치
쉬운 목차 플러그인 설치는 아래의 순서대로 하면 됩니다.
- 워드프레스 관리자 페이지
- 플러그인 선택
- Add New Plugin
- 쉬운 목차 또는 Easy Table of Contents 검색
- 설치 및 활성화
쉬운 목차 플러그인을 별도로 다운로드 받아 플러그인을 추가하는 방법으로도 설치가 가능합니다.
- 쉬운 목차 플러그인 다운로드
- 워드프레스 관리자 페이지
- 플러그인 선택
- Add New Plugin
- 플러그인 업로드
- 쉬운 목차 플러그인 선택 후 설치 및 활성화
쉬운 목차(Easy Table of Contents) 설정 방법
위와 같이 설치를 완료했다면 쉬운 목차를 설정해 보도록 하겠습니다. 플러그인 활성화가 되면 블로그 게시물에 곧 바로 목차가 생성됩니다.
워드프레스 관리자 화면에서 플러그인으로 들어가 쉬운 목차 설정으로 들어가 각 항목별로 설정해 보도록 하겠습니다.
목차 자동 설정
설정 페이지의 맨 처음 일반 항목에서 목차를 블로그에 자동으로 표시될 수 있도록 설정합니다. 지원 활성화와 자동 삽입 여부를 설정해야 하는데 블로그의 경우 두 곳 모두 “글”에 체크해 주세요 그러면 전체 블로그 게시물에 자동으로 삽입됩니다.
목차 삽입 위치 지정
그 다음 위치를 지정해야 하는데 일반적으로 첫 머리글 앞을 기본값으로 하고 있으며 다음과 같은 위치 지정 메뉴가 있습니다.
- 첫 머리글 앞(기본값)
- 첫 머리글 이후
- 첫 단락 이후
- 단란 번호 뒤
- 맨 위
- 맨 아래
목차는 게시물 상부에 나오게 표시하는 것이 좋습니다. 첫 머리글 앞을 기본값으로 두면 첫번째 제목 앞에 목차가 표시되며 제목이 몇개 이상이 되어야 표시할 수 있는지도 설정할 수 있습니다. 2를 설정하면 최소한 제목이 2개 이상일 때표시 됩니다.
헤더 라벨 및 보기 설정
목차의 헤더를 설정할 수 있습니다. 저는 목차라고 입력했지만 블로그에 걸 맞는 알맞는 내용으로 입력하시고 헤드 라벨 테그를 선택해 주세요. 저는 기본인 p태그를 선택했습니다.
목차를 펼치거나 접은 상태로 표시할 수 있는데 목차를 접은 상태로 표시하고 싶은 경우, ‘처음에는 목차를 숨깁니다.’에 체크하시면 됩니다.
계층 표시 및 카운터 설정
계층으로 표시에 체크를 하면 H태그의 순서에 따라 계층으로 표시가 됩니다. 목차 앞에 붙는 카운터는 기본값은 십진수인데 원형이나 사각, 로마자 등 다양하게 표시할 수 있는 옵션이 있습니다.
취향에 맞게 골라주시고 카운터 위치는 안쪽으로 선택하고 부드러운 스크롤에 체크해 주세요.
목차 너비 및 제목 패딩 설정
목차의 너비와 정렬 방식을 설정에서 고정 값 보다는 자동을 선택하거나 전체 폭에 맞는 100%를 선택해 주세요. 그리고 제목 패딩을 체크한 다음 위 아래 여백을 설정하면 목차의 가독성이 더 좋아 집니다. 저는 아래 위 5px로 설정했습니다.
글꼴 옵션 설정
글꼴 옵션 항목에서, 목차에 표시되는 제목 및 하위 글꼴 폰트와 크기를 변경할 수 있습니다.
제목 크기는 앞에서 입력한 “목차”와 같이 화면에 표시되는 목차 제목을 말하며 글꼴 및 하위 글꼴는 목차 제목 아래 표시되는 제목의 리스트를 말합니다.
글자 크기의 초기 설정은 %로 되어 있습니다. 저는 가독성을 위해 글자 크기를 px로 바꾼 다음 목차는 조금 크고 두껍게 제목 리스트의 크기는 위와 같이 각각 크기를 다르게 설정했습니다.
테마 및 색상
플러그인에서 기본으로 제공하는 목차 테마가 있습니다. 아래의 총 5가지 테마와 사용자 정의를 제공합니다. 저의 경우 사용자 정의를 통해 배경색, 테두리, 제목, 링크, 호버, 방문한 링크 등의 색상을 블로그 색에 맞춰 개별로 변경해 사용하고 있습니다.
- 회색
- 하늘색
- 하얀색
- 검은색
- 투명
- 사용자 정의
고급
고급 설정에는 다양한 옵션이 있으나 크게 손을 댈게 없어서 패스하겠습니다.
목차에 표시할 제목 H 태그 설정
블로그에서 표시할 H 태그를 설정하실 수 있는데 제목과 소제목이 많은 경우를 많은 목차가 생기기 때문에 지저분해 보이기 때문에 H2태그만 표시되도록 설정해 놓습니다.
위와 같이 설정해 놓으면 제일 중요한 H2 태그는 자동으로 표시가 되고 제목이 적을 경우 블로그 글을 작성 시 블록 편집기 아래나 우측에 있는 쉬운 목차 메타 박스에서 제목 태그를 얼마든지 추가할 수 있습니다.
쇼트코드
목차를 자동으로 설정하지 않고 쇼트코드를 이용해 설정할 수 있습니다. 위 내용만 입력하면 목차가 해당 위치에 표시됩니다.
설정 백업 및 복원
설정 내보내기와 가져오기 설정을 통해 현재 설정을 백업하고 복원할 수 있습니다.
이상으로 쉬운 목차 플러그인 설치와 설정 방법을 마치도록 하겠습니다. 워드프레스 블로그의 게시물에 목차를 설정해 방문자의 게시물 파악을 용이하게 하고 구글 SEO에도 친화적입니다. 쉬운 목차 플러그인을 설치해 보세요. 감사합니다.