웹사이트 개발 Ep.4 – 티스토리 블로그 구축 및 콘텐츠 전략

1. 블로그 개설 및 도메인 연동

• 서브도메인 설정: blog.baekilheon.com 서브도메인을 가비아 DNS 관리 화면에서 CNAME 레코드로 티스토리에 연결.
• 보안 인증: Let’s Encrypt를 통해 HTTPS 적용. 본문, 이미지, 위젯 로딩 시 Mixed Content 오류 없이 안정적 접속 보장.

2. 스킨 커스터마이징 – 메인 페이지와의 시각적 연계

• 배경 & 타이포그래피: 메인 페이지와 동일한 아이보리톤 배경, 여백 확보. 제목은 고전 서체 웹폰트(한글 ‘금속활자체’), 본문은 부드러운 고딕체로 가독성 유지.
• UI 요소: 본문 내 ‘인용구 박스’, ‘체험신청 버튼’에만 은은한 그림자·테두리 추가. 카드형 레이아웃은 메인 페이지 ‘주요 공간 탐색 섹션’ 카드 디자인과 통일감을 준다.

3. 카테고리 구성 및 콘텐츠 맵

1. 고택 이야기
   • 역사 개요: 1728년 이삼 장군 하사금으로 건립, 국가민속문화유산 제273호 지정 .
   • 건축 구조: 안채·사랑채·별당·광채가 ‘ㅁ’자형 배치된 변격 한옥, 동향 대문채·문간채 해설.
   • 유물 전시: 가문 고문서·서책, 19세기 민속 소품 사진 갤러리.
2. 체험 프로그램
   • 한옥스테이: 객실별 사진·요금·예약 링크(예약 폼 위젯 삽입).
   • 전통 다례·공예: 다례 체험 일정, 목판화·매듭공예 워크숍 안내.
   • 공연·강연: 국악 연주회·한옥 건축 강연 일정.
3. 사색의 길 산책 코스
   • 코스 설명: 뒤뜰→매봉재→충헌사→옛 우물터→선비계단 순환 약 2km(소요 40분).
   • 포인트 가이드: 소나무 숲 팔각정·노성산 전망대 사진·동선 지도 삽입.
4. 방문 후기 & 갤러리
   • 방문객 체험담: 사진, 별점, 코멘트 템플릿.
   • 포토 갤러리: 고택 풍경·계절별 모습 슬라이드쇼.

4. 예약 시스템 & 알림 연동

• 위젯 삽입: Ep.2에서 개발한 CSS/HTML/JS 기반 예약 폼을 블로그 사이드바에 배치.
• Firebase Functions: 폼 제출 시 관리자 SMS·이메일 자동 알림.
• 달력 캘린더: 이미 예약된 날짜 비활성화 처리, 가독성 높은 달력 UI 적용.

5. 다국어 지원 & SEO 최적화

• 콘텐츠 언어 분리: 한국어·영어·중국어·일본어 버전 포스트 작성, <link rel="alternate" hreflang="…"> 태그 적용.
• 메타·OG 태그: 언어별 메타 설명, SNS 공유 시 적절한 언어·이미지 노출.
• 키워드 & 내부 링크: “백일헌 종택”, “한옥스테이”, “사색의 길” 등 주요 키워드 밀도 조절, 메인 페이지·상세 페이지 상호 링크 강화.

6. 콘텐츠 발행 스케줄 & 운영 프로세스

• 발행 주기: 매주 화·금, 주 2회 정기 포스팅.
• 검수 절차: 사전 맞춤법·링크·이미지 품질 확인 후 발행, 발행 직후 네이버·구글 서치콘솔 자동 색인 스크립트 실행.
• SNS 연동: 카카오톡 채널·인스타그램 카드 링크 공유 버튼 배치.