win-j 로고
개인 기술 블로그

Blog Utility

H1 / H2 구조 검사기

블로그 글 HTML을 입력하면 H1, H2, H3 제목 구조와 계층 오류, 빈 제목, H1 중복 여부를 빠르게 점검할 수 있습니다.

제목 구조 분석 H1, H2, H3 제목 태그 개수와 순서 확인
SEO 구조 점검 H1 중복, 제목 누락, 계층 건너뛰기 검사
블로그 품질 관리 검색엔진과 독자가 이해하기 쉬운 글 구조 확인

본문 HTML 입력

블로그 글 본문 HTML을 붙여넣으면 제목 태그 구조를 자동으로 분석합니다.

대기 중
0자
HTML 코드를 입력한 뒤 제목 구조 분석 버튼을 눌러주세요.

분석 결과

제목 태그 개수와 구조 점검 결과를 확인할 수 있습니다.

0 H1 개수
0 H2 개수
0 H3 개수
0 점검 필요
순서 태그 제목 내용 상태
분석 결과가 여기에 표시됩니다.
사용 가이드

H1·H2·H3을 독자와 보조기술이 이해할 수 있게 구성하는 법

제목 태그는 글의 시각적 크기보다 문서의 주제와 하위 관계를 표현합니다. 이 도구는 H1부터 H3까지의 단순 계층을 편집·접근성 관점에서 점검하며, 경고 개수를 검색 순위 점수로 사용하지 않습니다.

작성 · 검토
win-j
최종 검토
2026년 10월 1일

이런 분께 유용합니다

  • 긴 블로그 글의 제목 구조를 발행 전에 확인하려는 작성자
  • 템플릿과 본문에서 H1이 중복 출력되는지 점검하려는 개발자
  • 스크린 리더 사용자가 탐색하기 쉬운 계층을 만들려는 운영자

대표 활용 상황

  • 대표 제목과 주요 절·하위 절의 관계를 HTML에서 확인할 때
  • 빈 제목 또는 H2 없이 먼저 등장한 H3를 찾을 때
  • CMS 편집기가 생성한 본문 제목 태그를 배포 전에 검토할 때

처음부터 결과 확인까지

  1. 1

    페이지 전체에서 독자에게 보이는 대표 제목을 확인합니다.

  2. 2

    본문 HTML을 붙여넣고 제목 구조 분석을 실행합니다.

  3. 3

    첫 제목과 H1 개수를 확인하되 사이트 템플릿이 이미 H1을 출력하는지도 고려합니다.

  4. 4

    H2는 주요 절, H3는 해당 H2의 하위 절을 표현하는지 제목 목록을 따라 읽습니다.

  5. 5

    빈 제목과 내용 없이 스타일 용도로만 사용한 제목 태그를 수정합니다.

  6. 6

    H4 이하, 랜드마크와 실제 화면 순서는 브라우저 접근성 트리에서 추가로 확인합니다.

사용 예시 1

명확한 3단계 글 구조

입력
H1 대출 이자 이해, H2 계산 기준, H3 원리금균등 방식
결과
대표 주제 아래에 주요 절과 세부 절이 연결된 구조

제목만 순서대로 읽어도 글의 큰 흐름을 파악할 수 있습니다.

사용 예시 2

H3가 먼저 시작하는 본문

입력
H1 여행 준비, 이어서 H3 환전 준비
결과
H2 없이 H3 사용 경고

중간 계층이 생략된 것이 의도인지 검토하고 주요 절이라면 H2로 조정합니다.

계산·처리 기준

DOMParser로 HTML을 파싱해 H1·H2·H3을 문서 순서대로 수집합니다. 빈 텍스트, 첫 제목이 H1이 아닌 경우, H1 누락·복수 사용, H2 누락과 앞선 H2 없이 등장한 H3을 점검합니다. HTML 입력은 최대 500,000자로 제한합니다. H4~H6와 ARIA 제목은 검사 대상이 아니며, 잘라낸 HTML에 H1이 없더라도 완성된 페이지의 템플릿에는 존재할 수 있습니다.

알아둘 한계

  • H4·H5·H6과 ARIA heading, CSS로 제목처럼 보이는 일반 요소는 분석하지 않습니다.
  • 여러 H1은 HTML 구조에 따라 가능할 수 있어 결과를 자동 오류가 아닌 편집 검토 신호로 봐야 합니다.
  • 붙여넣은 본문만으로 사이트 공통 헤더와 실제 접근성 트리를 알 수 없습니다.
  • 제목 계층이 단정하다고 콘텐츠의 정확성, 독창성이나 검색 순위가 보장되지는 않습니다.
개인정보 처리

입력 HTML은 현재 브라우저에서만 분석하고 저장하지 않습니다. 공개 전 문서나 개인정보가 들어 있다면 필요한 제목 구조만 남겨 입력하세요.

자주 묻는 질문

H1은 반드시 하나여야 하나요?

모든 HTML에 적용되는 단순 금지 규칙으로 볼 수는 없습니다. 다만 일반적인 콘텐츠 페이지에서 대표 제목 하나를 명확히 두면 구조와 유지보수를 이해하기 쉽습니다.

H2 다음에 반드시 H3가 있어야 하나요?

아닙니다. 하위 절이 필요할 때만 H3를 사용합니다. 중요한 것은 제목 수준이 내용의 포함 관계를 정확하게 나타내는 것입니다.

경고가 없으면 SEO가 좋은 글인가요?

아닙니다. 이 결과는 제한된 HTML 구조 검사일 뿐입니다. 내용의 유용성·정확성·검색 의도와 사이트 전반의 품질을 별도로 검토해야 합니다.