워드프레스 글에 목차를 넣는 가장 쉬운 방법은 목차 플러그인을 설치해 H2·H3 제목을 자동으로 모으게 하는 것이고, 플러그인 없이도 헤딩에 앵커(HTML 앵커)를 지정해 직접 목차를 만들 수 있습니다. 목차는 독자가 원하는 부분으로 바로 이동하게 도와주고, 글 구조를 한눈에 보여 주어 긴 정보형 글에서 특히 유용합니다. 이 글에서는 목차가 필요한 이유, 플러그인 방식과 수동 방식, 설정 시 주의할 점, 목차가 잘 작동하는 글 구조까지 정리합니다.
블로그 글에 목차가 필요한 이유
정보형 글은 분량이 길어지기 쉽습니다. 독자는 처음부터 끝까지 읽기보다 자신이 궁금한 부분을 먼저 찾으려는 경우가 많습니다. 목차가 있으면 원하는 내용을 빠르게 찾을 수 있어 글을 바로 닫고 나가는 일을 줄이는 데 도움이 됩니다.
또한 목차를 만들다 보면 글의 구조를 스스로 점검하게 됩니다. 소제목만 읽어도 글의 흐름이 이해되는지, 빠진 내용이나 겹치는 부분은 없는지 확인할 수 있어 글 품질 관리에도 좋습니다. 검색 결과에 목차 링크가 함께 보이는 경우도 있지만, 이는 검색엔진이 자동으로 판단하는 부분이라 항상 표시된다고 기대하기는 어렵습니다.
목차를 만드는 두 가지 방법 비교
| 구분 | 플러그인 방식 | 수동 앵커 방식 |
|---|---|---|
| 작업 난이도 | 쉬움, 설치 후 자동 생성 | 헤딩마다 앵커 지정 필요 |
| 유지 관리 | 제목을 바꾸면 자동 반영 | 제목 변경 시 링크도 직접 수정 |
| 사이트 속도 | 플러그인 스크립트가 추가될 수 있음 | 추가 스크립트 없음 |
| 디자인 자유도 | 설정 화면 범위 안에서 조정 | 원하는 형태로 직접 구성 |
| 추천 대상 | 글이 많고 매번 목차를 넣는 블로그 | 가볍게 운영하고 싶은 블로그 |
플러그인으로 목차 자동 생성하기
플러그인 설치
관리자 화면의 플러그인 메뉴에서 새로 추가를 누르고 목차(Table of Contents)로 검색하면 여러 플러그인이 나옵니다. 최근 업데이트 날짜, 현재 사용 중인 워드프레스 버전과의 호환성, 활성 설치 수와 평점을 확인하고 하나만 고르세요. 이미 SEO 플러그인을 쓰고 있다면 그 플러그인에 목차 블록 기능이 있는지 먼저 확인하는 것도 방법입니다. 같은 기능의 플러그인을 여러 개 쓰면 충돌과 속도 저하의 원인이 됩니다.
기본 설정 항목
- 적용할 글 유형: 글(post)에만 적용하고 고정 페이지는 제외하는 경우가 많습니다.
- 자동 삽입 위치: 보통 첫 번째 헤딩 앞에 넣으면 도입부를 읽은 뒤 자연스럽게 목차를 보게 됩니다.
- 표시 조건: 헤딩이 일정 개수 이상일 때만 목차가 나오도록 설정하면 짧은 글에는 목차가 붙지 않습니다.
- 포함할 헤딩 단계: H2와 H3까지만 포함하면 목차가 너무 길어지지 않습니다.
- 접기 기능: 처음에는 접힌 상태로 두면 화면 상단을 덜 차지합니다.
플러그인 없이 수동으로 목차 만들기
블록 편집기에서는 헤딩 블록마다 HTML 앵커를 지정할 수 있습니다. 헤딩 블록을 선택한 뒤 오른쪽 설정 패널의 고급 항목을 열면 HTML 앵커 입력란이 있습니다.
- 각 H2 헤딩에 영문 소문자와 하이픈으로 된 앵커를 입력합니다. 예를 들어 준비물 소제목이라면 prepare처럼 짧고 뜻이 통하게 정합니다.
- 도입부 아래에 목록 블록을 추가하고 소제목 이름을 항목으로 적습니다.
- 각 항목을 선택해 링크를 넣고, 주소란에 샵 기호와 앵커 이름을 함께 입력합니다.
- 미리보기에서 링크를 눌러 해당 위치로 이동하는지 확인합니다.
앵커 이름은 한 글 안에서 중복되면 안 되고, 공백 없이 입력해야 합니다. 이 방식은 추가 스크립트가 없어 가볍지만, 제목을 바꿀 때마다 목차 항목도 함께 고쳐야 합니다.
목차가 잘 작동하는 글 구조 만들기
목차는 헤딩 구조를 그대로 보여 주기 때문에 헤딩이 정리되어 있지 않으면 목차도 어지러워집니다.
- 본문에는 H1을 쓰지 않습니다. 글 제목이 이미 H1 역할을 합니다.
- 큰 주제는 H2, 그 안의 세부 항목은 H3로 나누고 단계를 건너뛰지 않습니다.
- 소제목은 내용을 짐작할 수 있게 구체적으로 씁니다. 방법 1, 방법 2보다는 무엇을 하는 단계인지 적는 편이 좋습니다.
- 헤딩을 글자 크기를 키우는 용도로 쓰지 않습니다. 강조가 필요하면 굵게 표시를 사용하세요.
목차 설정 후 점검할 것
- 모바일 화면에서 목차가 너무 길어 본문이 한참 밀리지 않는지
- 고정 헤더가 있는 테마에서 링크를 눌렀을 때 제목이 헤더에 가려지지 않는지
- 광고 위치와 목차가 겹쳐 실수로 광고를 누르게 되는 배치는 아닌지
- 페이지 속도 측정 도구로 플러그인 설치 전후 차이가 큰지
고정 헤더에 제목이 가려진다면 플러그인의 스크롤 여백 설정을 조정하거나 테마의 추가 CSS에서 여백을 주면 해결되는 경우가 많습니다.
목차를 넣은 뒤에는 서치 콘솔에서 해당 글의 노출과 클릭 변화를 몇 주 동안 지켜보며, 독자가 실제로 어떤 소제목을 많이 찾는지 참고해 다음 글의 구조를 다듬어 보세요.
자주 묻는 질문
짧은 글에도 목차를 넣어야 하나요?
헤딩이 서너 개뿐인 짧은 글은 목차가 오히려 방해가 될 수 있습니다. 표시 조건을 정해 긴 글에만 나오게 하는 것이 좋습니다.
목차가 검색 순위를 올려 주나요?
목차 자체가 순위를 보장하지는 않습니다. 다만 독자가 정보를 찾기 쉬워져 사용자 경험 개선에 도움이 될 수 있습니다.
H3까지 목차에 넣어도 되나요?
넣어도 되지만 항목이 많아지면 접기 기능을 쓰거나 H2만 표시하는 편이 깔끔합니다.
마무리
처음 블로그를 시작했다면 플러그인 방식으로 시작해 익숙해진 뒤 필요에 따라 수동 방식으로 바꿔도 늦지 않습니다.
워드프레스 목차는 플러그인으로 자동 생성하거나 HTML 앵커로 직접 만들 수 있습니다. 어떤 방법이든 H2와 H3 구조가 정리되어 있어야 목차가 제 역할을 합니다. 설정 후에는 모바일 화면, 고정 헤더, 광고 위치를 꼭 확인하고, 내 블로그 운영 방식에 맞는 방법 하나를 꾸준히 적용해 보세요.
답글 남기기