블로그 돈버는 방법 16_티스토리 스퀘어 스킨 글 제목 h1 태그로 변경하는 방법

안녕하세요 

오늘은 티스토리의 스퀘어 스킨 글 제목을 h1 태그로 변경하는 방법을 알아보겠습니다.

구글 검색에 잘 노출이 되려면 글 제목이 h1 태그로 설정되어 있어야 합니다.

 

그런데 제가 사용중인 스퀘어 스킨은 글 제목을 h1이 아닌 h2로 설정이 되어 있습니다.

h1은 블로그 이름으로 설정되어 있고요.

그럼 구글 봇은 검색을 할 때, 내가 쓴 글을 최우선적으로 검색하는 게 아니라 내 블로그의 이름을 최우선적으로 검색하게 됩니다. 

이러면 아무래도 검색에 누락될 확률이 높아지고 방문자 유입에도 안 좋은 영향을 미치겠죠? 

 

그래서 이번 포스팅에서는

1. 글 제목을 h1으로 변경하고,

2. 블로그 이름은 h2로 변경하는 방법에 대해 알아보도록 하겠습니다. 

 

 

h1 태그로 되어 있는 블로그 이름  h2태그로 변경 방법

• 블로그 관리 홈에서 꾸미기 > 스킨 편집을 누릅니다.

• HTML 편집을 누릅니다.

• 코드 창 내부 아무 곳이나 클릭합니다.
• 윈도우는 Ctrl F , 맥은 ⌘ F를 눌러 h1 혹은 https://thedayhascom.tistory.com/을 검색합니다. 
• h1을 h2로 변경합니다. (하단의 코드를 복사 붙여 넣기 하셔도 됩니다.)

 

 

기존 h2로 되어 있는 글 제목을 h1으로 변경하기

 

스퀘어 스킨에서는 h2가 총 7개 나옵니다. (닫는 태그 미포함 시) 그중 우리는 2개를 변경해야 합니다. 이 2개를 곧바로 찾아주는 검색어인 블로그 돈버는 방법 16_티스토리 스퀘어 스킨 글 제목 h1 태그로 변경하는 방법를 입력하시면 훨씬 찾기 수월합니다. 2개 모두 앞 뒤의 태그를 h1으로 변경합니다.

• HTML 편집창 > 윈도우는 Ctrl F  , 맥은 ⌘ F를 눌러 블로그 돈버는 방법 16_티스토리 스퀘어 스킨 글 제목 h1 태그로 변경하는 방법를 검색합니다.
• h2를 h1으로 변경합니다. (하단의 코드를 복사 붙여 넣기 하셔도 됩니다. 두 군데 모두 동일한 코드입니다.)

 

 

CSS 편집하기

HTML을 수정하면 블로그 이름과 글 제목의 스타일이 이상하게 바뀐 것을 확인하셨을 텐데 놀라실 필요 없습니다.

이제부터 스타일을 다시 원래대로 되돌려놓는 작업을 하겠습니다.

스퀘어 스킨의 블로그 이름은 사이드바에 있습니다.

CSS 편집창으로 가서 아무 곳이나 클릭을 하고 h1을 검색합니다. 

 

 

블로그 이름에 해당하는 CSS 편집해 보겠습니다.

사이드바의 h1을 h2로 변경하여 주세요. 

 

 

글 제목에 해당하는 CSS 편집하기 

포스팅 제목을 h2에서 h1으로 변경하여 주세요. 

 

 

이렇게 하면 마무리됩니다. 

그럼 재대로 변경이 되었는지 개발자 도구를 통해 확인해 보도록 하겠습니다. 

 

 

개발자 도구에서 변경 확인 하기

 

내 블로그에 접속해서 F12키를 눌러 주세요! 

그럼 아래 오른쪽과 같은 개발자도구 창이 열리게 됩니다. 

제일 왼쪽 상단에 있는 화살표 모양을 클릭한 후 제목 "티스토리 스퀘어 스킨 글 제목 h1 태그로 변경하는 방법" 을 선택해 주시면, 

오른쪽 하단처럼 제목이 <h1> </h1> 태그 사이에 감싸져 있는걸 확인할 수 있습니다. 

 

 

지금까지 티스토리 스퀘어 스킨에서 글 제목을 h1 태그로 변경하는 방법에 대해 알아보았습니다. 

각 포털 사이트들의 봇들이 내 글들을 더 잘 찾을 수 있게 되었습니다. 

어때요? 어렵지 않죠? 

 

 

여러분들께서도 한번 수정해 보시기 바랍니다. 

감사합니다.