본문 바로가기

H1 태그 1개만 써야 할까? 2개 중복 시 SEO 영향 티스토리·워드프레스 해결방법

잡가이버 2026. 8. 7.
반응형

H1 태그 1개만 넣어야 할까 2개 중복 SEO 진실

빙 웹마스터 도구나 SEO 검사 프로그램으로 블로그를 점검하다 보면 “페이지에 H1 태그가 여러 개 있습니다”라는 경고를 볼 수 있습니다.

이 경고를 처음 보면 H1 태그가 2개라는 이유만으로 검색 순위가 떨어지거나 사이트가 저품질로 분류되는 것처럼 느껴집니다. 특히 티스토리와 워드프레스는 스킨이나 테마가 블로그 이름과 게시글 제목을 모두 H1으로 출력하는 경우가 있어 운영자가 직접 넣지 않았는데도 중복이 발생할 수 있습니다.

빙 웹마스터 도구에서 페이지에 H1 태그가 여러 개 있다고 표시되는 화면

결론부터 말하면 H1이 2개 있다고 검색엔진이 곧바로 페널티를 주는 것은 아닙니다. 다만 페이지에서 무엇이 대표 제목인지 명확하게 보여주고 접근성 검사와 SEO 도구의 경고를 줄이려면 H1은 하나로 정리하는 편이 좋습니다.

핵심만 먼저 정리하면

① H1이 2개라고 구글 검색 순위가 자동으로 하락하는 것은 아닙니다.

② 그래도 일반적인 블로그 게시물은 대표 제목 H1 하나가 가장 이해하기 쉽습니다.

③ 게시글 본문 소제목은 H2부터 시작하고 하위 내용은 H3·H4 순서로 작성합니다.

④ 티스토리와 워드프레스는 본문이 아니라 스킨·테마에서 H1이 중복되는 경우가 많습니다.

H1 태그는 어떤 역할을 할까?

HTML에는 문서의 제목과 소제목을 표현하기 위한 H1부터 H6까지의 제목 요소가 있습니다.

태그 일반적인 역할 블로그 적용 예시
H1 페이지 전체를 대표하는 제목 게시글 제목
H2 주요 단락 제목 원인·해결방법·주의사항
H3 H2 안의 하위 주제 티스토리 확인방법·워드프레스 확인방법
H4 H3의 세부 항목 스킨 수정 전 주의사항
H5·H6 더 깊은 하위 구조 일반적인 블로그 글에서는 사용 빈도가 낮음

검색엔진은 제목 태그만 보고 페이지의 순위를 결정하지 않습니다. 본문 내용, 내부 링크, 페이지 제목, 이미지 설명, 사이트 구조 등 여러 요소를 종합해 문서의 주제를 이해합니다.

그렇더라도 H1과 H2 같은 제목 요소는 검색엔진과 사용자에게 “이 페이지는 무엇에 관한 글이고 각 부분이 어떻게 나뉘는지” 알려주는 구조적 단서가 됩니다.

웹 접근성에서도 제목 구조가 중요하다

화면을 직접 보는 사용자는 글자 크기와 굵기를 보고 제목과 본문을 구분할 수 있습니다. 반면 스크린 리더 사용자는 H1·H2·H3 같은 제목 요소를 이용해 페이지 구조를 파악하고 원하는 단락으로 이동합니다.

따라서 글씨를 크게 보이게 하려고 아무 문장이나 H2로 지정하거나, 반대로 소제목을 단순한 굵은 글씨로만 표현하면 문서 구조가 제대로 전달되지 않을 수 있습니다.

권장 제목 구조

H1 게시글 제목
├─ H2 H1 태그의 역할
├─ H2 H1 중복 확인방법
│  ├─ H3 티스토리 확인방법
│  └─ H3 워드프레스 확인방법
└─ H2 H1 중복 해결방법

H1 태그는 반드시 1개만 있어야 할까?

과거 SEO 자료에서는 거의 예외 없이 “페이지마다 H1을 하나만 사용해야 한다”고 설명했습니다. 지금도 일반적인 블로그나 정보 페이지라면 이 원칙을 적용하는 것이 가장 무난합니다.

다만 H1이 2개 이상 있다는 이유만으로 HTML 페이지가 작동하지 않거나 구글이 스팸 문서로 처리하는 것은 아닙니다. 검색엔진은 여러 개의 H1이 사용된 페이지도 처리할 수 있습니다.

중요한 차이는 “여러 개를 사용할 수 있다”“여러 개를 사용하는 것이 가장 좋은 구조다”는 서로 다른 이야기라는 점입니다.

질문 정리
H1이 2개면 구글 페널티인가? H1 중복만으로 직접적인 검색 페널티라고 단정할 근거는 부족합니다.
H1 여러 개가 HTML 오류인가? 상황에 따라 허용될 수 있지만 현재는 페이지 대표 H1 하나를 사용하는 방식이 권장됩니다.
빙 경고는 무시해도 되나? 치명적인 오류는 아니지만 페이지 구조를 정리할 기회로 보는 것이 좋습니다.
가장 안전한 구성은? 대표 제목 H1 하나와 H2·H3의 논리적인 계층입니다.

구글은 H1만으로 페이지 주제를 판단하지 않는다

구글은 검색 결과에 표시할 제목을 만들 때 HTML의 <title> 태그를 주로 참고하지만, 화면에서 크게 표시되는 제목과 H1을 포함한 다른 제목 요소도 참고할 수 있습니다.

따라서 H1이 여러 개이면서 각각 전혀 다른 내용을 담고 있으면 페이지의 대표 주제가 불명확해질 수 있습니다. 반대로 사이트 이름과 게시글 제목처럼 서로 관계가 명확하다면 검색 순위가 즉시 떨어지는 문제로 이어진다고 단정하기 어렵습니다.

빙 웹마스터 경고는 페널티 통보가 아니다

빙 웹마스터 도구에서 H1 중복을 오류나 권장사항으로 표시할 수 있지만, 이는 검색 제외나 수동 페널티를 받았다는 뜻이 아닙니다.

페이지를 더 명확하게 구성할 수 있는 기술적 개선 항목에 가깝습니다. 다른 오류가 없다면 H1 중복 하나만으로 검색 순위 하락의 원인을 단정하지 않는 것이 좋습니다.

H1 태그와 title 태그는 서로 다르다

초보 블로거가 가장 많이 혼동하는 부분이 H1과 HTML의 title 태그입니다.

구분 title 태그 H1 태그
표시 위치 브라우저 탭과 검색결과 제목 후보 페이지 본문에 보이는 대표 제목
HTML 위치 <head> 내부 <body> 내부
사용 개수 문서마다 1개 대표 제목 1개 권장
예시 H1 태그 중복 해결방법|잡가이버 H1 태그 2개 중복 SEO 영향과 해결방법
<head>
  <title>H1 태그 중복 해결방법|잡가이버</title>
</head>

<body>
  <h1>H1 태그 2개 중복 SEO 영향과 해결방법</h1>
</body>

두 문구를 완전히 똑같이 작성할 필요는 없지만 페이지 주제가 서로 다르게 느껴질 정도로 어긋나서는 안 됩니다.

내 사이트에 H1이 몇 개 있는지 확인방법

크롬 개발자 도구에서 확인하기

크롬 개발자 도구에서 H1 태그를 확인하는 방법

구글 크롬에서 확인하려는 게시글을 연 뒤 키보드의 F12를 눌러 개발자 도구를 실행합니다.

  1. 확인하려는 게시글 페이지에 접속합니다.
  2. 키보드에서 F12를 누릅니다.
  3. Elements 탭을 선택합니다.
  4. Ctrl + F를 누릅니다.
  5. 검색창에 <h1을 입력합니다.
  6. 검색 결과 개수와 각 H1의 문구를 확인합니다.

단순히 개수만 확인하지 말고 어떤 문구가 H1으로 출력되는지 봐야 합니다. 블로그 이름과 게시글 제목이 각각 H1인지, 모바일용 제목과 PC용 제목이 중복 출력되는지 구분해야 합니다.

페이지에서 중복된 H1 태그 위치 확인

콘솔 명령어로 H1 문구까지 확인하기

개발자 도구의 Console 탭에서 아래 명령어를 실행하면 페이지에 있는 H1 개수를 바로 확인할 수 있습니다.

document.querySelectorAll('h1').length

각 H1의 문구와 클래스까지 확인하려면 다음 명령어를 사용합니다.

[...document.querySelectorAll('h1')].map((element, index) => ({
  number: index + 1,
  text: element.innerText.trim(),
  className: element.className
}));

자바스크립트로 페이지 구조가 변경되는 사이트는 페이지 소스 보기보다 개발자 도구의 Elements에서 최종 DOM 구조를 확인하는 편이 정확합니다.

한 페이지만 확인하면 안 된다

스킨과 테마는 페이지 종류에 따라 다른 제목 태그를 출력할 수 있습니다. 최소한 아래 페이지는 각각 확인하는 것이 좋습니다.

  • 블로그 메인 화면
  • 개별 게시글
  • 카테고리 목록
  • 태그 목록
  • 검색 결과
  • 모바일 화면

페이지별 권장 H1 구조

페이지 종류 H1 권장 대상 나머지 제목
홈 화면 블로그 이름 또는 홈 대표 문구 게시글 카드 제목 H2
개별 게시글 게시글 제목 본문 소제목 H2·H3
카테고리 카테고리 이름 게시글 목록 제목 H2
검색 결과 검색어 결과 제목 개별 결과 제목 H2
고정 페이지 페이지 제목 페이지 내부 H2·H3

즉, 사이트 로고나 블로그 이름을 모든 페이지에서 무조건 H1으로 출력하는 것보다 현재 페이지의 대표 내용을 H1으로 지정하는 방식이 자연스럽습니다.

티스토리 H1 중복이 발생하는 이유

티스토리에서는 사용자가 본문에 H1을 직접 넣지 않아도 스킨 구조 때문에 H1이 두 개 이상 생길 수 있습니다.

  • 블로그 이름이 모든 페이지에서 H1으로 설정된 경우
  • 게시글 제목도 H1으로 출력되는 경우
  • PC용 제목과 모바일용 제목이 각각 H1인 경우
  • 숨겨진 메뉴나 썸네일 영역에 H1이 남아 있는 경우
  • 목록 화면의 모든 게시글 제목이 H1인 경우

티스토리 본문은 H2부터 시작하는 것이 안전하다

대부분의 티스토리 스킨은 게시글 제목을 본문 바깥에서 H1으로 자동 출력합니다. 따라서 글을 작성할 때 본문 안에 같은 제목을 H1으로 다시 넣을 필요가 없습니다.

티스토리 본문 권장 구조

스킨 자동 출력: H1 게시글 제목
본문 첫 주요 제목: H2
H2 안의 하위 제목: H3
H3 안의 세부 제목: H4

티스토리 편집기의 ‘제목1·제목2’ 표시와 실제 HTML 태그가 스킨이나 편집 환경에 따라 다르게 느껴질 수 있으므로 최종 발행 페이지에서 개발자 도구로 확인하는 것이 정확합니다.

티스토리 스킨에서 블로그 이름 H1 변경하기

개별 게시글에서 블로그 이름과 글 제목이 모두 H1으로 출력된다면 스킨 HTML에서 사이트 이름 부분을 확인합니다.

예를 들어 아래처럼 블로그 이름이 H1으로 작성돼 있을 수 있습니다.

<h1 class="site-title">
  <a href="/">블로그 이름</a>
</h1>

개별 게시글에서도 글 제목이 별도의 H1으로 출력된다면 사이트 이름을 일반 요소로 바꿀 수 있습니다.

<div class="site-title">
  <a href="/">블로그 이름</a>
</div>

태그만 변경하면 기존 CSS가 적용되지 않을 수 있으므로 클래스는 그대로 유지하는 편이 좋습니다.

.site-title {
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
}

.site-title a {
  color: inherit;
  text-decoration: none;
}

주의사항

사이트 이름 H1을 모든 페이지에서 단순히 div로 바꾸면 홈 화면에는 대표 H1이 없어질 수 있습니다. 가장 좋은 방법은 홈에서는 블로그 이름을 H1으로 사용하고, 개별 글에서는 게시글 제목을 H1으로 사용하도록 페이지 종류별로 스킨을 구성하는 것입니다.

티스토리 스킨마다 HTML 구조와 치환자가 다르기 때문에 수정 전 반드시 스킨을 백업해야 합니다.

워드프레스 H1 중복 해결방법

워드프레스 역시 게시글 편집기보다 테마의 헤더와 템플릿 파일에서 H1 중복이 발생하는 경우가 많습니다.

우선 테마 구조부터 확인한다

다음 부분을 순서대로 확인합니다.

  • 사이트 로고 또는 사이트 제목
  • 게시글 제목
  • 페이지 빌더의 히어로 제목
  • 카테고리 아카이브 제목
  • 모바일 전용 헤더
  • 관련 글 카드 제목

블록 테마라면 사이트 편집기의 헤더 템플릿과 단일 글 템플릿을 확인하고, 클래식 테마라면 일반적으로 header.php, single.php, content-single.php 등의 파일을 확인합니다.

모든 H1을 H2로 일괄 변경하면 안 된다

H1 중복을 해결한다고 플러그인이나 코드를 사용해 사이트의 모든 H1을 H2로 일괄 변환하면 게시글 대표 제목까지 H2로 바뀔 수 있습니다.

문제가 되는 위치만 수정해야 합니다.

권장 수정 방향

홈페이지: 사이트 대표 제목 H1, 글 카드 제목 H2

개별 게시글: 글 제목 H1, 사이트 로고는 div 또는 p

카테고리: 카테고리 이름 H1, 글 목록 제목 H2

자식 테마에서 수정하는 것이 안전하다

워드프레스 테마 파일을 직접 수정하면 테마 업데이트 때 변경 내용이 사라질 수 있습니다. 가능하면 자식 테마에서 템플릿을 수정하거나 테마가 제공하는 제목 태그 설정을 이용합니다.

SEO 플러그인은 메타 제목과 설명을 관리하는 데는 유용하지만, 테마 HTML에서 발생한 H1 중복을 항상 자동으로 해결해 주는 것은 아닙니다.

CSS로 숨기면 H1 중복이 해결될까?

아래처럼 CSS로 제목을 화면에서 숨겨도 HTML 구조에는 H1 요소가 그대로 남아 있습니다.

.site-title {
  display: none;
}

SEO 검사 프로그램이나 검색로봇은 해당 요소를 여전히 확인할 수 있으므로 단순히 화면에서 안 보이게 만드는 것을 H1 중복 해결방법으로 사용해서는 안 됩니다.

PC용과 모바일용 H1을 각각 만들고 미디어 쿼리로 하나씩 숨기는 구조도 가능하면 하나의 제목 요소를 반응형 CSS로 재사용하는 방식으로 바꾸는 편이 좋습니다.

H2 다음에 H4를 사용해도 될까?

제목 요소는 글자 크기를 조절하는 디자인 도구가 아니라 문서의 계층을 표현하는 요소입니다.

아래처럼 H2 다음에 바로 H4를 넣으면 중간 단계인 H3가 빠져 구조를 이해하기 어려울 수 있습니다.

<h2>H1 중복 해결방법</h2>
<h4>티스토리 수정방법</h4>

하위 주제라면 H3를 사용하는 것이 자연스럽습니다.

<h2>H1 중복 해결방법</h2>
<h3>티스토리 수정방법</h3>

단, H4 하위 내용을 끝내고 새로운 상위 단락으로 이동할 때 H2로 돌아가는 것은 정상적인 구조입니다.

H1 태그 작성 시 자주 하는 실수

키워드를 너무 많이 넣는 경우

H1에 검색 키워드를 많이 넣는다고 순위가 자동으로 오르지는 않습니다. 핵심 주제를 명확하게 표현하되 사람이 읽었을 때 자연스러운 제목이어야 합니다.

좋지 않은 H1

H1 태그 H1 중복 H1 SEO H1 2개 티스토리 H1 워드프레스 H1

개선한 H1

H1 태그 2개 중복 시 SEO 영향과 해결방법

디자인을 위해 제목 태그를 사용하는 경우

글자를 크게 만들기 위해 일반 문장을 H2나 H3로 지정하지 않는 것이 좋습니다. 단순 강조는 굵은 글씨나 CSS 클래스를 사용합니다.

<p class="highlight-text">중요한 안내 문구입니다.</p>
.highlight-text {
  font-size: 20px;
  font-weight: 700;
  color: #1d4ed8;
}

빈 H1이나 이미지로만 된 H1

로고 이미지만 H1 안에 넣고 대체텍스트가 없으면 화면을 볼 수 없는 사용자와 검색엔진이 제목 내용을 이해하기 어렵습니다.

이미지 로고를 H1으로 사용할 경우 적절한 ALT를 넣거나 화면에 보이지 않는 접근성용 텍스트를 함께 제공해야 합니다.

H1 중복 수정 전후 확인 체크리스트

수정 전

□ 현재 스킨이나 테마를 백업했는가?

□ 홈·게시글·카테고리별 H1 개수를 확인했는가?

□ 중복 H1이 사이트 이름인지 글 제목인지 확인했는가?

□ 모바일용으로 숨겨진 H1이 있는지 확인했는가?

수정 후

□ 개별 게시글 제목이 H1으로 유지되는가?

□ 본문이 H2→H3→H4 순서로 구성되는가?

□ 사이트 로고와 제목 디자인이 깨지지 않았는가?

□ 홈 화면에도 대표 제목이 남아 있는가?

□ 모바일과 PC 화면에서 모두 정상인지 확인했는가?

H1 태그 관련 자주 묻는 질문

H1 태그가 2개면 검색 순위가 떨어지나요?

H1이 2개라는 사실만으로 검색 순위가 자동으로 떨어진다고 단정할 수는 없습니다. 다만 대표 제목이 불명확하거나 제목 구조가 복잡하면 검색엔진과 사용자가 페이지를 이해하기 어려울 수 있어 하나로 정리하는 편이 좋습니다.

H1이 없어도 구글에 노출되나요?

H1이 없더라도 검색엔진이 본문과 title 태그 등을 이용해 페이지를 이해할 수 있습니다. 하지만 페이지의 대표 제목과 접근성 측면에서 H1을 하나 제공하는 방식이 권장됩니다.

블로그 이름과 글 제목 중 무엇을 H1으로 해야 하나요?

개별 게시글에서는 글 제목을 H1으로 지정하는 것이 자연스럽습니다. 블로그 이름은 로고나 일반 텍스트 요소로 표시할 수 있습니다. 홈 화면에서는 블로그 이름이나 홈의 대표 문구를 H1으로 사용할 수 있습니다.

본문에 H1을 직접 넣어야 하나요?

티스토리나 워드프레스가 게시글 제목을 H1으로 자동 출력한다면 본문에 H1을 다시 넣지 않습니다. 본문 주요 소제목은 H2부터 시작합니다.

H1과 title 태그 문구는 같아야 하나요?

완전히 같을 필요는 없지만 같은 페이지 주제를 명확하게 표현해야 합니다. title 태그에는 사이트 이름을 추가하고 H1은 독자가 읽기 좋은 게시글 제목으로 구성할 수 있습니다.

H1을 CSS로 숨기면 해결되나요?

화면에서만 숨겨질 뿐 HTML에는 H1이 남아 있으므로 근본적인 해결방법이 아닙니다. 불필요한 H1 요소 자체를 올바른 태그로 변경해야 합니다.

빙 웹마스터 도구 경고가 사라지지 않습니다

수정한 페이지가 빙에 다시 수집되기 전까지 이전 검사 결과가 남아 있을 수 있습니다. 먼저 실제 페이지의 최종 HTML이 수정됐는지 확인하고 재수집 이후 결과를 확인합니다.

마무리

H1 태그가 2개 이상 있다고 해서 검색엔진이 사이트를 바로 저품질이나 스팸으로 분류하는 것은 아닙니다. 따라서 빙 웹마스터 도구나 SEO 검사 프로그램에서 경고가 표시됐다고 급하게 모든 제목 태그를 변경할 필요는 없습니다.

다만 일반적인 블로그 게시글은 책 한 권에 대표 제목이 하나 있는 것처럼 게시글 제목을 H1 하나로 지정하고, 본문을 H2·H3·H4 순서로 나누는 구조가 가장 이해하기 쉽습니다.

저라면 먼저 개발자 도구로 홈·게시글·카테고리 페이지의 H1 문구를 각각 확인하겠습니다. 이후 개별 게시글에서는 게시글 제목만 H1으로 남기고, 블로그 이름과 로고는 일반 요소로 변경할 것 같습니다.

특히 티스토리와 워드프레스는 모든 H1을 한꺼번에 H2로 바꾸지 말고, 실제로 중복을 만드는 스킨이나 테마 위치만 수정해야 합니다. H1 개수보다 더 중요한 것은 각 제목이 페이지의 내용을 정확하게 설명하고 논리적인 계층으로 연결되는지입니다.

H1 2개가 곧 SEO 페널티는 아니지만
대표 제목 H1 하나와 논리적인 H2·H3 구조가 가장 안전합니다.

공식자료 참고

 

반응형
그리드형

댓글