글을 쓰기 전에 목차부터 설계하면 제목 구조는 자연히 잡힙니다. 순서는 이렇습니다. 1단계, 이 페이지가 답할 핵심 질문을 한 문장으로 정합니다. 그것이 H1의 재료입니다. 2단계, 그 질문에 답하기 위해 다뤄야 할 하위 주제를 3~6개로 나눕니다. 그것이 H2들입니다. 이때 H2를 사람들이 실제로 검색하는 질문 문장으로 쓰면 추천 스니펫과 AI 추출 양쪽에 유리합니다. 3단계, 각 H2 아래 세부 항목이 필요할 때만 H3를 답니다. 억지로 채우지 않습니다. 4단계, 소제목만 위에서 아래로 읽어 봅니다. 소제목만 읽어도 글의 흐름이 이해되면 합격입니다. 이 '소제목 통독 테스트'는 사람 독자에게도, 발췌하는 기계에게도 좋은 문서인지 확인하는 가장 간단한 방법입니다.

하나 더, 각 소제목 바로 아래 첫 문단에서 그 섹션의 결론을 먼저 말하는 습관을 들이세요. '질문형 소제목 + 결론 선행 첫 문단' 조합은 현재 검색·AI 환경에서 가장 발췌되기 좋은 형태입니다.

내 사이트의 제목 구조는 쉽게 확인할 수 있습니다. 크롬에서 페이지를 열고 마우스 오른쪽 버튼 '검사'를 눌러 h1을 검색하거나, 무료 확장 프로그램(헤딩 구조 뷰어류)을 쓰면 페이지의 제목 위계가 목차처럼 표시됩니다. 확인할 것은 세 가지입니다. H1이 정확히 하나인가. H1이 이 페이지의 주제를 담고 있는가. H2~H3가 건너뜀 없이 논리적 목차를 이루는가.

메인 페이지, 대표 서비스 페이지, 유입 상위 글 다섯 개만 점검해도 사이트 전체의 습관이 보입니다. 문제가 테마 차원(모든 페이지에서 로고가 H1)이라면 테마 설정이나 코드 수정이 필요하고, 글쓰기 습관 차원이라면 오늘부터 고치면 됩니다.

페이지 성격에 따라 제목 구조의 정석이 다릅니다. 유형별 견본을 참고하세요.

이 견본에서 눈여겨볼 공통 원리는 방문자가 궁금해하는 순서가 곧 제목의 순서라는 점입니다. 회사가 말하고 싶은 순서(연혁, 비전, 조직)가 아니라 손님이 묻는 순서(무엇을, 얼마에, 어떻게, 믿을 만한가)로 H2를 배열하면, 사람의 만족과 기계의 이해가 동시에 잡힙니다.

또 하나 실무에서 유용한 것이 발행 전 3초 점검입니다. 편집기 목차 보기에서 H1이 하나인지, H2에서 H4로 건너뛴 곳이 없는지, 소제목만 읽어도 흐름이 통하는지. 이 세 가지를 발행 루틴에 넣으면 제목 구조 문제는 애초에 쌓이지 않습니다.

테마 교체나 리뉴얼 시점에는 제목 구조 검수를 인수 조건에 포함하세요. 새 테마가 사이트명·위젯 제목·배너 문구에 어떤 태그를 쓰는지에 따라 사이트 전체의 헤딩 위계가 하루아침에 바뀔 수 있기 때문입니다. 검수 항목은 세 줄이면 됩니다. "모든 페이지 유형(메인·서브·글·목록)에서 H1이 하나씩인가, 위계 건너뜀이 없는가, 본문 제목이 장식용 div가 아니라 H 태그인가." 이 세 줄을 제작사에 전달하는 발주자는 흔치 않아서, 이것만으로도 결과물의 기본기가 달라집니다.

마지막으로 오해 하나를 풀겠습니다. "구조를 지키면 디자인이 못생겨진다"는 걱정입니다. 그렇지 않습니다. 태그의 위계(H1→H2→H3)와 화면상의 크기·모양은 CSS로 완전히 분리해 다룰 수 있습니다. H2를 작고 우아하게, H3를 오히려 눈에 띄게 만들 수도 있습니다. 중요한 것은 기계가 읽는 논리 구조와 사람이 보는 시각 디자인을 각자의 자리에서 최적화하는 것이며, 잘 만든 사이트는 둘 다 가집니다.

제목 태그는 웹의 가장 오래된 규칙 중 하나지만, 검색엔진과 AI가 문서를 이해하는 한 사라지지 않을 규칙이기도 합니다. 오래됐다는 것은 낡았다는 뜻이 아니라, 그만큼 모든 시스템이 기준으로 삼는다는 뜻입니다.

※ IDC.KR이 제작하는 홈페이지는 페이지마다 올바른 H1~H3 위계를 갖추도록 설계되어, 검색엔진과 AI 모두가 읽기 좋은 구조를 기본으로 제공합니다.

우리 홈페이지의 뼈대가 튼튼한지, 아니면 겉만 멀쩡하고 목차는 뒤죽박죽인지 확인해 보고 싶으시다면 IDC.KR에 문의해 주세요. 제목 구조 점검부터 테마 차원의 수정까지 도와드립니다.