안녕하세요! 티스토리 블로그를 운영하다 보면 **구글 서치콘솔(Search Console)**에서 "2개 이상의 <h1> 태그가 있습니다"라는 오류 메시지를 볼 수 있어요. 이 오류는 SEO 최적화에 영향을 미칠 수 있기 때문에 반드시 해결하는 것이 좋아요.
오늘은 중복 <h1> 태그 오류의 원인과 해결 방법을 정리해볼게요! 😊
1. 중복 <h1> 태그 오류란?
구글 검색엔진은 <h1> 태그를 페이지의 주요 제목(Headline 1) 으로 인식해서
<h1> 태그가 여러 개 있으면 검색엔진이 어떤 내용을 우선적으로 평가해야 하는지 혼란을 겪는다고 해요.
✅ 중복 <h1> 태그 오류가 발생하는 주요 원인:
- 블로그 테마(스킨) 자체에서 <h1> 태그를 여러 번 사용한 경우
- 본문 내용에 <h1> 태그를 추가한 경우
- 위젯이나 플러그인에서 <h1> 태그를 잘못 삽입한 경우
구글은 보통 한 페이지에 <h1> 태그를 하나만 사용하는 것을 권장하기 때문에 중복 <h1> 태그는 SEO에 부정적인 영향을 미칠 수 있어 1개의 h1만 설정 될 수 있게 해야 해요.
2. 중복 <h1> 태그 오류 해결 방법
🚨 1) 블로그 테마(스킨)에서 <h1> 태그 수정하기
많은 블로그 테마에서는 로고나 사이트 이름을 <h1> 태그로 감싸는 경우가 많아요.
하지만 이 경우, 본문 제목에도 <h1> 태그가 사용되면서 중복 문제가 발생할 수 있어요.
✅ 해결 방법:
- 티스토리 관리 페이지에서 HTML 편집 메뉴로 이동하세요.
- Ctrl + F를 눌러 <h1>을 검색한 뒤, (컨트롤 F 누르기전 HTML 빈공간에 한번 커서 클릭해야 검색이 제대로 되어요)사이트 로고 또는 사이트 제목에 사용된 <h1> 태그를 확인하세요.
- 로고 부분을 <h1> 대신 <h2> 또는 <div> 태그로 변경하세요.
- 저장 후 적용하면 중복 <h1> 오류가 해결됩니다 (글제목에만 h1적용!)
🚨 2) 본문 내 <h1> 태그 사용 줄이기
글을 작성할 때 제목을 강조하기 위해 <h1> 태그를 여러 번 사용하는 경우가 있어요.
하지만 본문에서는 <h1> 대신 <h2> 또는 <h3> 태그를 활용하는 것이 좋아요.
✅ 해결 방법:
- 글 제목은 <h1> 태그를 사용하지만, 본문 내에서는 <h2>, <h3>를 사용하세요.
- SEO 최적화를 위해 논리적인 계층 구조(Heading Hierarchy)를 유지하세요.
- h1 → h2 → h3 → h4 순서로 사용하면 검색엔진이 콘텐츠 구조를 쉽게 이해할 수 있어요.
한참 헤맸었는데 저도 이제서야 알아 글 쓸때 주의하고 있어요..!
🚨 3) 플러그인이나 위젯에서 <h1> 태그 확인하기
일부 플러그인이나 위젯에서는 자동으로 <h1> 태그를 생성할 수 있어요.
특히 사이드바, 인기 글 목록, 추천 글 위젯 등에서 <h1> 태그가 사용되는 경우가 있으니 점검이 필요해요.
✅ 해결 방법:
- 플러그인 소스 코드를 확인하여 <h1> 태그가 사용되고 있는지 점검하세요.
- <h1> 태그를 <h2> 또는 <h3> 태그로 변경하세요.
- 필요 없는 경우 해당 위젯을 삭제하거나 수정하세요.
🚨 4) 브라우저 개발자 도구(F12)로 <h1> 태그 확인하기
내 블로그에서 <h1> 태그가 몇 개 있는지 직접 확인하는 방법도 있어요.
✅ 확인 방법:
- 크롬 브라우저에서 블로그 페이지를 엽니다.
- F12 키를 눌러 개발자 도구를 실행합니다.
- Elements(요소) 탭에서 Ctrl + F를 눌러 <h1>을 검색합니다.
- <h1> 태그가 여러 개 나오면 어떤 요소에서 사용되고 있는지 확인한 후 수정하세요.
3. 중복 <h1> 태그가 SEO에 미치는 영향
검색엔진이 웹페이지를 분석할 때 <h1> 태그는 가장 중요한 제목 요소로 인식돼요.
하지만 <h1> 태그가 여러 개 존재하면 다음과 같은 문제가 발생할 수 있어요.
❌ 검색 순위 하락 가능성: 구글이 페이지 주제를 제대로 이해하지 못해 SEO 점수가 낮아질 수 있어요.
❌ 잘못된 색인 처리: 검색엔진이 어떤 제목을 우선적으로 색인해야 할지 혼란을 겪을 수 있어요.
❌ 웹 접근성 문제: 스크린 리더(Screen Reader) 사용자가 콘텐츠를 올바르게 이해하는 데 어려움을 겪을 수 있어요.
따라서 <h1> 태그는 한 페이지에 한 번만 사용하는 것이 가장 좋습니다! 😊
4. 마무리하며
중복 <h1> 태그 오류는 티스토리 블로그를 운영할 때 자주 발생하는 문제 중 하나예요.
하지만 오늘 소개한 방법을 활용하면 쉽게 해결할 수 있어요!
📌 중복 <h1> 태그 오류 해결 방법 요약:
✅ 블로그 테마(스킨)에서 <h1>을 <h2> 또는 <div>로 변경하기
✅ 본문 내 <h1> 태그 대신 <h2>, <h3> 사용하기
✅ 플러그인과 위젯에서 <h1> 태그 확인 및 수정하기
✅ 브라우저 개발자 도구(F12)로 <h1> 태그 개수 확인하기
위 방법을 따라 하면 SEO 최적화에도 도움이 되고, 블로그의 검색 노출도 더욱 좋아질 거예요.
혹시 해결이 어려운 부분이 있다면 댓글이나 문의로 남겨 주세요!