Skip to content

블로그 디자인 개편 및 GEO 개선 - #5

Merged
nowgnas merged 5 commits into
masterfrom
design/blog-redesign
Sep 17, 2026
Merged

nowgnas merged 5 commits into
masterfrom
design/blog-redesign

Conversation

@nowgnas

@nowgnas nowgnas commented Sep 17, 2026

Copy link
Copy Markdown
Owner

변경 요약

  • 좌측 사이드바를 제거하고 sticky 상단 내비게이션으로 교체 (모바일은 메뉴 버튼 드롭다운)
  • 모노 블랙 컬러 토큰, Pretendard / JetBrains Mono 폰트 적용
  • 홈: 간결한 소개 영역, 글 수 기준 카테고리 탭, 구분선 기반 글 목록
  • 아카이브: 연도별 sticky 헤더 + 날짜·제목·카테고리 목록
  • 글 페이지: 740px 읽기 폭, 헤더/본문 타이포그래피 정리, 요약 박스, 태그 pill, 작성자 카드, 이전/다음 글 카드, 관련 글 리스트, 목차 위치 수정
  • 태그·카테고리: 글 수 순 pill 클라우드 / 카드 그리드, 상세 페이지 헤더 정리
  • GEO: llms.txt 추가, robots.txt에 AI 검색 크롤러 허용, JSON-LD Person 엔티티 통일 및 Blog/ProfilePage 추가, 존재하지 않는 SearchAction 제거

주요 결정

  • 테마 교체 대신 Chirpy 레이아웃/SCSS를 수정해 검색·목차·SEO·광고 구조를 유지
  • 모바일 메뉴는 기존 sidebar 토글 JS(sidebar-display 속성)를 재사용해 JS 재빌드 없이 구현
  • robots.txt에서 Google-Extended도 허용함 (AI 학습 사용을 원치 않으면 해당 항목만 Disallow로 변경)

검증

  • JEKYLL_ENV=production bundle exec jekyll build 성공
  • bundle exec htmlproofer _site --disable-external --check-html --allow_hash_href 통과
  • JSON-LD 316개 블록 JSON 파싱 확인
  • 데스크톱(1440px)·모바일(375px)에서 홈, 글, 아카이브, 태그, 카테고리, 검색, 모바일 메뉴 동작 확인
  • stylelint: 기존 _sass/layout/about.scss:157 (currentColor) 1건만 남음 (이번 변경과 무관)

참고

  • AdSense 콘솔의 All 'ins' elements ... already have ads 오류는 현재 운영 사이트에서도 동일하게 발생하는 기존 이슈이며, 광고는 정상 노출됨
  • 배포 후 기존 방문자에게는 PWA 캐시로 인해 "새 버전" 업데이트 알림이 한 번 표시될 수 있음

🤖 Generated with Claude Code

nowgnas and others added 5 commits September 18, 2026 01:57
- 좌측 사이드바를 제거하고 sticky 상단 내비게이션(브랜드·메뉴·검색·GitHub) 추가
- 모바일에서는 메뉴 버튼으로 드롭다운 내비게이션을 열도록 기존 sidebar 토글 JS 재사용
- Pretendard(본문·제목), JetBrains Mono(코드) 폰트 적용
- 라이트 컬러 토큰을 모노 블랙 팔레트로 교체하고 링크 hover 색상 통일
- 콘텐츠 최대 폭 1200px, 상단바 높이 4rem으로 조정

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
- 홈에 간결한 소개 영역과 글 수 기준 상위 카테고리 탭 추가
- 글 목록을 카드형에서 구분선 기반 리스트(카테고리·제목·요약·날짜·읽는 시간)로 변경
- 홈·아카이브는 우측 패널 없이 760px 단일 칼럼으로 표시
- 아카이브를 연도별 sticky 헤더 + 날짜·제목·카테고리 목록으로 재구성
- 페이지네이션 스타일 단순화, datetime include에 time 태그용 datetime 속성 추가

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
- llms.txt 추가: 작성자·주제·전체 글 목록과 설명 제공
- robots.txt에 AI 검색 크롤러(OAI-SearchBot, GPTBot, ClaudeBot, PerplexityBot 등) 허용 규칙 추가
- JSON-LD 작성자를 @id 기반 Person 엔티티로 통일하고 홈 WebSite/Blog 그래프, About ProfilePage 추가
- 존재하지 않는 검색 URL을 가리키던 SearchAction 제거
- 글 상단에 description 기반 요약 영역 추가

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
- 본문 읽기 폭을 740px로 고정하고 글 페이지 패널은 목차만 표시
- 헤더를 카테고리·제목·작성자/날짜/읽는 시간 구성으로 재정리
- 본문 타이포그래피(글자 크기, 줄간격, 헤딩, 인용구, 코드 블록) 조정
- 태그 pill, 작성자 카드, 이전/다음 글 카드, 관련 글 리스트 추가
- 목차 sticky 위치와 활성 항목 표시 수정

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
- 카테고리 목록을 글 수 순 카드 그리드(최근 글 3개, 하위 카테고리 링크)로 변경
- 태그 목록을 글 수 순 pill 클라우드로 변경
- 카테고리/태그 상세 페이지 헤더를 정리하고 홈과 같은 글 목록 사용
- 홈·카테고리·태그 공통 글 목록 항목을 post-list-item include로 분리
- 태그·카테고리 관련 페이지를 단일 칼럼으로 표시

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
@nowgnas
nowgnas force-pushed the design/blog-redesign branch from b5f5943 to 88a66ef Compare September 17, 2026 17:26
@nowgnas
nowgnas merged commit 58d24b3 into master Sep 17, 2026
1 check passed
@nowgnas
nowgnas deleted the design/blog-redesign branch September 17, 2026 17:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant