H1 Checker
URL를 확인하거나 HTML를 붙여넣어 H1 수를 계산하고 빈 제목을 찾아 H1~H6 개요를 검사하세요. 소스 HTML만 해당됩니다.
Heading outline
Check a page to see its H1 count and ordered heading outline.
Your review starts here
Find empty headings, review multiple H1s and follow the page’s section levels.
제목 목록 context
H1 검사기는 주요 제목과 그 뒤에 나오는 섹션을 검토하는 데 도움이 됩니다. 이 검사기는 페이지를 점수로 줄이는 대신 원본 텍스트와 레벨을 표시하면서 리터럴 H1-H6 요소를 소스 순서로 나열합니다.
URL 수표는 SearchVector의 제한된 검사 서비스를 통해 하나의 공개 페이지를 가져옵니다. 붙여넣은 HTML는 로컬에서 처리됩니다. 두 모드 모두 스크립트를 실행하거나 외부 스타일시트를 평가하지 않습니다. 섹션만 붙여넣으면 결과에는 해당 섹션만 설명됩니다.
계산 및 검사
6개 제목 수준 전체의 개수와 각 제목의 정확한 텍스트를 확인하세요.
빈 텍스트 검토
공백만 있는 제목에는 플래그가 지정됩니다. 이미지 전용 제목에는 별도의 접근 가능한 이름 검토가 필요합니다.
순서를 따르세요
레벨 간격은 H2에서 H4로의 더 깊은 점프를 표시합니다. 이는 접근성 판정이 아니라 검토하라는 메시지입니다.
가시성을 명시적으로 유지
숨겨진 제목과 아리아에 숨겨진 제목은 소스 수준 플래그와 함께 계산에 남아 있습니다. CSS 클래스 및 계산된 가시성은 확인되지 않습니다.
읽을 수 있는 섹션 계층 구조 구축
섹션 간의 관계에 대한 제목 수준을 선택한 다음 모양에 CSS를 사용합니다. 이 원본 예는 경로 계획 하위 섹션이 레벨을 건너뛰지 않고 상위 제목을 따라갈 수 있는 방법을 보여줍니다.
격차를 검토
H1 첫 번째 트레일 산책을 계획하세요
H3 경로를 선택하세요
H2 필수품을 담으세요H3은 H1을 직접 따릅니다. "경로 선택"이 기본 섹션인지 아니면 H2 상위 섹션이 필요한지 확인하세요.
피어 섹션을 일관되게 만듭니다.
H1 첫 번째 트레일 산책을 계획하세요 H2 경로를 선택하세요 H2 필수품을 담으세요
이 두 섹션은 같은 수준에 있습니다. 더 자세한 경로 하위 섹션에서는 첫 번째 H2 아래의 H3를 사용할 수 있습니다.
Returning from H4 to H2 can close a subsection correctly. Fixed navigation and sidebar regions may also need context. Read WAI’s heading guidance.
Three titles, different jobs
- H1: 페이지 제목
- 문서의 제목 요소입니다. 해당 문구는 독자가 페이지 주제를 이해하는 데 도움이 되어야 합니다. 이 도구는 제공된 소스에 있는 H1 텍스트를 찾습니다.
- HTML 제목: 문서 라벨
- title 요소는 브라우저 탭에 일반적으로 표시되는 문서 제목을 제공합니다. 보고서에는 제공된 첫 번째 제목 요소가 표시됩니다. H1과 정확히 일치할 필요는 없습니다.
- 검색 제목: 검색 엔진의 선택
- 검색 결과의 제목 링크는 HTML 제목, 주요 제목 및 기타 소스에서 가져올 수 있습니다. 이 체커는 Google가 선택한 타이틀을 검색하거나 예측하지 않습니다.
Google uses several sources to generate title links. See Google’s title-link documentation.
Turn findings into edits
- Make the main heading describe the page’s specific topic. Replace empty headings with meaningful text or remove unused markup.
- Match subsection ranks to the content relationships. Review navigation and hidden variants in a real browser before editing them.
- Recheck the source after saving changes. Use the Title & Meta Checker to review the document title and description separately.