티스토리는 이렇게 준비하세요.
티스토리 운영하면서, '구글 애드센스'라는 걸 알게 됐고,
게시글을 꾸준히 올리고 관리하면서
어떤 걸 준비해야 하는지 생각하게 됐어요!
그래서 메모장처럼 정리해 둘 겸 블로그에 올려봅니다!
서치어드바이저 (웹마스터도구)
◎ 구글 서치콘솔 (Google search console)
◎ 네이버 서치어드바이저 (Naver search Advisor)
◎ 빙 웹마스터도구 (Bing Web master tool)
각각의 서치어드바이저에 등록을 해두는 것이 좋다.
사이트맵 검사와 url검사 등을 할 수 있고,
검색로봇을 등록할 수 있어서 블로그 운영에 도움이 됩니다.
특히 네이버 서치어드바이저에서는 웹페이지 수집을 할 수 있기 때문에
네이버에서의 방문자 수, 검색 수 등을 늘리는데 도움이 돼요!
단, '빙 웹마스터도구'는 절대 추천하지 않습니다.
카카오자체에서 빙에 대한 것들을 차단해두고 있다고 해요.
저도 직접 해봤지만, 실제로 빙에 사이트맵 등록이 안되고
계속 오류만 뜹니다.
저도 삭제할 예정입니다. (삭제에 대한 이야기도 가능하다면 올려볼게요!)
meta 태그 등록
◎ 구글 메타태그
◎ 네이버 메타태그
서치콘솔 등록하다 보면, 자연스럽게 하게 되는 메타태그 등록!
꼭 해주셔야 합니다!
티스토리 플러그인에서 메타태그 등록 플러그인에 등록해 주시면 됩니다!!
애널리틱스 Analytics
◎ 구글 애널리틱스
◎ 네이버 애널리틱스
애널리틱스에서는 방문현황이나 유입현황, 실시간 분석, 페이지 분석 등
여러 가지 블로그에 관한 현황들을 확인할 수 있는 시스템입니다.
구글 애널리틱스는 훗날(?) 구글 애드센스의 승인을 받기 위해서라도
꼭 미리 등록해두시길 권장합니다.
그리고 구글 애널리틱스 등록할 때에는 티스토리 플러그인을 이용한 등록이 아닌,
구글 애널리틱스 오리지널 방식으로 등록해 주세요.
티스토리 플러그인을 이용하면, 집계가 제대로 되지 않습니다.
위에 '애널리틱스 오류에 관한 글'을 삽입해 두었습니다! 그 이유와 해결법을 자세히 확인하실 수 있을 거예요!
구글 애드센스 사이트 등록과 코드삽입
구글 애드센스에 미리 사이트 등록을 하고,
애드센스코드를 티스토리 블로그 HTML에 삽입해두어야 합니다.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-사이트고유아이디"
crossorigin="anonymous"></script>애드센스코드의 예시입니다.
이 코드는 <head>와 </head> 사이에 삽입합니다.
저는 가장 위에 즉 <head> 바로 밑에 삽입했습니다.
중간이나 마지막에 삽입하니 제대로 인식을 하지 못하더라고요...😭
이건 꼭 해두시는 걸 권장합니다.
저는 미리 해두었는데도 애드센스 승인신청 결과가
'사이트가 다운되었거나 사용할 수 없는 사이트'라고 나옵니다....(^^)
이 부분에 대해서 해결을 하게 된다면 <해결법>을 올릴게요!
검색등록
미리 블로그 검색등록을 해두면 아주 유용하고 좋아요!
방문자수를 유입하는데 아주 큰 도움을 받을 수 있거든요!
◎ 다음 검색등록
구글과 네이버에서는 서치콘솔, 서치어드바이저에서 로봇수집과 요청이 가능하지만
다음은 별도로 등록요청을 해야합니다.
다음 검색등록 홈페이지에서 사이트등록을 하시면 됩니다!
블로그 운영할 때 사용하면 좋아요!
이미지와 GIF은 webp로 변환하기
네이버에서는 별도의 이미지변환없이 업로드해도 문제되지 않지만
티스토리는 다릅니다. 이미지 크기나 파일이 맞지않으면 검색엔진점수가
많이 떨어집니다. 저도 그랬어요.....😭
그래서 점수회복을 위해 지금까지도 100개 달하는 게시글 중에서
jpg나 png로 올렸던 모든 이미지를 일일이 변경하여 다시 올리고 있습니다.
저와 같은 일이 없도록 하기위해서는 애초에 webp로 변환된 이미지를 올리세요....
avip도 가능합니다!
서식 등록/사용하기
티스토리 블로그를 운영하면서,
생각보다 정말 많이.. 아니지, 글을 쓸 때마다! 매번!! 항상 꼭 사용하게 되는 서식!
서식 등록하는 간단한 방법
[블로그관리 ≫ 서식관리]로 들어가 주세요!
글쓰기 누르고, 알아보기 쉽게 제목을 꾸며주세요! ex) 1 set 대제목 h2
(저는 주로 세트로 사용한답니다! 대제목부터 인용구와 소제목까지!)
그다음 '기본모드🔽' 눌러서 html모드로 바꿔주세요~
그리고 해당되는 서식코드를 복사&붙여 넣기 해주시고 등록(완료) 눌러주시면 됩니다!
이 서식의 사용법과 등록법을 알아두고 사용하면 블로그 글 쓸 때 정말 유용하게 사용할 수 있습니다!
자세한 방법은 차후에 올려둘게요!!
예약 업로드 이용하기
글을 쓸 때는 그때그때 업로드하는 방식도 있지만,
미리 예약해 두고 예약시간에 자동으로 업로드가 될 수 있도록 해주는 기능이 있어요!
이 기능도 잘 사용한다면, 유용하게 사용할 수 있을 거예요!!
HTML보다는 CSS를 위주로!
티스토리 운영에는 HTML보다는 CSS를 더 많이 사용하고 주로 다룹니다.
티스토리는 네이버블로그와는 다르게, 직접 꾸미고 추가하고, 삭제하는 커스텀형 블로그로
기본적인 부분에서는 폰트나 스킨편집, 프로필사진 등록, 사이트맵과 rss등록,
검색엔진관리 등이 있고, 더 깊게 들어가면 상단스크롤바, 해더, 사이드바 배치, 링크버튼,
자동목차(toc), 광고배치, 복사버튼, 코드블록 디자인 등 여러 가지를 꾸미고 변경하고, 지울 수 있습니다.
저도 처음에는 굉장히 어려웠어요, 진짜 실제로 너무 어려워서 중간에 포기했다가
다시 마음먹고 와서 지금 이렇게 티스토리에서 자리 잡고 운영에 성공한 거예요..!
현재도 많이 부족하고요..😭😭
그렇다고 해서 겁먹으실 필요는 없어요!
대부분 꾸미기에는 HTML과 CSS는 복사해서 그대로 붙여 넣기 하는 방식으로 하게 되고
직접 웹프로그래밍언어를 배워서 직접 사용하는 일은 없으니까요.
<!-- html 예시 시작 -->
<title>
<div class="btn-group">
<a href="/guestbook" class="guest">방명록</a>
</div>
</title>
<!-- html 예시 끝 -->이렇게요..?
정말 본인이 스킨을 직접 만든다거나, 자동목차를 디자인까지 전부 직접 만드실게 아니라면,
이렇게 복잡한 언어를 직접 적어 내려 갈 일이 거의 없습니다!
/* css 예시 시작 */
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-size: 100%;
font-weight: 400;
font-size: 1em;
line-height: 1.25;
color: #555;
overflow: visible;
cursor: pointer;
/* css 예시 끝 */다만, css는 조금 다릅니다.
페이지의 크기나 배치, 폰트의 크기, 색상뿐만 아니라
높이나 너비, 여백(상단, 하단, 좌우 등)까지 꾸밀 때 사용하는 부분이 많습니다!!
그래서 전문용어는 아니지만,
기본적인 css용어들을 알아둔다면, 꾸미기 할 때 도움이 분명히 될 거예요!
저도 현재진행형입니다!
계속 공부 중이고 가능하다면, 티스토리에서 사용되는 css용어에 대해서 적어둔 책발매도
염두에 두고 있답니다!!!
자동목차(toc) 이용하기
구글 애드센스에서는 '목차'를 이용하여 게시글의 가독성을 높이는 것을 좋아하더라고요!
자바 스크립트를 이용한 자동목차를 미리 배워두고, 설정해 둔다면 게시글 올릴 때 훨씬 도움이 될 거예요!!
그리고 스킨 제작하시는 분들 중에서 간혹 자동목차를 옵션(?)으로 만들어주신 분들도 계세요!
[티스토리 홈 ≫ 스킨 ≫ 이용자제작스킨]에서 확인해 보세요!!ㅎㅎ
티스토리 블로그를 생각하고 계신 분들이나, 이용하고 계신 분들,
막 시작하려고 하시는 분들.. 모든 분들에게 도움이 되었으면 좋겠습니다!
오늘도 읽어주셔서 감사합니다!
