본문 바로가기
생활정보

티스토리 스킨 변경 이거 안하면 큰일나요! (체크해야 할 사항 알아보기)

by scilla 2024. 5. 23.

 

티스토리 스킨을 변경하게되면 모든 설정들이 초기화 됩니다. 이전 스킨에 설정했던 것들을 다시 설정해야하는 번거로움이 있으므로 블로그 스킨을 처음 설정하시려는 분들은 처음부터 신중하게 선택하는 것을 권장합니다. 지금부터 티스토리 스킨 변경 시 꼭! 체크해야할 사항에 대해 알아보겠습니다.  차근차근 따라하시면 스킨 변경하는 데에 큰 어려움은 없으실 겁니다.

 

[목차]

 

1. (스킨 변경 전) 스킨보관

 

스킨을 변경하기 전에 기존에 사용하던 스킨을 보관해줍니다.

▶ 블로그관리 > 꾸미기-[스킨변경] 클릭 > [보관] 클릭

이렇게 보관해놓은 스킨은 스킨목록-[스킨 보관함]에 보관되어 있어서 필요할 때 언제든 이전에 쓰던 스킨으로 돌아갈 수 있습니다.

 

 

2. (스킨 변경 전) html 코드 백업

 

스킨을 변경하기 전에 기존 스킨의 html 코드도 저장해둡니다. 

▶ 블로그관리 > 꾸미기-[스킨편집] 클릭 > [html편집] 클릭

html 코드를 Ctrl+A(전체 선택) 후 Ctrl+C(복사)하여 메모장이나 한글에 저장해둡니다.

 

 

※ 초기 블로그 세팅 시 넣었던 html 태그들을 따로 표기해 놓았다면 이 태그들을 변경할 스킨에 넣으면 되지만

저는 따로 마크를 안해두어서 일일이 각각의 사이트에 들어가서 태그를 다시 받아야 했습니다. 이러한 번거로움이 없도록 따로 표기해 두시는 것을 추천드립니다.

 

3. 스킨 변경하는 방법

 

스킨을 변경하는 방법은 아주 간단합니다.

▶ 블로그관리 > 꾸미기-[스킨변경] 클릭 > 스킨목록에서 마음에 드는 스킨을 선택 후 [적용] 클릭 > 끝

 

 

4. (스킨 변경 후) 애드센스 코드 입력

 

스킨을 변경한 후에는 구글 애드센스 코드를 입력해야 합니다.

구글 애드센스 사이트 접속 > 로그인 > 왼쪽 메뉴 [광고] 클릭 > [코드 가져오기] 클릭 > 코드가 나오면 [복사하기] 클릭

 

 

복사한 코드를 이제 티스토리 HTML <head> 아래에 붙여넣기 하겠습니다.

▶ 블로그관리 > 꾸미기-[스킨변경] 클릭 > [html편집] 클릭 > HTML 편집기 <head> 바로 아랫줄에 복사해둔 애드센스 코드 붙여넣기 > 오른쪽 상단 [적용] 클릭 > 끝

 

 

 

5. (스킨 변경 후) 메타태그 : 구글 서치콘솔

 

※ 메타태그 플러그인에 구글 서치콘솔, 네이버서치어드바이저를 입력하셨던 분들은 스킨을 변경해도 다시 입력할 필요가 없으므로 5, 6번은 생략합니다. 4번 애드센스 코드만 다시 입력하세요.

 

구글 서치콘솔 사이트 접속 > [시작하기] 클릭 > 로그인 > 좌측 하단 [설정] 클릭 > [사용자 및 권한] 클릭

 

 

▶ [점 세개 아이콘] 클릭 > 태그가 나오면 [복사] 클릭 > 메모장에 붙여넣기

 

 

이제 복사한 코드를 티스토리 메타태그 플러그인에 입력하겠습니다.

 블로그관리 > [플러그인] 클릭 > [<Meta Tag/>] 클릭 > [메타태그 추가] 클릭 > '이름을 입력하세요'에는 메모장에 복사해 놓은 google-site-verification 입력 > '내용을 입력하세요'에는 메모장에 복사해 놓은 content 뒤 "___" 따옴표 사이에 있는 내용 붙여넣기 > [적용] 클릭 > 끝

 

6. (스킨 변경 후) 메타태그 : 네이버서치어드바이저

 

 네이버서치어드바이저 사이트 접속 > 우측 상단 [웹마스터 도구] 클릭하면 이미 등록되어 있는 사이트가 나옵니다. 메타태그를 다시 볼 수 있는 기능이 없으므로 삭제 후 다시 등록합니다. 

 

 

▶ 사이트를 등록하면 HTML 태그가 나오는데 이 태그를 복사해서 메모장에 붙여넣기 합니다.

 

이제 복사한 코드를 티스토리 메타태그 플러그인에 입력하겠습니다.

  블로그관리 > [플러그인] 클릭 > [<Meta Tag/>] 클릭 > [메타태그 추가] 클릭 > '이름을 입력하세요'에는 메모장에 복사해 놓은 naver-site-verification 입력 > '내용을 입력하세요'에는 메모장에 복사해 놓은 content 뒤 "___" 따옴표 사이에 있는 내용 붙여넣기 > [적용] 클릭

 

 

다시 네이버서치어드바이저로 돌아온 후 [소유확인] 클릭 > 끝 

 

 

 

지금까지 티스토리 스킨 변경 시 꼭 체크해야할 사항들을 알아보았습니다. 스킨 변경 후 위의 사항들을 설정하지 않으면 광고 노출이 되지 않거나 블로그 상위 노출이 되지 않는 등 문제가 생길 수 있으니 꼭 설정해주시기 바랍니다.