헤딩 계층을 지켜야 하는 근본적인 이유

콘텐츠 구조화에서 제목 태그(64자 이내), H1 헤딩(페이지 주제, 1개), H2H4 헤딩(계층적 소제목)의 올바른 사용은 검색 엔진의 페이지 이해도와 사용자 가독성을 모두 높입니다. H1은 페이지당 1개만 사용하고, H2H4는 계층적 순서를 지켜야 하는데(H2 다음에 H3, H3 다음에 H4 순서), 이는 문서의 목차를 만드는 것과 같은 원리로, 계층이 뒤섞이면 검색엔진이 어느 소제목이 더 상위 개념인지 판단하기 어려워집니다.

H1을 여러 개 쓰거나 아예 빠뜨리는 흔한 실수

디자인 편의상 페이지 상단에 큰 텍스트를 여러 개 넣으면서 전부 H1 태그를 적용하는 실수, 혹은 반대로 로고 이미지만 있고 실제 H1 텍스트가 없는 페이지가 실무에서 종종 보입니다. H1은 이 페이지가 무엇에 관한 것인지 알려주는 가장 핵심적인 신호이므로, 페이지마다 정확히 1개씩, 페이지 주제를 명확히 담은 텍스트로 존재하는지 템플릿 단위로 점검해야 합니다.

H2~H4를 건너뛰면 안 되는 이유

디자인 상 글자 크기가 마음에 든다는 이유로 H2 다음에 H4를 바로 쓰는 경우가 있는데, 이는 시각적으로는 문제없어 보여도 문서 구조상 H3라는 중간 계층이 빠진 것으로 해석됩니다. 헤딩은 글자 크기를 고르는 도구가 아니라 문서의 논리적 계층을 표시하는 태그이므로, 크기 조절이 필요하면 CSS로 처리하고 태그는 계층 순서대로 붙여야 합니다.

이미지 alt 텍스트가 SEO에서 하는 역할

이미지가 링크로 쓰일 때 구글은 img 요소의 alt 속성을 해당 링크의 앵커 텍스트로 취급합니다. 링크가 아닌 일반 이미지라도 alt 텍스트는 시각장애인을 위한 스크린 리더 접근성뿐 아니라, 이미지 자체가 검색엔진 이미지 검색에 노출될 기회를 만들어주는 요소입니다. "이미지1.jpg" 같은 무의미한 파일명을 그대로 두고 alt도 비워두면 이 이미지가 가진 정보 전달력이 검색엔진에게는 전혀 전달되지 않습니다.

키워드 밀도를 인위적으로 맞추려 할 때의 위험

과거에는 특정 키워드를 본문에 몇 번 반복해야 한다는 식의 키워드 밀도 공식이 유행했지만, 지금은 키워드를 자연스럽지 않게 반복해서 채워 넣는 방식(키워드 스터핑)이 오히려 페널티 요인으로 작용할 수 있습니다. 핵심 키워드와 그 동의어·연관어를 자연스러운 문맥 안에서 다양하게 쓰는 편이, 특정 숫자에 맞춰 억지로 반복하는 것보다 안전하고 읽기에도 자연스럽습니다.

제목 태그와 H1을 다르게 써야 하는 경우

검색결과에 노출되는 제목 태그(title)와 화면에 보이는 H1은 완전히 같은 문구일 필요는 없습니다. 제목 태그는 검색 클릭을 유도하는 후킹 요소를 더 강조하고, H1은 페이지에 들어온 사용자에게 주제를 명확히 전달하는 역할에 집중해 약간 다르게 쓰는 것도 실무에서 흔히 쓰는 전략입니다.

CMS 에디터에서 헤딩 태그가 잘못 적용되는 실수

워드프레스나 쇼핑몰 에디터에서 글자 크기만 키우고 실제로는 일반 문단(p 태그) 스타일을 쓴 채 시각적으로만 소제목처럼 보이게 만드는 경우가 흔합니다. 겉보기에는 소제목 같아도 실제 HTML 태그가 H2·H3이 아니라면 검색엔진은 이를 구조화된 소제목으로 인식하지 못하므로, 에디터에서 "제목 스타일" 메뉴로 직접 헤딩 태그를 지정했는지 확인해야 합니다.

이미지 파일명도 alt 텍스트만큼 챙겨야 하는 이유

alt 텍스트뿐 아니라 이미지 파일명 자체도 "IMG_2384.jpg" 같은 무의미한 값 대신 "여성-플로럴-원피스-여름신상.jpg"처럼 내용을 담은 이름으로 저장해두면 이미지 검색 노출에 추가로 도움이 됩니다. 이 작업은 이미지 업로드 시점에 한 번만 신경 쓰면 되는 저비용 조치인데도 실무에서 자주 누락됩니다.

신규 템플릿 설계 시 헤딩 규칙을 미리 못박아두기

새로운 페이지 템플릿을 디자인할 때 어느 영역이 H1이고 어느 영역이 H2인지를 디자인 시안 단계에서부터 명시해두면, 퍼블리싱 단계에서 임의로 태그가 잘못 붙는 사고를 예방할 수 있습니다. 디자인이 확정된 뒤 태그를 나중에 끼워 맞추려 하면 계층 순서가 꼬이기 쉬우므로, 디자이너·퍼블리셔·SEO 담당자가 템플릿 검토 단계에서 함께 확인하는 절차를 두는 것이 안전합니다.

헤딩 태그와 목차(TOC) 기능을 함께 활용하는 방법

헤딩 태그를 계층에 맞게 정확히 쓰면, 워드프레스 같은 CMS의 자동 목차 플러그인이 이 구조를 그대로 읽어와 페이지 상단에 클릭 가능한 목차를 만들어줄 수 있습니다. 목차가 있으면 방문자가 원하는 소제목으로 바로 이동할 수 있어 5강에서 다룰 체류시간 개선에도 도움이 되고, 헤딩 태그가 애초에 계층에 맞게 정리돼 있어야 이 기능도 제대로 작동한다는 점에서 온페이지 구조화 작업의 실질적 효과를 체감하기 쉬운 지점입니다.

AI 검색엔진이 헤딩 구조를 활용하는 방식

AI 검색엔진은 페이지 전체를 처음부터 끝까지 읽기보다, 헤딩 태그로 구획된 단위를 기준으로 특정 질문에 대응하는 답변 후보를 찾아내는 경향이 있습니다. 질문형 소제목(예: "H2를 건너뛰면 안 되는 이유는 무엇인가")으로 헤딩을 구성해두면, 그 소제목 아래 문단이 AI 답변에 인용될 확률이 높아지는 것으로 알려져 있어, 헤딩 태그 구조화는 전통적 검색 순위뿐 아니라 AI 인용 전략과도 직접 연결됩니다.