구글 최적화(SEO) H태그 문단 배치 및 크기 변경 방법

구글 최적화(SEO)를 위해 H태그에 대해서 알아보겠습니다. 구글 상단에 노출되어 있는 글을 보면 비슷한 문단 배치로 글이 작성된 것을 보셨을 겁니다. 왜 이렇게 글 작성했는지 글자 크기에 어떤 비밀이 숨겨있는지 겉으로 봐서는 알지 못합니다. 지금부터 그 궁금증을 해결해보겠습니다.

 

구글 최적화(SEO)를 위한 H태그 사용법

H태그의 중요성과 배치방법

1. H태그가 중요한 이유

구글 최적화(SEO)에 H태그(Heading Tag)는 큰 비중을 차지하지는 않지만 문단에 맞게 글쓰기를 할 때 사용하면 좋습니다. 그러나 H1태그는 구글 크롤링 시 글에 대한 중요한 정보를 제공합니다. H1태그는 이글의 주제(제목)가 먼지 구글에 색인시켜주는 기능을 합니다. 보통 제목에 자동으로 H1태그가 배치되니 티스토리 블로그를 운영하시는 분은 크게 걱정 안 하셔도 됩니다. 그러나 본문 내용에 다시 H1태그를 쓴다면 구글 로직이 헷갈릴 수 있습니다.

 

라면에 비유하자면 H1태그가 두 개있으면 신라면 상품명에 신라면과 진라면 이름이 두개 적혀있는 것과 같습니다. 그리고 H1태그가 없는 경우는 신라면 봉지에 상품명이 없는 것과 같아서 구글 검색에서 누락되는 경우도 있습니다. 그리고 구글 봇이 이해할 때 H태그를 기반으로 주제, 부주제, 소주제를 인식하고 중요도를 파악하여 글을 평가합니다. H2이후 태그는 글의 내용의 중요도에 따리 배치하시면 됩니다. 자세한 사항은 아래 내용에서 다루겠습니다.

2. H태그로 가독성을 높여라.

가독성이 중요한 이유는 내 블로그로 유입된 방문자가 글이 난잡하고 문맥상 이해가 되지 않으면 바로 나가 버립니다. 이것이 블로그 이탈률과 관련이 있고 구글에서는 이탈률이 높으면 양질의 글이라고 판단을 하지 않습니다. H태그로 문단의 주제, 소제목, 부제목을 나누워 주면 그냥 주제 없이 한문단으로 된 글에 비해 시각적으로도 좋고 가독성도 상승합니다.

 

구글 SEO 유저 시그널에 이탈률과 체류시간이 있고 구글은 이것을 매우 중요하게 생각합니다. 이 두 가지는 블로그의 글이 양질의 글인지 판단하는 중요한 기준이 됩니다. 글의 내용이 좋으면 다른 글에도 관심을 가질 수 있고 글도 처음부터 끝까지 읽기 때문에 체류시간이 길어집니다. 구글 최적화를 하여 글을 상위에 노출시키는데 중요한 부분을 차지합니다. 

※이탈률이란 방문자가 내 블로그에 유입도 었을 때 다른 페이지를 보지 않고 바로 떠나는 비율입니다.

3. H태그 문단 배치 방법

H태그는 H1부터 H6까지 총 6가지가 있습니다. H1은 대체로 제목에 자동으로 부여됩니다. 그리고 H2, H3, H4, H5, H6태그는 내용 중요도에 따라 배분하시면 됩니다.

 

◆티스토리 블로그 H태그 구성

티스토리 블로그 H태그는 아래 외 같이 구성되어 있습니다.

H1은 블로그 제목, H2는 제목 1, H3는 제목 2, H4는 제목 3입니다. 분문 1,2,3은 H태그가 아니며 본문 글 크기를 변경하는 기능을 합니다. 특히 제목 1은 H1태크가 아니라 H2라는 점을 꼭 알아 두셔야 합니다.

티스토리 블로그 H태그

◆H태그 배치 방법

위에서 언급했듯이 H2~H6태그는 글의 중요도에 따라 순서대로 구성하면 됩니다. 숫자가  H2태그는 본문에서 가장 중요한 주제로 사용하면 됩니다. H3이후 태그입니다.

H태그 배치방법 <H1>제목</H1>   <H2>주제1</H2>      <H3>소주제1</H3>      <H3>소주제2</H3>   <H2>주제2</H2>       <H3>소주제1</H3>       <H3>소주제2</H3>

이런 방식으로 H태그를 활용하면 구글 SEO가 내용의 중요도에 따라 글을 판단하는데 도움을 주고 글을 읽는 사람에게 가독성도 높아 체류시간이 상승하는 효과가 있습니다. 이것은 블로그 최적화에 도움을 줍니다.

글 가독성을 위한 H태그 크기 변경

티스토리 블로그가 지정한 H태그 크기를 변경할 수 있습니다. 글을 작성할 때 본문 글보다 H태그 글이 너무 크다고 판단되면 티스토리 블로그 설정에서 스킨 편집-HTML변경-CSS로 이동하면 간단한 수치 변경으로 H태그를 원하는 크기로 변경 가능합니다. 

 

H태그 크기변경 순서

• 티스토리 블로그 설정으로 이동하여 1 변 HTML 편집을 선택합니다.
• H태그 크기를 변경하는 곳은 2번 CSS 영역입니다.
• CTRL+F Entry Content를 검색하여 찾아갑니다.
• . entry-content h1처럼 변경하고자 하는 태그를 확인합니다.
• font-size: 1.6875em에서 숫자를 변경하여 태그 크기를 수정합니다.
• 그리고 적용을 눌러줍니다.

위와 같은 방법으로 H태그 크기를 변경할 수 있습니다. 티스토리 블로그 에디터에 글을 작성할 때는 변경된 크기가 적용되질 않습니다. 미리보기나 글을 발행했을 경우 웹사이트에서 변경된 크기가 적용되었다는 것을 확인할 수 있습니다.

 

■마치며-본문 글 크기 변경

오늘은 구글 SEO 최적화를 위해 H태그 중요성과 문단 배치 방법, 크기 변경하는 방법까지 알아보았습니다. 구글 최적화하는 방법에는 여러 가지가 있지만 가독성을 높이는 방법을 꾸준히 찾아야 합니다. 마지막으로 글 본문 내용을 크게 함으로써 가독성을 높이는 방법도 있는데 간단히 변경 방법을 알아보고 마치겠습니다.

 

. entry-content p {
margin-bottom: 32px;
word-break: break-all;
font-size: 1.0em;
line-height: 2;
color: #555;

 

위에서 변경한 방법과 같이 CSS에서 "P"가 본문 내용입니다. font-size: 1.0em;에 숫자를 변경하면 원하는 분문 크기를 변경할 수 있습니다.