헤딩 태그
heading tag
뜻과 개념
문서의 제목 계층을 표현하는 HTML 요소입니다.
어떻게 작동하나요?
헤딩 태그는 문서의 제목과 소제목을 H1부터 H6까지의 단계로 표현하는 HTML 요소입니다. 큰 제목 아래에 세부 설명을 묶어 독자가 구조를 이해하도록 돕습니다. 글자 크기를 바꾸는 디자인 설정과 문서의 의미를 나타내는 제목 단계는 별도로 생각해야 합니다.
보조 기술을 사용하는 사람은 제목 목록을 통해 원하는 부분으로 이동할 수 있습니다. 그래서 시각적으로만 굵게 만든 문장과 실제 제목 요소는 역할이 다릅니다. 페이지를 훑어보는 사람과 문서 구조를 이용하는 사람 모두에게 이해하기 쉬운 구성이 필요합니다.
왜 알아야 하나요?
제목은 긴 글을 읽는 경로가 됩니다. 각 구간이 어떤 질문에 답하는지 분명하면 방문자가 필요한 정보를 찾기 쉽고 작성자도 중복과 누락을 점검할 수 있습니다. 특정 키워드를 여러 제목에 반복하는 것보다 각 부분의 내용을 정확히 요약하는 것이 우선입니다.
실무에서 적용하는 방법
먼저 글의 대표 주제와 하위 주제를 목차처럼 적습니다. 페이지의 중심 제목을 정하고 큰 구간은 H2, 그 안의 세부 구간은 H3처럼 논리적으로 배치하세요. 단계는 원하는 글자 크기를 기준으로 고르지 않고 디자인은 별도 스타일로 조정합니다.
관리자에서 제목 태그를 바꾼 뒤에는 실제 페이지의 전체 구조를 확인합니다. 본문에서 H1을 추가해 사이트의 대표 제목과 경쟁하거나 내용이 없는 소제목이 생기지 않는지 살펴보세요. 카드 제목과 반복 영역도 페이지 안에서 어떤 역할인지 함께 판단합니다.
실무에서는 이렇게 봅니다
백링크 안내 글의 H1이 ‘백링크를 이해하는 방법’이라면 H2로 ‘어떤 연결이 필요한가’, ‘진행 전에 확인할 것’을 둘 수 있습니다. 두 번째 구간 안의 예산과 자료 준비는 H3로 나눕니다. 제목이 목차로만 표시되어도 글의 흐름을 이해할 수 있는지 확인하면 구조를 점검하기 쉽습니다.
주의할 점
H1이 여러 개 있다는 사실만으로 자동적인 검색 제재를 단정하지 마세요. 실무에서는 중심 주제를 명확하게 유지하는 일관된 구조가 유용합니다. 또한 검색어를 넣으려고 제목을 부자연스럽게 늘리거나 굵은 문장을 모두 제목으로 바꾸면 읽기 흐름이 나빠질 수 있습니다.
자주 묻는 질문
H2가 너무 커서 H4로 바꿔도 되나요?
글자 크기는 스타일로 조정하는 편이 좋습니다. 내용의 단계와 맞지 않게 제목 수준을 바꾸면 문서 구조가 혼란스러워질 수 있습니다.
짧은 글에도 H2와 H3가 꼭 필요한가요?
내용을 나눌 필요가 있을 때 사용하면 됩니다. 소제목 자체를 늘리는 것이 목표는 아니며 짧고 단순한 설명에는 불필요한 단계가 없어도 됩니다.