티스토리 정보 저장소

표·체크리스트 서식 모음｜완독률을 올리는 표준 컴포넌트요약: 본문 구조가 일정하면 독자는 더 오래 머뭅니다. 이 글은 표·체크리스트·노트/알림·경고 블록을 복붙 가능한 코드와 함께 제공하고, 적용 전/후 비교로 개선 지점을 분명히 보여줍니다. 📑 목차서론｜왜 컴포넌트 표준화인가핵심 패턴: 표·체크리스트·노트·경고사용 전/후 비교코드 스니펫(복붙용)점검표｜합격 기준과 흔한 실수실천 요약 서론｜왜 컴포넌트 표준화인가같은 정보를 다양한 서식으로 흩뿌리면 독자는 패턴을 학습하지 못합니다. 반대로 표준 컴포넌트를 정해두면, 독자는 “이 박스는 핵심 요약, 저 박스는 주의사항”처럼 즉시 해석합니다. 결과적으로 완독률·체류시간·반복 방문에 긍정적 신호가 쌓입니다. 핵심 패턴: 표·체크리스트·노트·경고1) 표(Tab..

본문 바로가기자동 목차(TOC) 정확히 넣기｜H태그 계층·점프 링크·접근성 규칙 요약: 자동 목차는 제목만 많이 넣는다고 완성되지 않습니다. H태그 계층을 올바르게 잡고, 점프 링크가 고정 헤더에 가리지 않도록 scroll-margin-top을 지정하며, 키보드 포커스가 이동하도록 설계해야 진짜 탐색 도구가 됩니다.📑 목차서론｜자동 목차가 필요한 이유H태그 계층 규칙(좋은 예/나쁜 예)점프 링크 구현｜아이디·앵커·스크롤 마진키보드 포커스 이동과 접근성예제 HTML 세트(복붙용)점검표｜흔한 실수와 합격 기준실천 요약서론｜자동 목차가 필요한 이유 자동 목차는 글의 구조를 한눈에 보여주고, 독자가 원하는 섹션으로 즉시 이동하게 합니다. 검색 스니펫 품질도 높아지며, 긴 글의 이탈을 줄입니다.H태그 계층 규칙..

페이지 속도 점검 루틴｜모바일 LCP·INP를 줄이는 주간 체크 시트요약: 같은 작업이라도 루틴으로 굳히면 성과가 누적됩니다. 이 글은 매주 30분 내에 실행 가능한 LCP·INP 중심 점검 시트와 스크린샷/지표 템플릿, 그리고 이미지·폰트·스크립트 우선순위를 제공합니다. 수치와 증거(로그·샷)를 남기면 ‘가치 부족’ 평가를 피할 만큼 재현 가능한 품질 관리가 됩니다.📑 목차서론｜왜 주간 루틴인가배경｜LCP·INP를 좌우하는 3요소실무 루틴｜주간 체크 6단계(30분)템플릿｜스크린샷·지표 기록 양식우선순위｜이미지·폰트·스크립트 정렬점검표｜합격 기준과 흔한 실수실천 요약서론｜왜 주간 루틴인가페이지 경험은 한 번의 대수술보다 작은 개선의 반복에 강합니다. 매주 동일한 시각에 동일한 방법으로 측정·기록하면, ..

티스토리 스킨 백업·버전관리 완전 가이드｜실패 없이 원복하는 체크리스트요약: 스킨 수정을 시작하기 전에 백업·버전 태깅·변경 이력을 표준화하면, 예기치 않은 깨짐·레이아웃 붕괴가 발생해도 1) 원복·2) 원인 추적·3) 재발 방지가 가능합니다. 아래 절차는 재심사 안전 규칙에 맞춰 **콘텐츠 품질·페이지 경험·신뢰 신호**를 함께 강화하도록 설계했습니다.📑 목차서론｜왜 지금 백업·버전관리가 중요한가배경 이론｜변경 관리의 3요소: 백업·diff·리스트어실무 절차｜백업→작업 브랜치→검수→반영→원복예시·템플릿｜로그 양식·파일명 규칙·체크 스크립트점검표｜합격 기준과 흔한 실수실천 요약｜오늘 당장 적용할 5가지 서론｜왜 지금 백업·버전관리가 중요한가블로그의 신뢰는 콘텐츠만으로 완성되지 않습니다. 스킨(레이아웃·..

내부 링크 허브 페이지 만들기｜시리즈·주제 클러스터 설계 요약: 허브-스포크 구조는 “큰 주제(허브)” 아래 “세부 글(스포크)”을 연결하는 정보 설계입니다. 티스토리에서 탐색성, 체류 시간, 재방문을 동시에 높이는 핵심 전략이죠.📑 목차허브 페이지가 필요한 이유주제 범위 정의와 하위 토픽 분해허브 템플릿 구조(HTML 조각)앵커 텍스트·URL 슬러그·링킹 규칙실전 예시(엘리사 블로그 적용)품질 체크리스트(표)운영 루틴(주간 점검표)오늘부터 실행 요약 1. 허브 페이지가 필요한 이유 티스토리에서 글이 늘어날수록 사용자는 “무엇부터 읽어야 하는가”를 고민합니다. 허브 페이지는 입구·지하철 환승역 역할을 하며, 관련 글을 한 화면에서 소개하고 맥락을 제공합니다. 결과적으로:첫 방문자의 탐색 비용 감소 → ..

상단 공지 고정 가이드｜블로그 소개·읽는 순서·가이드라인 작성법 핵심 요약: 상단 공지는 방문자의 첫 30초에 블로그의 목적·읽는 순서·행동 가이드를 제공하는 랜딩 카드입니다. 공지 한 편으로 탐색성, 체류 시간, 신뢰도를 동시에 끌어올릴 수 있습니다. 이 글은 공지의 구성 템플릿, 고정 방법, 접근성·SEO 체크, 유지보수 루틴까지 제공합니다.📑 목차1. 왜 상단 공지인가: 역할과 KPI2. 공지 콘텐츠 구조 템플릿3. 고정(핀) 설정 방법4. UX·접근성·SEO 체크리스트5. 내부링크: 허브↔시리즈 동선 설계6. 유지보수 루틴(30·60·90)오늘부터 실행 요약 1. 왜 상단 공지인가: 역할과 KPI 방향 제시: 블로그의 주제·대상·핵심 섹션을 1화면 내 전달동선 설계: “처음 읽기 → 기초 가이..

티스토리에 GA4 연동하기｜방문자 행동 분석과 리포트 설정방문자가 내 글을 어떻게 읽고 어디에서 이탈하는지 이해하려면 데이터가 필요합니다. 이 글은 티스토리에 GA4(Google Analytics 4)를 연동하고, 행동 데이터(스크롤·클릭·체류)·유입 경로(UTM)·리포트를 단계별로 구성하는 방법을 정보 중심으로 정리한 실전 가이드입니다. 📑 목차사전 점검1) GA4 속성 생성 & 측정 ID2) 티스토리에 코드 삽입3) 기본·맞춤 이벤트 설정4) UTM으로 유입 경로 분석5) 리포트 구성 예시발행 전 체크리스트오늘부터 실행 요약 사전 점검 구글 계정 로그인 상태 확인블로그 도메인(티스토리 주소) 파악스킨 > HTML 편집 접근 가능 여부 확인팁: 모바일 비중이 높으므로 설정 후 모바일 뷰에서 먼저 데이..

6개월 승인 실패 후 찾은 최적의 콘텐츠 구조 서론 – 6개월간의 시행착오 이야기거절이 반복된 이유는 글의 구조와 신호에 있었습니다. 아래 원칙을 적용한 뒤 색인·체류·회전이 동시에 안정화되었습니다.📑 목차실패 당시 글 구조의 문제점구글이 선호하는 글 구조 원칙도입·본문·결론 3단계 완성 예시소제목·목차·이미지의 역할승인 전 필수 체크 포인트마무리 – 구조 개선 후 변화 1) 실패 당시 글 구조의 문제점 서론 부재: 독자가 얻을 결과/이득이 불명확.소제목 미흡: 스캔이 어려워 스크롤 이탈 ↑.근거/출처 없음: 주장만 있고 증거·데이터 부재.내부 링크 부재: 허브/관련 묶음 연결이 없어 고립.교훈: 글의 목적·결과·다음 행동을 첫 스크린에서 보여주자. 2) 구글이 선호하는 글 구조 원칙 의도 정합성: 제..

글 목록(아카이브) 최적화｜목록형/썸네일형 가독성 체크리스트 핵심 요약: 아카이브는 방문자가 처음 마주하는 콘텐츠 지도입니다. 목록형은 정보 밀도가 높고 빠르게 스캔할 수 있으며, 썸네일형은 시각적 몰입도를 높여 클릭 유인을 만듭니다. 핵심은 카드 구성·요약문 길이·메타 정보·페이징·모바일 가독성·성능·접근성을 균형 있게 설계하는 것.📑 목차아카이브의 역할과 KPI목록형 vs 썸네일형: 선택 기준카드/행 구성 요소 체크리스트모바일 가독성·성능 최적화페이징·정렬·필터 UX내부링크·카테고리 안내출고 전 품질 체크리스트오늘부터 실행 요약 아카이브의 역할과 KPI 탐색: 사용자가 원하는 글을 3클릭 이내로 찾게 돕기전환: 리스트 → 글 상세 클릭률(CTR) 향상체류: 상세 진입 후 왕복 내부링크로 회전율/완독..

티스토리 카테고리 구조 다시 짜기｜3~5개 핵심 주제로 탐색성 높이기 핵심 요약: 카테고리를 3~5개 핵심 주제로 압축하고, 각 주제에 허브(가이드) 글을 세워 스포크(세부) 글들과 왕복 내부링크를 구성하면 탐색성과 체류 시간이 동시 개선됩니다. 제목·메타·목차·이미지 ALT를 정보 중심으로 통일해 심사 인상도 안정화하세요.📑 목차왜 3~5개인가: 인지·탐색·심사정보 구조(IA) 설계: 허브-스포크네이밍 규칙과 URL/슬러그기존 글 마이그레이션 절차메뉴·사이드바·목록 최적화발행 전 체크리스트30-60-90 실행 계획오늘부터 실행 요약 왜 3~5개 핵심 주제인가 인지 부하 감소: 방문자는 메뉴가 적을수록 더 빨리 목적지를 찾습니다(선택 과부하 방지).탐색 경로 단순화: 홈 → 핵심 주제 → 세부 글로 2..