티스토리 북클럽 스킨의 h1 태그 중복 문제 해결 방법 -구글seo

티스토리 북클럽 테마를 사용하면 h1 태그가 2개가 형성되는 것을 볼 수 있습니다. 이는 구글 SEO 정책에 좋지 않습니다. h1 태그가 두 개 나오는 문제 해결 방법을 안내합니다.

 

북클럽 스킨 h1 태그가 2개 나오는 원인과 해결 방법

h1 태그가 2개가 되는 원인

티스토리 북클럽 스킨의 설정 문제로 인해 발생합니다. 보통은 본문 글 제목이 h1 태그가 됩니다. 그러나 북클럽 스킨은 블로그 이름도 h1 태그로 설정되어 본문 글 제목과 중복됩니다. 이 문제는 설정으로 변경할 수 없으며, HTML 태그를 수정해야 합니다. 

 

h1 태그 해결 방법

구글 SEO 정책상 h1 태그는 중복되면 검색 순위에 좋지 않은 영향을 줍니다. 따라서 h1 태그 중 하나를 제거해야 합니다. 본문 글 제목은 h1 태그로 사용하는 것이 맞으므로, 블로그 이름의 h1 태그를 다른 것으로 변경해야 합니다. 이를 위해 두 가지 작업을 수행해야 합니다. HTML 수정과 CSS 수정입니다.

 

✅ HTML 수정

1. 티스토리 블로그 관리
2. 스킨 편집
3. 오른쪽 상단 HTML 편집 클릭
4. HTML 칸에서 키보드 Ctrl+F 눌러 검색창 열기
5. <div class="inner"> 입력하여 검색
6. <h1> 을 <div class="blog-header">로 변경
7. </h1> 을 </div>로 변경
8. HTML 적용 눌러 저장
9.  

반응형

수정된 최종 모습입니다.

 

✅CSS 수정

1. CSS 클릭
2. Ctrl+F 눌러 검색창 열기
3. header h1 검색 (총 5개가 나옵니다)
4. 검색된 모든 header h1을 .blog-header로 변경 (앞에 .도 붙여야 됩니다)
5. 적용 눌러 저장

수정된 최종 모습입니다.

 

HTML과 CSS를 모두 수정해야 합니다. 이렇게 수정하면 포스팅 본문 글 제목이 h1 태그로 설정됩니다.

 

 

본문을 작성 후 웹사이트에서 H 태그가 어떻게 구성되어 있는지 바로 확인하는 방법이 있습니다. HTML코드를 확인하지 않아도 웹브라우저에서 바로 h1 태그가 중복되었는지 확인하는 방법이 있습니다. 이 프로그램을 사용하면 웹 페이지의 구조를 분석하고, SEO 최적화를 위한 중요한 정보를 빠르게 얻을 수 있습니다

 

크롬 웹브라우저에서 h1태그 구조 확인하는 방법