수익형 블로그로 티스토리를 운영할 때 대부분 북클럽스킨을 사용합니다. 그러나 H1태그가 블로그 제목과 본문 제목에 2번 나오는 문제를 해결하지 않으면 구글 seo 최적화에 방해요소로 작용할 수 있습니다. H1태그 중복 문제를 해결하는 방법을 알려드리겠습니다.
[목차]
1. 티스토리 북클럽 스킨 h1태그 중복 진단 방법
수익형 블로그에 도전하는 분들이 가장 많이 선택하는 스킨은 북클럽 스킨입니다. 여러 모로 구글 광고에 최적화되어 있기에 많은 분들이 선택하십니다. 이때 주의할 점이 H1 태그 중복 문제를 해결하는 것입니다.
자신의 스킨에 H1 태그가 있는지 확인하는 방법은 게시글에서 키보드의 [F12] 키를 눌러서 개발자모드를 열어 보는 것입니다. 개발자 모드를 열고 나서 [Ctrl]+[F] 키를 눌러 검색 창을 열고, h1 검색을 해봅니다. 북클럽 스킨을 사용하신다면 블로그 제목과 본문 제목에 각각 H1 태그가 사용된 걸 확인할 수 있습니다.
태그 중복을 확인했다면, 다음 두 가지 방법을 통해 중복 태그를 제거하면 됩니다. html과 css를 수정하면 됩니다.
2. Html 모드에서 블로그 제목의 H1 태그 삭제하기
티스토리 북클럽스킨 블로그 제목의 H1 태그를 삭제하기 위해 블로그 관리 홈 - 스킨편집-html 편집 모드로 들어갑니다.
Html 편집 모드에서 [Ctrl]+[F] 키를 눌러서 H1을 검색합니다. 그냥 h1 을 검색하면 많이 나오기 때문에, 저는 <h1 이런 식으로 검색을 합니다. 그 중에 아래 그림과 같이 <h1>은 <p>로, </h1>은 </p>로 바꿔줍니다. 참고로 태그는 항상 여는 태그 닫는 태그로 쌍을 이룹니다. <여는 태그> </닫는 태그> 이렇게 짝을 지어 작성하니, 여는 태그와 닫는 태그를 모두 바꿔 주시면 됩니다.
3. CSS에서 h1 삭제하는 법
CSS 모드로 가서 #header h1 를 검색합니다. 검색이 잘 안된다면 스크롤을 조금 내려서 찾아보면 쉽게 찾을 수 있습니다. 아래 그림과 같이 빨간 사각형 안의 h1을 p로 바꿔줍니다. 공백 등은 건들지 말고 조심스럽게 적어 줍니다.
잘 수정이 되었다면 아래 그림과 같이 되었는지 확인해 보세요. 그리고 적용 버튼을 누르면 됩니다.
지금까지 티스토리 북클럽스킨 사용할 때 반드시 설정해야 하는 h1 태그 중복 문제 해결하는 방법에 대해 소개했습니다. html과 css 두 가지를 잘 수정했다면, 검색엔진 seo 최적화에 더욱 좋을 것입니다. 반드시 중복 문제를 해결해서 수익형 블로그 운영에 도움이 되시길 바랍니다. 감사합니다.