내부 링크 허브 페이지 만들기｜시리즈·주제 클러스터 설계

내부 링크 허브 페이지 만들기ㅣ시리즈。주제 클러스터 설계

내부 링크 허브 페이지 만들기｜시리즈·주제 클러스터 설계

 

요약: 허브-스포크 구조는 “큰 주제(허브)” 아래 “세부 글(스포크)”을 연결하는 정보 설계입니다. 티스토리에서 탐색성, 체류 시간, 재방문을 동시에 높이는 핵심 전략이죠.

📑 목차

• 허브 페이지가 필요한 이유
• 주제 범위 정의와 하위 토픽 분해
• 허브 템플릿 구조(HTML 조각)
• 앵커 텍스트·URL 슬러그·링킹 규칙
• 실전 예시(엘리사 블로그 적용)
• 품질 체크리스트(표)
• 운영 루틴(주간 점검표)
• 오늘부터 실행 요약

 

1. 허브 페이지가 필요한 이유

 

티스토리에서 글이 늘어날수록 사용자는 “무엇부터 읽어야 하는가”를 고민합니다. 허브 페이지는 입구·지하철 환승역 역할을 하며, 관련 글을 한 화면에서 소개하고 맥락을 제공합니다. 결과적으로:

• 첫 방문자의 탐색 비용 감소 → 이탈률↓, 회전율↑
• 서로 연관된 글로 체류 시간 증가
• 글 업데이트 시 허브에서 한 번에 공지 가능

 

허브는 큰 주제의 지도、 스포크는 세부 경로입니다

 

2. 주제 범위 정의와 하위 토픽 분해

 

허브는 하나의 큰 주제에 집중해야 합니다. 주제가 크면 하위 허브로 나누고, 작으면 스포크 수를 5~9개로 제한합니다.

 

2.1 범위 정의(예)

• 대주제: “티스토리 활용법(입문→운영→고급)”
• 중주제 허브: “메인·아카이브·카테고리”, “작성/편집/이미지”, “성능·크롤링·접근성”

 

2.2 하위 토픽 분해(예)

• 메인 UX, 카테고리 구조, 아카이브 가독성, 상단 공지, 내부 링크 설계(현재 글), HTML 편집 가이드…

팁: 하위 토픽은 사용자 과업 기준으로 쪼개면 더 명확합니다. (예: “카테고리 재편” → “3~5개 핵심 주제로 통합”)

 

3. 허브 템플릿 구조(HTML 조각)

<section class="hub">
  <h2>티스토리 활용법 허브</h2>
  <p>처음 방문하셨다면 이 순서로 읽어보세요.</p>

  <ol>
    <li><a href="/entry/tistory-category-structure">카테고리 구조 다시 짜기</a> — 핵심 3~5개 주제 설계</li>
    <li><a href="/entry/tistory-archive-ux">글 목록(아카이브) 최적화</a> — 목록형/썸네일형 가독성</li>
    <li><a href="/entry/tistory-html-editor-guide">HTML 편집 기능 가이드</a> — 구조화된 본문 작성</li>
  </ol>

  <h3>관련 시리즈(주제 클러스터)</h3>
  <ul>
    <li><a href="/entry/tistory-main-ux">메인 화면 UX 꾸미기</a></li>
    <li><a href="/entry/pinned-notice-guide">상단 공지 고정 가이드</a></li>
    <li><a href="/entry/internal-link-hub">내부 링크 허브 설계</a> (이 글)</li>
  </ul>
</section>

위 링크는 예시입니다. 실제 슬러그/주소로 교체하세요.

허브 레이아웃 핵심 “읽는 순서”와 “시리즈 목록“

 

4. 앵커 텍스트·URL 슬러그·링킹 규칙

 

4.1 앵커 텍스트

• 명확·자연스러운 문구 사용(예: “카테고리 구조 다시 짜기”)
• 한 글에서 동일 대상 링크의 문구는 가급적 일관
• “여기” “클릭” 대신 과업형 텍스트 사용

 

4.2 URL/슬러그

• 영문-소문자-하이픈 권장(예: /entry/tistory-archive-ux)
• 주제 변경 없으면 슬러그 고정, 변경 시 구/신 URL 내부 링크 업데이트

 

4.3 링크 정책(허브↔스포크)

• 허브→스포크: 최소 5~9개, 중요도 순서로 정렬
• 스포크→허브: 상단/하단에 “공지/허브로 돌아가기” 고정 블록
• 스포크끼리 상호 링크 2~3개 추가(연관 주제)

 

5. 실전 예시(티스토리 정보저장소 블로그 적용)

 

티스토리 정보 저장소 블로그의 이미 발행된 글을 초기 허브에 편입합니다.

• 카테고리 구조 다시 짜기
• 글 목록(아카이브) 최적화
• HTML 편집 기능 가이드

왕복 링크: 각 스포크 하단에 아래 블록을 넣어 허브로 되돌아오게 합니다.

<p class="notice-back">
  처음이시라면 <a href="/notice/571">상단 공지 안내</a>부터 확인해 보세요.
</p>

허브는 ” 한 번 만들고 끝“이 아닌、 주간 점검형 자산입니다

 

6. 품질 체크리스트(허브 페이지)

 

항목	점검 포인트	합격 기준
주제 범위	대상 독자·사용자 과업이 명확한가?	한 문장 정의 가능
읽는 순서	1→2→3 단계가 논리적인가?	3~5단계 내
링크 품질	앵커 텍스트가 명확한가?	과업형 문구
왕복 동선	스포크에서 허브로 되돌릴 수 있는가?	상/하단 1회 이상
시각 구성	목차·리스트·표·이미지 균형	스크롤 스캔 용이
유지보수	최종 수정일/로그 기록	최근 30일 내 업데이트

 

7. 운영 루틴(주간 점검표)

 

1. 월: 허브 본문 최신화(새 글 편입/순서 조정)
2. 수: 스포크 하단 왕복 링크 누락 점검
3. 금: “연관 글 2~3개” 상호 링크 추가

주의: 유사 주제로 새 글을 계속 추가하기보다 기존 스포크 업데이트를 우선하세요.

 

오늘부터 바로 할 수 있는 실행 요약

 

• 허브 초안 작성 → “읽는 순서(3~5단계)”와 시리즈 목록 구성
• 스포크(기존 글) 하단에 “공지로 돌아가기” 블록 일괄 추가
• 앵커 문구 표준화(카테고리 구조/아카이브/HTML 등 과업형)
• 주간 점검표로 허브 업데이트 루틴 고정