상단 공지 고정 가이드｜블로그 소개·읽는 순서·가이드라인 작성법

 

 

 

상단 공지로 첫인상 동선을 설계하는 법

 

상단 공지 고정 가이드｜블로그 소개·읽는 순서·가이드라인 작성법

 

핵심 요약: 상단 공지는 방문자의 첫 30초에 블로그의 목적·읽는 순서·행동 가이드를 제공하는 랜딩 카드입니다. 공지 한 편으로 탐색성, 체류 시간, 신뢰도를 동시에 끌어올릴 수 있습니다. 이 글은 공지의 구성 템플릿, 고정 방법, 접근성·SEO 체크, 유지보수 루틴까지 제공합니다.

📑 목차

• 1. 왜 상단 공지인가: 역할과 KPI
• 2. 공지 콘텐츠 구조 템플릿
• 3. 고정(핀) 설정 방법
• 4. UX·접근성·SEO 체크리스트
• 5. 내부링크: 허브↔시리즈 동선 설계
• 6. 유지보수 루틴(30·60·90)
• 오늘부터 실행 요약

 

 

1. 왜 상단 공지인가: 역할과 KPI

 

• 방향 제시: 블로그의 주제·대상·핵심 섹션을 1화면 내 전달
• 동선 설계: “처음 읽기 → 기초 가이드 → 심화/시리즈” 순서 제공
• 신뢰 신호: 운영 원칙·출처·업데이트 주기 명시로 신뢰도 강화

 

KPI	측정 지표	개선 포인트
탐색성	홈→상단 공지 클릭률, 공지 내 링크 클릭률	버튼형 링크·요약문 2줄
체류/회전	페이지/세션, 공지→허브/시리즈 이동 비율	허브 링크 3~5개 노출
신뢰도	이탈률, 스크롤 75% 도달률	운영 원칙·최종 수정일 표기

상단 공지 ＝ 소개 동선 신뢰를 연결하는 랜딩 카드

 

2. 공지 콘텐츠 구조 템플릿

 

아래 템플릿을 복사해 공지 본문을 작성하세요. 길이는 500~800자, 링크 3~7개가 적당합니다.

 

2-1) 상단 공지 템플릿(복사 사용)

 

<h2>이 블로그는 무엇을 다루나요?</h2>
<p>예: 본 블로그는 ‘티스토리 활용법’을 중심으로 정보 구조·UX·접근성·SEO 품질을 높이는 방법을 다룹니다.</p>

<h2>처음 방문하셨다면, 이렇게 읽어보세요</h2>
<ol>
  <li><a href="/entry/tistory-category-structure">카테고리 구조 가이드</a></li>
  <li><a href="/entry/tistory-archive-ux">글 목록(아카이브) 최적화</a></li>
  <li><a href="/entry/tistory-html-editor-guide">HTML 편집 기능 가이드</a></li>
</ol>

<h2>운영 원칙</h2>
<ul>
  <li>정보·기능 중심의 중립 톤 유지</li>
  <li>모든 이미지 ALT/크기 지정 및 접근성 고려</li>
  <li>출처·최종 수정일 명시</li>
</ul>

<p><small>최종 수정: 2025-11-10, 문의: 댓글/연락처 페이지</small></p>

 

2-2) 제목·요약·버튼 규칙

 

• 제목: 18~28자, 핵심 키워드 1~2개
• 첫 문단: 블로그 목적 2문장 요약
• 버튼형 링크: 시작 가이드 / 시리즈 보기 등 행동 명사 사용

 

공지 레이아웃 와이어프레임 （필수 구성요소）

 

 

3. 고정(핀) 설정 방법

 

1. 공지 본문을 발행한 뒤, 글 관리 → 설정(톱니바퀴)에서 “상단 고정(또는 공지)” 옵션을 활성화합니다.
2. 스킨/목록 유형에 따라 공지가 카드 상단 또는 별도 박스로 노출됩니다.
3. 홈 화면에서 1화면 내에 공지의 제목·요약·버튼 2~3개가 보이는지 확인합니다.

팁: 공지 이미지는 3:2 또는 16:9, 대비 높은 색상과 간결 문구를 사용하세요.

 

4. UX·접근성·SEO 체크리스트

 

항목	체크	세부 기준
가독성	✅	요약 2줄(60~90자), 버튼은 동사 대신 명사형
접근성	✅	이미지 alt·width·height·loading="lazy"
SEO	✅	H2/H3 계층, 내부링크 3~7개, 최종 수정일 표기
성능	✅	대표 이미지 용량 최적화(WebP/AVIF), CLS 방지
신뢰	✅	운영 원칙·문의 채널 표기, 출처 링크

 

5. 내부링크: 허브↔시리즈 동선 설계

 

공지에서 다음 3곳으로 명확히 연결하세요.

1. 입문 허브 — 카테고리 구조 가이드
2. UX 허브 — 아카이브 최적화
3. 작성 허브 — HTML 편집 가이드

각 허브 페이지의 상·하단에는 다시 상단 공지로 되돌아오는 링크를 배치해 왕복 이동을 완성합니다.

 

공지 ＜－＞ 허브 왕복 링크로 회전율。체류를 동시 개선

 

6. 유지보수 루틴(30·60·90)

 

30일

• 공지 링크 3~7개 최신화(죽은 링크 제거)
• 요약문 2줄 재작성(핵심 메시지 선명화)

 

60일

• 대표 이미지·색 대비 점검, 모바일 360~414px 가독성 테스트
• GA4에서 공지→허브 클릭률/스크롤 도달률 확인

 

90일

• 운영 원칙 개정(출처·연락처·수정일 업데이트)
• 공지 본문 리프레시(새 시리즈 링크 반영)

 

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

 

1. 상단 공지 본문을 템플릿으로 작성(소개·읽는 순서·운영 원칙)
2. 허브 3개로 링크 구성 후, 각 허브에 “공지로 돌아가기” 링크 삽입
3. 대표 이미지 WebP, ALT/크기/지연 로딩 지정
4. 최종 수정일 표기 → GA4에서 클릭률·스크롤 도달률 측정 시작