제목 구조 분석기이란?
제목 구조 분석기는 HTML을 파싱하여 H1–H6 계층 구조를 트리 형태로 시각화합니다. 건너뛴 제목 수준, 중복 H1 태그, SEO 순위와 스크린 리더 탐색에 악영향을 미치는 구조적 문제를 표시합니다.
전체 HTML 문서나 단일 글을 붙여넣으면 분석기가 h1부터 h6까지의 태그를 문서 순서대로 추출합니다. 레벨 건너뜀(h2에서 곧장 h4로), 페이지에 h1이 둘 이상, 빈 헤딩, 스크립트 안에 숨은 헤딩 같은 문제를 표시합니다. 트리 뷰로 깨진 계층이 한눈에 드러납니다.
사용 방법
- 1단계 — HTML 소스를 붙여넣거나, 제목에 #을 사용한 Markdown을 붙여넣으세요.
- 2단계 — 도구가 모든 제목 태그를 추출하여 수준 표시기와 함께 중첩 트리로 표시합니다.
- 3단계 — 건너뛴 수준이나 누락된 H1 같은 플래그된 문제를 검토하고 분석 보고서를 내보냅니다.
사용 시기
- 발행 전 블로그 글에서 스크린리더와 크롤러가 개요를 깔끔하게 읽는지 점검할 때.
- 경쟁사 글의 구조를 살펴 페이지에서 소주제를 어떻게 배치했는지 파악할 때.
- 본문 흐름과 무관한 사이드바에 엉뚱한 h2를 박는 WordPress·CMS 테마 버그를 잡을 때.
결과
블로그 게시물의 HTML을 붙여넣고 사이드바가 H2에서 H4로 곧장 건너뛰는 지점을 확인하세요. 이런 공백은 스크린 리더와 검색 크롤러를 혼란스럽게 합니다.
자주 묻는 질문
- 헤딩 레벨 건너뜀이 정말 SEO에 해가 되나요?
- 간접적으로 해가 됩니다. Google 스스로도 헤딩 순서는 랭킹 요소가 아니라고 했지만, 건너뜀은 스크린리더를 혼란시키고 가독성을 떨어뜨리며 구조가 부실한 페이지의 신호인 경우가 많습니다. 읽기 좋은 페이지가 인텐트 매칭과 체류 시간에서 더 좋은 성과를 냅니다.
- 한 페이지에 h1이 여러 개 있으면 안 되나요?
- HTML5는 sectioning 요소 안에서 기술적으로 복수 h1을 허용하지만, 대다수 CMS 템플릿과 SEO 도구는 여전히 페이지를 명명하는 단일 h1을 기대합니다. h1이 두 개라면 보통 의도된 구조가 아니라 템플릿 버그나 위젯 오용입니다.
- 숨겨진 요소나 접힌 요소 안의 헤딩도 카운트되나요?
- 네. HTML 안에 있으면 크롤러와 스크린리더가 봅니다. 아코디언 콘텐츠, 모바일 전용 섹션, 탭 모두 사용자가 지금 화면에서 못 보더라도 개요에 포함됩니다.
- AMP, MDX, JSX 소스에서도 동작하나요?
- 도구는 원시 HTML을 파싱하므로 AMP는 그대로 됩니다. MDX와 JSX는 렌더링된 결과를 보세요(DevTools > Elements에서 body의 outerHTML 복사) 그리고 그것을 붙여넣습니다. Heading 같은 컴포넌트 태그는 실제 h1–h6로 렌더링되기 전까지는 파서에 보이지 않습니다.
- 콘텐츠 감사용 스프레드시트로 리포트를 내보내려면?
- 리포트 내보내기 버튼으로 컬럼에 그대로 붙여 넣을 수 있는 평문 개요를 받거나, 트리를 직접 복사하세요. 각 헤딩의 레벨, 텍스트, 발견된 문제가 정리되어 있어 편집자에게 바로 전달할 수 있습니다.