H tag

콘텐츠 구조화를 위한 H tag 작성 가이드

H tag가 왜 SEO에 중요해? 라고 의문을 가질 수 있을 것입니다. 일반적으로 H tag 라고 하면, 글자 크기를 얼추 맞출 때 사용하는 태그 정도로 이해하고 있는 경우가 많기 때문입니다. H tag는 무엇인지, 왜 중요한지, 어떤 의미를 갖고 어떻게 쓰는 것이 좋은지 한번 알아보겠습니다.

H tag란?

H tag는 문자 그대로 정의하자면 웹 페이지의 HTML 소스 코드 중 하나로 제목, 소제목을 구분하는 의미를 갖는 태그입니다. H tag는 H1 ~ H6까지 6가지를 사용할 수 있습니다. 일반적으로 H tag를 웹 개발자가 사용할 때는 글자 크기로 사용하기도 하는데요, 검색엔진에게 주는 의미는 확연히 다르기 때문에 반드시 그 의미에 맞게 사용해야합니다.

H tag는 왜 중요할까요?

H tag가 중요한 이유는 2가지정도가 있는데요,

첫째, 검색엔진에게 우리 웹 페이지의 구조를 알려주는 수단입니다. 검색엔진에게 여러분의 좋은 콘텐츠를 더 읽기 쉽고 이해하기 쉽도록 만들어줍니다.

둘째, H tag는 그렇기 때문에 SEO를 하는 데에 중요한 역할을 합니다. H tag를 설정하면, 검색엔진이 웹페이지에서 어떤 부분이 중요하고 어떤 부분이 덜 중요한지 파악할 수 있어 내가 원하는 타겟키워드에서 상위랭크되는 데에 도움을 줍니다.

H tag를 최적화하는 방법

몇 가지 원칙만 따르면 H tag를 최적화할 수 있습니다.

1. 한 페이지에는 하나의 H1 tag만 사용하고 제목에 설정합니다.

사실 H tag는 반드시 1개여야만 하는 것은 아닙니다. 다만, H1 태그는 페이지의 구조 중 가장 상위에 있는 태그이며 페이지의 주제를 설명하는 가장 중요한 태그이기 때문에 핵심이 되는 주제에 H1 태그를 설정하는 것이 좋습니다. 그렇게 때문에 title tag과 동일하게 설정하는 것이 가장 효과적입니다.

2. H2 tag는 소제목에 설정합니다.

H2 tag는 H1 tag 의 바로 아래 구조에 있는 태그이기 때문에 제목 이하의 소제목으로 설정합니다. 갯수는 따로 정해진 것은 없지만, 블로그 콘텐츠 기준으로 H2 tag가 5개 이상 넘어가게 되면 한 콘텐츠의 주제성이 흐려질 수 있기 때문에 많아도 10개를 넘지 않는 것이 좋습니다.

3. 되도록 H3까지만 설정합니다.

이것 또한 정해진 것은 없지만, H3까지만 설정하는 것을 권장하는 이유는 최대한 H1~3내에 핵심 키워드를 포함해서 중요한 주제들을 작성하는 것이 좋기 때문입니다.

4. H tag에는 되도록 주제와 관련된 중요한 키워드를 포함합니다.

중요하다의 기준이 무엇인지 명확하지 않을 수 있습니다. 여기서 중요도는 타겟 키워드 (핵심 주제가 되고 유입되었으면 하는 핵심 키워드 1개)로 구글에 검색했을 때 검색 결과 페이지 1페이지에 노출되는 콘텐츠가 담고 있는 주제인지 아닌지가 중요도의 판단 기준입니다. 그리고 되도록 검색량이 있는 키워드를 사용하는 것이 좋습니다.

5. H tag – p tag 순으로 작성합니다.

H tag는 질문 p tag는 답변이라고 생각하여서 아래와 같은 구조로 작성해보세요.

H tag 구조

H tag는 어떻게 써야할까?

H tag를 입력하는 것 자체는 간단합니다.

위와 같이 소스 코드 상에 <body>영역 내에 원하는 H tag를 삽입하면 됩니다. 그런데 중요한 것은 개발자가 아니라면 사실 이렇게 직접 소스코드를 만질 일은 없을텐데요, 대표적인 몇 가지 CMS나 에디터에서는 어떻게 하는지 예시를 가져와봤습니다.

워드프레스에서 H태그 설정하는 법

워드프레스 H태그 설정 방법

“문단”으로 표시가 되어있다면 “제목” 으로 설정하시고 H2를 클릭합니다.

워드프레스에서 H1는 제목을 작성하면 알아서 적용됩니다.

티스토리에서 H태그 설정하는 법

티스토리는 제목1로 설정해야 H2태그가 설정되고 H1태그는 제목에 자동설정 됩니다.

H tag를 확인하기 위한 좋은 툴

H tag가 잘 설정되어있는지 확인하기 위해서 2가지정도 제가 사용하고 있는 유용한 크롬 확장 프로그램을 소개해드리겠습니다.

  1. H-tag (H-tag 크롬 확장프로그램 바로가기)
H tag 크롬익스텐션 툴 구현화면

H tag 툴은 위와 같이 가시적으로 H태그를 볼 수 있다는 점에서 유용한 툴입니다. 다만, 페이지상에 가시적으로 보이지 않을 수 있는 H태그에 대해서는 확인할 수 없다는 단점이 있습니다.

  1. SEO META in 1 CLICK (SEO META in 1 CLICK 확장프로그램 바로가기)
SEO 툴 크롬 확장프로그램 구현화면

SEO META in 1 CLICK은 H태그 외에도 SEO에 필요한 메타태그 등을 손쉽게 볼 수 있는 장점이 있습니다. 숨어있는 H태그도 발견할 수 있죠. 다만, 비주얼적으로 보기는 어려운 단점은 있습니다.

마치며

H tag는 SEO에 반드시 필요한 요소입니다. 검색엔진에게 우리 웹페이지의 콘텐츠가 어떤 구조로 되어있고, 어떤 중요도 순으로 구성이 되어있는지 명확히 알려줌으로써 양질의 콘텐츠를 담고 있다는 신호를 검색엔진에게 전달해주세요.

관련 게시물