구조·마크업 · 공식 문서
h1 태그 개수와 제목 태그 순서, 구글 기준과 점검 순서
구글은 제목 태그의 순서가 어긋나도 검색에서는 상관없고, 페이지에 맞는 제목 개수도 정해져 있지 않다고 적었습니다. 다만 HTML 표준은 h1 을 두고 한 단계씩 내려가라고 정하므로, 화면의 큰 제목을 첫 h1 으로 두고 순서를 지키는 것이 기본입니다.
h1 은 하나만, h2 다음에는 h3 만. 제작 현장에서 흔히 듣는 규칙입니다. 그런데 이 규칙의 출처는 구글 검색이 아니라 HTML 표준입니다.
두 기준을 나눠 보면 할 일이 분명해집니다. 순위 때문에 고칠 것과, 사람과 스크린 리더를 위해 고칠 것이 다르기 때문입니다.
발견 01
구글은 제목 순서가 어긋나도 검색에는 상관없고, 이상적인 개수도 없다고 적었습니다
Having your headings in semantic order is fantastic for screen readers, but from Google Search perspective, it doesn't matter if you're using them out of order. The web in general is not valid HTML, so Google Search can rarely depend on semantic meanings hidden in the HTML specification.
제목을 의미 순서대로 두면 스크린 리더에는 아주 좋지만, 구글 검색 관점에서는 순서가 어긋나도 상관없습니다. 웹은 대체로 유효한 HTML이 아니어서 구글 검색이 HTML 사양 속 의미에 기대는 일은 드물다는 설명입니다.
같은 문단은 순서를 지키는 것이 스크린 리더에는 아주 좋다고도 적었습니다. 순서는 검색 순위가 아니라 읽는 사람을 위한 일이라는 뜻입니다.
개수도 마찬가지입니다. 구글은 정해진 개수는 없지만 너무 많다고 느껴지면 아마 많은 것이라고 적었습니다.
There's also no magical, ideal amount of headings a given page should have. However, if you think it's too much, then it probably is.
페이지에 맞는 이상적인 제목 개수는 정해져 있지 않습니다. 다만 너무 많다고 느껴진다면 아마 많은 것이라는 설명입니다.
발견 02
그래도 h1 은 의미가 있습니다. 구글은 제목 링크를 만들 때 화면의 큰 제목과 h1 을 봅니다
| 구글 문서가 적은 것 | 원문 |
|---|---|
| 제목 링크의 재료 | Google looks at various sources when creating title links, including the main visual title, heading elements, and other large and prominent text, and it can be confusing if multiple headings carry the same visual weight and prominence.구글은 제목 링크를 만들 때 화면의 큰 제목, 제목 요소, 크고 눈에 띄는 글자 등 여러 재료를 보며, 같은 크기의 제목이 여럿이면 헷갈릴 수 있다는 설명입니다. |
| 큰 제목이 여럿일 때 | If Google Search detects that there are multiple large, prominent headings, it may use the first heading as the text for the title link.크고 눈에 띄는 제목이 여러 개면 구글 검색이 첫 제목을 제목 링크로 쓸 수 있습니다. |
| 권장하는 모양 | Consider ensuring that your main title is distinctive from other text on a page and stands out as being the most prominent on the page (for example, using a larger font, putting the title text in the first visible <h1> element on the page, etc).페이지 제목이 다른 글자와 구별되고 가장 눈에 띄게 하라는 안내입니다(더 큰 글꼴, 화면에 보이는 첫 h1 에 제목 넣기 등). |
h1 이 여러 개라고 바로 문제가 되지는 않습니다. 문제는 크기와 단계가 같은 큰 제목이 여럿이라 어느 것이 페이지 제목인지 모호할 때입니다.
그래서 실무 기준은 「화면에서 가장 큰 제목 하나를 첫 h1 으로」입니다. 로고나 사이트 이름까지 h1 으로 감싸면 모든 페이지의 첫 h1 이 같아집니다.
발견 03
HTML 표준은 h1 을 두고 한 단계씩 내려가라고 정했고, 이것이 흔히 듣는 규칙의 출처입니다
Each heading following another heading lead in the outline must have a heading level that is less than, equal to, or 1 greater than lead's heading level.
앞 제목 다음에 오는 제목은 앞 제목보다 단계가 낮거나 같거나, 한 단계만 깊어야 한다는 규정입니다(h2 다음 h4 는 어긋남).
| 질문 | 구글 검색 원문 | HTML 표준 | 정리 |
|---|---|---|---|
| h2·h3 순서를 건너뛰면 검색에 불리한가 | Having your headings in semantic order is fantastic for screen readers, but from Google Search perspective, it doesn't matter if you're using them out of order. The web in general is not valid HTML, so Google Search can rarely depend on semantic meanings hidden in the HTML specification.제목을 의미 순서대로 두면 스크린 리더에는 아주 좋지만, 구글 검색 관점에서는 순서가 어긋나도 상관없습니다. 웹은 대체로 유효한 HTML이 아니어서 구글 검색이 HTML 사양 속 의미에 기대는 일은 드물다는 설명입니다. | Each heading following another heading lead in the outline must have a heading level that is less than, equal to, or 1 greater than lead's heading level.앞 제목 다음에 오는 제목은 앞 제목보다 단계가 낮거나 같거나, 한 단계만 깊어야 한다는 규정입니다(h2 다음 h4 는 어긋남). | 검색 순위와는 무관합니다. 표준과 스크린 리더를 위해 한 단계씩 내려갑니다. |
| 제목 태그는 몇 개까지 써도 되나 | There's also no magical, ideal amount of headings a given page should have. However, if you think it's too much, then it probably is.페이지에 맞는 이상적인 제목 개수는 정해져 있지 않습니다. 다만 너무 많다고 느껴진다면 아마 많은 것이라는 설명입니다. | 정한 개수 없음 | 내용의 덩어리만큼 씁니다. 글자 크기는 스타일로 조절합니다. |
| h1 이 없어도 되나 | Consider ensuring that your main title is distinctive from other text on a page and stands out as being the most prominent on the page (for example, using a larger font, putting the title text in the first visible <h1> element on the page, etc).페이지 제목이 다른 글자와 구별되고 가장 눈에 띄게 하라는 안내입니다(더 큰 글꼴, 화면에 보이는 첫 h1 에 제목 넣기 등). | If a document has one or more headings, at least a single heading within the outline should have a heading level of 1.문서에 제목이 하나라도 있으면, 그중 적어도 하나는 1단계(h1) 제목이어야 한다는 규정입니다. | 화면의 큰 제목을 첫 h1 으로 둡니다. |
| 크기가 같은 큰 제목이 여럿이면 | If Google Search detects that there are multiple large, prominent headings, it may use the first heading as the text for the title link.크고 눈에 띄는 제목이 여러 개면 구글 검색이 첫 제목을 제목 링크로 쓸 수 있습니다. | 정한 규칙 없음 | 가장 큰 제목 하나가 눈에 띄게 둡니다. |
| 모바일과 PC 제목이 달라도 되나 | Use the same clear and meaningful headings on the mobile site as you do on the desktop site.모바일 사이트에도 데스크톱과 같은 분명하고 뜻 있는 소제목을 쓴다. | 정한 규칙 없음 | 두 화면의 제목 태그를 같게 둡니다. |
User agents are encouraged to expose page outlines to users to aid in navigation. This is especially true for non-visual media, e.g. screen readers.
브라우저 등은 탐색을 돕도록 페이지 제목 구조를 사용자에게 보여 주는 것이 권장되며, 특히 스크린 리더 같은 비시각 환경에서 그렇다는 설명입니다.
| 태그 | 제목(예) |
|---|---|
| h1 | 산업용 공기압축기 A 시리즈 |
| h2 | 주요 사양 |
| h3 | 소음과 전력 |
| h2 | 설치 사례 |
| h2 | 자주 묻는 질문 |
발견 04
B2B·B2C·B2G 는 제목 태그가 어긋나는 자리가 다릅니다
예시 ① 산업 장비 회사의 문의형 기업 사이트(B2B)
공통 머리글의 로고가 h1 으로 감싸져 있어 모든 페이지의 첫 h1 이 회사 이름입니다. 제품 이름은 그 아래 h2 에 있습니다.
로고는 일반 링크로 바꾸고, 제품 이름을 그 페이지의 첫 h1 으로 올립니다. 위 표가 고친 뒤의 모양입니다.
예시 ② 쇼핑몰의 상품 상세 페이지(B2C)
상품명은 h1 인데, 리뷰 위젯이 글자 크기를 맞추려고 h5 를 씁니다. 순위 문제는 아니지만 스크린 리더 이용자에게는 단계가 갑자기 깊어집니다.
리뷰 구간 제목은 h2 로 두고, 글자 크기는 스타일로 조절합니다.
예시 ③ 공공기관 누리집의 공지 상세(B2G)
공지 제목이 굵은 글씨일 뿐 제목 태그가 아니어서, 화면 읽기 프로그램의 제목 목록에서 공지 제목이 빠집니다.
공지 제목을 h1 으로 두고, 첨부 파일·담당 부서 같은 구간에 h2 를 붙입니다. 제목 목록으로 페이지를 옮겨 다닐 수 있게 됩니다.
그럼 우리 페이지의 제목 태그는 어떤 순서로 점검하나요?
- 브라우저 개발자 도구에서 h1 부터 h6 까지 제목 태그를 순서대로 뽑아 목록으로 적습니다.
- 첫 h1 이 화면에서 가장 큰 제목과 같은지 봅니다. 로고·사이트 이름이 h1 이면 템플릿을 고칩니다.
- 크기와 단계가 같은 큰 제목이 여러 개인지 봅니다. 페이지 제목 하나가 가장 눈에 띄게 둡니다.
- h2 다음에 h4 처럼 단계를 건너뛴 자리를 찾아 한 단계씩 내려가게 고칩니다.
- 글자 크기를 맞추려고 쓴 제목 태그는 스타일로 바꿉니다.
- 모바일 화면에서도 같은 제목 태그가 나오는지 봅니다. <title> 과 h1 의 짝은 「메타 태그 타이틀이 바뀌는 이유」 편을 봅니다.
조사 방법
- Google Search Central 「Search Engine Optimization (SEO) Starter Guide」 (문서 수정일 2025-12-10) · 최종 확인일 2026-10-25 · https://developers.google.com/search/docs/fundamentals/seo-starter-guide
- Google Search Central 「Influencing your title links in search results」 (문서 수정일 2025-12-10) · 최종 확인일 2026-10-25 · https://developers.google.com/search/docs/appearance/title-link
- Google Search Central 「Mobile site and mobile-first indexing best practices」 (문서 수정일 2025-12-10) · 최종 확인일 2026-10-25 · https://developers.google.com/search/docs/crawling-indexing/mobile/mobile-sites-mobile-first-indexing
- WHATWG 「HTML Living Standard, 4.3.11 Headings and outlines」 (문서 수정일 2026-10-22) · 최종 확인일 2026-10-25 · https://html.spec.whatwg.org/multipage/sections.html
- 판단 기준 5가지는 구글 문서(검색 관점)와 HTML 표준(문서 구조 관점)의 문장을 질문별로 나란히 놓은 것입니다. 묶는 방식은 편집 판단입니다.
- 예시 ①②③과 예시 제목 구조는 이해를 돕기 위해 만든 가상 상황이며, 실제 기업·기관의 사례가 아닙니다.
- 구글 문서 원문은 영어판(hl=en)이고, 문서 이름은 같은 문서 한국어판(hl=ko) 표기를 따랐습니다.