웹페이지를 제작할 때 가장 기본이 되는 요소 중 하나가 바로 HTML 제목 태그입니다.
특히 그중에서도 h1 태그는 문서의 가장 중요한 제목을 나타내는 태그로, 검색엔진 최적화(SEO)와 웹 접근성 측면에서 매우 중요한 역할을 합니다.
하지만 HTML을 배우다 보면 자주 등장하는 질문이 있습니다.
바로 "h1 태그는 한 페이지에 몇 개까지 사용할 수 있을까?"라는 문제입니다.
과거에는 h1 태그를 한 페이지에 하나만 사용해야 한다는 이야기가 많았지만, 현재의 웹 표준과 SEO 관점에서는 조금 다른 접근이 필요합니다.
이번 글에서는 h1 태그의 의미, 한 페이지에 몇 개까지 사용할 수 있는지, 그리고 SEO 관점에서 올바른 사용 방법까지 자세히 정리해보겠습니다.
h1 태그란 무엇인가?
HTML에는 문서 구조를 표현하기 위한 제목 태그(Heading Tag)가 존재합니다.
대표적인 제목 태그는 다음과 같습니다.
- h1 : 가장 중요한 제목
- h2 : 두 번째 수준 제목
- h3 : 세 번째 수준 제목
- h4 : 네 번째 수준 제목
- h5 : 다섯 번째 수준 제목
- h6 : 여섯 번째 수준 제목
이 중에서 h1 태그는 페이지의 가장 중요한 제목을 의미합니다. 일반적으로 웹페이지의 핵심 주제를 나타내는 제목에 사용됩니다.
h1 태그는 한 페이지에 몇 개까지 사용할 수 있을까?
HTML 문법만 놓고 보면 h1 태그는 여러 개 사용할 수 있습니다.
HTML5에서는 문서 구조를 section, article 같은 시맨틱 태그로 구분할 수 있기 때문에 각 영역마다 h1을 사용할 수도 있습니다.
예를 들어 다음과 같은 구조가 가능합니다.
<section>
<h1>뉴스 제목</h1>
</section>
<section>
<h1>이벤트 제목</h1>
</section>
하지만 실제 웹사이트 제작에서는 이렇게 사용하는 경우는 거의 없습니다.
SEO 관점에서 h1 태그 사용 방법
검색엔진 최적화(SEO) 관점에서는 한 페이지에 h1 태그를 하나만 사용하는 것이 가장 권장되는 방식입니다.
그 이유는 다음과 같습니다.
1. 페이지 주제를 명확하게 전달할 수 있다
검색엔진은 페이지 구조를 분석할 때 제목 태그를 중요한 요소로 판단합니다.
특히 h1 태그는 페이지의 핵심 주제를 나타내기 때문에 하나만 사용하는 것이 검색엔진이 콘텐츠를 이해하는 데 도움이 됩니다.
2. 콘텐츠 구조가 더 명확해진다
h1 태그가 여러 개 존재하면 문서 구조가 혼란스러워질 수 있습니다.
예를 들어 다음과 같은 구조를 생각해 볼 수 있습니다.
<h1>HTML 배우기</h1>
<h1>CSS 배우기</h1>
<h1>JavaScript 배우기</h1>
이 구조는 페이지의 핵심 주제가 무엇인지 명확하지 않습니다.
반면 다음과 같은 구조가 더 좋습니다.
<h1>웹 개발 기초 배우기</h1>
<h2>HTML 배우기</h2>
<h2>CSS 배우기</h2>
<h2>JavaScript 배우기</h2>
이처럼 h1은 페이지 전체 제목으로 사용하고 세부 내용은 h2, h3 태그로 구분하는 것이 좋습니다.
3. 웹 접근성 개선
스크린리더와 같은 보조 기술은 제목 구조를 기준으로 페이지를 탐색합니다.
h1 태그가 하나만 존재하면 페이지 구조를 이해하기 쉬워집니다.
따라서 접근성 측면에서도 h1을 하나만 사용하는 것이 더 좋습니다.
h1 태그를 사용할 때 좋은 방법
h1 태그를 사용할 때 다음과 같은 방법을 추천합니다.
- 페이지의 핵심 제목에 사용하기
- 가능한 한 페이지에 하나만 사용하기
- 검색 키워드를 자연스럽게 포함하기
- 너무 길지 않게 작성하기
예시
- 좋은 예 : HTML form 태그 기본 구조 정리
- 좋지 않은 예 : 제목
h1 태그 사용 예시
웹페이지의 일반적인 구조는 다음과 같습니다.
<h1>HTML 기초 배우기</h1>
<h2>HTML이란 무엇인가</h2>
<p>설명 내용</p>
<h2>HTML 기본 구조</h2>
<p>설명 내용</p>
<h2>HTML 태그 종류</h2>
<p>설명 내용</p>
이 구조는 검색엔진과 사용자 모두에게 이해하기 쉬운 문서 구조입니다.
마무리
정리하면 HTML 문법상으로는 h1 태그를 여러 개 사용할 수 있습니다.
하지만 실제 웹사이트 제작과 SEO 관점에서는 한 페이지에 h1 태그를 하나만 사용하는 것이 가장 좋은 방법입니다.
h1 태그는 페이지의 핵심 주제를 나타내는 중요한 요소이기 때문에 검색엔진과 사용자 모두가 쉽게 이해할 수 있도록 작성하는 것이 중요합니다.
앞으로 웹페이지를 제작할 때는 h1 > h2 > h3 구조를 활용하여 명확한 문서 구조를 만들어 보세요. 이렇게 하면 SEO와 사용자 경험을 모두 개선할 수 있습니다.