2007년 테터툴즈 블로그를 시작으로 텍스트큐브, 워드프레스, 티스토리까지 데이터를 이전하면서 지금까지 블로그를 운영 중이다.
아쉬운 부분도 있지만 아직은 티스토리에 만족하고 있다.
티스토리 웹미니 스킨
티스토리로 운영하면서 고정형부터 반응형까지 9번에 스킨을 크고 작게 변경했다.
티스토리에서 제공하는 스킨에서 웹미니 스타일로 항상 커스트마이징을 해서 사용했었는데, 이번 웹미니 버전은 기존 디자인은 크게 변경은 하지 않았고, 기능적으로 추가를 했다.
블로그는 정보나 개인적인 생각을 글로 전달하는 게 목적이기에 글에 집중할 수 있도록 불필요한 요소들은 제거를 했다.
반대로 글을 읽는데 도움이 되는 부분은 기능적으로 추가를 했다.
웹미니만의 디자인 컬러는 그대로 가져가되, 기존 웹미니 사이트와 연결해서 사이트와 블로그를 같이 병행하던 걸 블로그에만 집중할 수 있도록 분리 작업을 했다. (물론 웹미니 사이트로 전환가능한 링크들은 존재한다.)
검색은 구글 맞춤검색을 사용하려고 했으나 블로그 전용 검색이 직관적이어서 그대로 유지했다.
반응형 스킨이며, 블로그 글을 읽을 때 글에 집중 할 수 있게 폰트 사이즈와 폰트 스타일, 폰트 색상에도 신경을 더 많이 썼다. 그리고 글을 읽을 때 방해가 될 거 같은 광고는 최소화했다.
그리고 커뮤니티를 활성화하고자 티스토리만의 구독과 공감 버튼이 잘 보이도록 포인트를 주었다.
웹미니 스킨 기능들
1. 반응형 스킨
2. 목차 제공
3. 애니메이션 추가 (구독과 공감버튼 포인트)
4. 코드블럭 디자인변경
5. 기타
반응형 스킨
티스토리에서 기본적으로 제공하는 모바일 화면이 있긴 하지만, 수정을 하지 못해 반응형으로 기존과 동일하게 유지했다.
모바일화면은 계속 보완할 계획이다.
목차제공
이번 9버전에서는 목차기능을 추가했다.
생각만 하고 있다가 이번 기회에 목차를 넣었는데 제일 잘한 부분 같다.
이유는 네이버 검색에 탭형태로 검색에 걸리는 방법에 대한 포스팅을 한 적이 있는데, 이 부분과 연관되어 있기에 언젠가는 추가해야 할 작업이었다.
관련글은 아래에서 확인하면 될 것이다.
https://webmini.tistory.com/1078
[블로그 운영팁]네이버 검색시 탭메뉴 형태로 노출되게 하려면
네이버 검색 시 탭메뉴 형태로 노출되게 하는 방법입니다. 이해를 돕기위해 스크린샷을 참고하세요. [미리보기] 검색 화면을 보시면 '요즘 시대의 단독주택이란?' 처럼 탭메뉴가 생성된걸 보실
webmini.tistory.com
애니메이션 추가
디자인 요소로 추가한 부분도 있지만, 티스토리 사용자와 소통을 원활히 하고자 해당 영역 부분에 포인트로 애니메이션 효과를 주었다.
코드블럭 디자인변경
Front-End 관련 소스나 정보를 공유하는 글이 있다 보니, 코드블럭 디자인을 애플스럽게 변경했다.
(사실 애플 제품을 좋아라 하는 것도 있음)
const webminiSkin = "Ver.9";
console.log("웹미니 스킨 " + webminiSkin + "로 업데이트 완료됐습니다.");
위 코드블럭 디자인으로 업데이트
기타
소스 코드 정리, js 추가, 구글 광고 재구성 등등 자잘하게 많은 것이 변경되었다.
이외에 개선사항은 운영하면서 계속 업데이트할 예정이다.
블로그를 운영하면서 가장 많은 시간을 공들인 버전이 아닌가 싶다.
마무리
최고의 SEO는 꾸준함이다.
