문화/사이트

사이트 포스팅 " H태그 " 설정 방법 ( 검색엔진 SEO 중요한 이유 )

닷카이브 2022. 8. 31. 11:48
반응형

사이트 운영 기초 - 포스팅 H태그 최적화


h테그-사용방법-가이드


1. 사이트를 운영한다면

 사이트를 운영한다는건 개인 블로그, 혹은 판매 사이트 등 다양한 의미가 된다. 모든 종류의 사이트는 결국 검색 클릭 유입이 매우 중요하다. 상품을 판매하는 온라인 쇼핑몰의 경우 높은 판매량을 위해, 독자가 필요한 매거진, 블로그의 경우 높은 방문자 수를 위해서다. 

1 - 1 글만 잘 쓰면 노출이 잘 될까? 

 과연 글만 잘 쓴다고 구글과 네이버 등 포털 사이트 검색 상위에 노출이 될까? 정답은 " 그렇지 않다. " 아무리 글을 깔끔하고 잘 정리하여 쓴다고 해도 최적화 적용 없이는 상단 노출이 어려운 현실이다. 

1 - 2 사이트 최적화 작업 

 HTML 편집과 CSS 편집, 다양한 플러그인 설치가 가능한 사이트의 경우 최적화 작업은 필수적이다. 네이버 블로그와 같이 자유도가 적은 대신 자동으로 최적화가 적용되어 노출까지 일어나는 사이트는 예외로 한다. 


h테그-적용-방법


2. 포스팅 최적화 - H테그 란 무엇인가

 포스팅이 검색 포털에 잘 노출되게 하기 위한 기초적인 단계에 H태그 삽입이 있다. H테그란 " 헤딩 요소 " 즉 제목 설정이다. 포털 사이트는 포스팅의 H태그를 읽고 키워드를 분석한다 H태그 ( 제목 ) 없이 본문만 존재하는 글은 잘 읽어내지 못한다. 

2 - 1 H테그 사용 방법

 H테그가 제목이라고 해서 무작위로 제목을 사용하면 오히려 역효과가 날 수 있다. H태그는 1번부터 순서대로 사용해야 검색 로직이 잘 읽어 들일 수 있다. H1 태그는 포스팅의 메인이 되는 문장이다. 일반적으로 포스팅 최상단 대표 제목이 H1 태그로 설정되어 있다. H2 태그부터는 본문에 직접 삽입하며 글을 작성해 나가야 한다. 여기서 중요한 건 H태그는 반드시 순서대로 사용해야 한다는 것. ( H1 태그 -> H2태그 -> H3태그 순으로 진행한다. ) 

 

* 티스토리 블로그의 경우, 제목1 -> H2 , 제목 2 -> H3 , 제목 3 -> H4 순이다. H5까지 사용하는 경우는 많지 않으며 검색 로직 반영에도 큰 영향을 주지 않는다. 

 

* 워드프레스 사이트의 경우 제목 요소를 입력하여 사용하는 것도 좋지만 꼭 HTML 코드를 확인해야 한다. 사용하는 스킨마다 H테그가H태그가 적용되는 방식이 다르기 때문이다. 포스팅을 진행해보고 H태그가 어떤 방식으로 포스팅을 구성하고 있는지 확인해보자. 


h테그-사이트적용-seo


3. H테그 검색 노출에 미치는 영향

 사실 H테그는 검색 로직에 반영하기 위한 기본 중의 기본이다. 대부분의 사이트가 H태그 설정을 진행하고 있으며 사용 방법을 잘 지키고 있다. 그렇기에 H태그를 잘 사용한다고 해서 꼭 상단에 노출된다는 보장은 없다. 하지만 기본을 하지 못했을 때는 포스팅 노출이 완전히 안될 수도 있기에 반드시 지켜야 하는 원칙으로 생각하자. 

 

3 - 1 여러개의 H태그 사용

 H테그를 순서대로 사용한다면 여러 개 사용해도 상관없다. 예를 들어" H2 태그 -> 본문 -> H2 태그 -> 본문 " 과 같은 방식으로 글을 작성해도 전혀 문제가 없다. 또한 " H2 태그 -> 본문 -> H3 태그 -> 본문 -> H2 태그 " 와 같이 글을 작성해도 문제가 없다. H2태그로 시작해 H3 태그로 하나의 주제가 끝나고, H2 태그로 새로운 주제가 시작되기 때문이다. 

 

3 - 2 H1 테그 사용 가이드

 H1 테그는 다른 H태그와 다르게 하나만 사용해야 한다. 일반적으로 포스팅의 최상단 메인 제목에 H1 태그가 자동으로 들어간다. 티스토리 블로그는 따로 HTML 수정을 진행하지 않는 이상 H1 태그가 중복 사용될 가능성은 낮다. 하지만 워드프레스 사이트의 경우 H1 태그가 중복으로 들어갈 가능성이 있기 때문에 꼭 초기 포스팅 진행 시 HTML 코드 확인을 통해 " h1 "이라고 적힌 태그가 포스팅에 1개만 존재하는지 확인하도록 하자. 


DOTT REVIEW - 에디터 황진하

DOTT MGAZINE - 닷매거진

 

[기타/사이트] - 티스토리 블로그 폰트 사이즈 바꾸는 방법 ( CSS 코드 수정, 글자 크기 조절, 티스토리 스킨 편집 )

[기타/사이트] - 티스토리 스킨 추천 - " 북클럽 " 에드센스 광고 최적화 스킨 설정 방법

반응형