티스토리 스킨 무료 배포 · Paperlogy Skin Lab
속도·SEO·가독성을 함께 잡은 티스토리 스킨
48일 제작, 240회+ 업데이트. 티스토리 제약 안에서 Core Web Vitals와 검색 노출 구조를 실전 기준으로 다듬었습니다.
왜 이 스킨을 직접 만들었는가
1) 기본 스킨 속도가 답답했습니다
기본 스킨은 실제 운영에서 체감 로딩이 느렸습니다. 그래서 직접 구조를 설계하고 반복 개선해 현재 버전까지 완성했습니다.
2) 속도만 빠른 스킨이 아니라 SEO가 필요했습니다
노출은 단순 속도로 끝나지 않습니다. 검색엔진이 이해하기 쉬운 문서 구조, 인덱싱 품질, 핵심 성능 지표까지 함께 맞춰야 합니다.
3) 심플하고 커스텀 가능한 디자인이 필요했습니다
폰트 크기/굵기/색상, 버튼 스타일, 랜딩 커버 구성까지 운영자가 직접 조절할 수 있도록 제작했습니다.
이 스킨에서 실제로 바꾼 핵심 (SEO + 구조)
Canonical URL 정리
utm/fbclid/gclid 등 추적 파라미터로 URL 분산을 방지하도록 정규화.
인덱스 품질 제어
검색/태그/목록형 페이지 noindex,follow로 크롤링 효율 관리.
구조화 데이터 반영
JSON-LD 기반 메타 구조로 검색엔진 문서 이해도를 강화.
LCP/CLS 개선
커버 이미지 비율·크기·우선순위 조정으로 초기 화면 안정성 개선.
타이포그래피 커스텀
굵기/크기/정렬/색상 제어로 가독성과 클릭 유도 강화.
커버 렌더링 부담 정리
홈 커버의 불필요 부담 요소를 줄여 체감 로딩을 개선.
실제 테스트 결과
모바일 Lighthouse (캡처 기준)
- 성능: 64
- 접근성: 100
- 권장사항: 96
- SEO: 100
- FCP: 5.0초
- LCP: 5.6초
- TBT: 130ms
- CLS: 0.072
- Speed Index: 5.0초
데스크톱 Lighthouse (캡처 기준)
- 성능: 92
- 접근성: 100
- 권장사항: 96
- SEO: 100
- FCP: 1.3초
- LCP: 1.4초
- TBT: 60ms
- CLS: 0
- Speed Index: 1.3초
실제 테스트 캡처
핵심 캡처
홈 커버 레이아웃(데스크톱) · 랜딩 히어로/CTA 배치
홈 커버 레이아웃(모바일) · 모바일 가독성 최적화
모바일 Lighthouse 결과 · 실사용 성능 측정
데스크톱 Lighthouse 결과 · 렌더링 성능 측정
상세 캡처 펼치기 (설정/최신글/목차/카테고리)
커버 랜딩 설정 화면 · 섹션 구성/배치 옵션
커버 타이포그래피 설정 화면 · 굵기/크기 커스터마이징
최신글 레이아웃(데스크톱) · 아카이브 중심 구성
최신글 레이아웃(모바일) · 목록 가독성 검증
본문 목차(펼침) · 긴 글 탐색 흐름
본문 목차(접힘) · 읽기 집중 모드
카테고리 아카이브 구조 · 내부 링크 체계
추천 대상
티스토리 검색 노출과 애드센스를 함께 키우고 싶은 분, 속도와 SEO를 동시에 챙기고 싶은 분께 추천합니다.