나의 블로그 일지 13 (h1 h2 태그 ??)

정말 끝이 없이 알 수 없는 용어들이 매일 매일 등장한다  이제 코딩으로 접근 중인가? 무식한 나로서는 정말 힘들자

일단 공부나 해보기로 한다 

티스토리 블로그에서 H1~H6 태그 활용하는 법

티스토리 블로그를 운영하면서 효과적인 글 구성을 위해 HTML의 헤딩 태그(H1~H6)를 적절히 사용하는 것이 중요하다 

단순히 글자의 크기를 조절하는 역할 뿐만 아니라, SEO(검색 엔지 최적화)와 가독성 향상에도 큰 영향을 미친다. 이번 글에서는 H1~H6 태그의 역할과 올바른 사용법을 알아본다

 

1. H1~H6 태그란?

H1~H6 태그는 HTML에서 제목을 정의하는 태그로, 숫자가 작을수록 더 중요한 제목을 의미한다.

• H1: 가장 중요한 제목, 페이지의 대표 제목으로 사용됨
• H2: 주요 섹션 제목
• H3: H2의 하위 제목
• H4: H3의 하위 제목
• H5, H6: 거의 사용되지 않지만, 세부적인 소제목이 필요할 때 활용됨

각 태그는 논리적인 구조를 형성하는 역할을 하므로, 적절하게 사용해야 한다.

2. H1 태그의 중요성

H1 태그는 해당 페이지의 핵심 주제를 나타내므로, 반드시 한 번만 사용해야 한다. 검색 엔진은 H1 태그를 가장 먼저 인식하므로, 키워드를 포함한 명확한 제목을 설정하는 것이 좋다.

H1 태그 사용 예시

<h1>티스토리 블로그에서 H1~H6 태그 활용하는 법</h1>

H1 태그 사용 시 주의할 점

• 한 페이지에 하나의 H1 태그만 사용해야 한다.
• 블로그 제목과 동일하게 설정하면 중복될 수 있으므로, 글의 핵심 내용을 반영한 제목을 사용해야 한다.
• 너무 긴 제목은 피하고, SEO 최적화된 키워드를 포함하는 것이 좋다.

3. H2~H6 태그의 활용법

H1 태그를 정한 후에는 글의 흐름에 따라 H2~H6 태그를 적절히 사용해야 한다.

H2 태그: 주요 섹션 제목

H2 태그는 본문의 핵심 주제를 나누는 데 사용한다. H1 아래에 위치하며, 본문의 큰 흐름을 구분하는 역할을 한다.

<h2>1. H1~H6 태그란?</h2>

H3 태그: H2의 하위 제목

H3 태그는 H2의 하위 개념을 설명하는 데 사용된다. 만약 H2가 “H1 태그의 중요성”이라면, H3는 “H1 태그의 올바른 사용법”과 같은 내용이 될 수 있다.

<h3>H1 태그 사용 예시</h3>

H4~H6 태그: 세부 항목 정리

H4~H6 태그는 세부적인 설명을 추가할 때 사용된다. 블로그에서는 주로 H4까지 사용하는 경우가 많으며, H5와 H6은 잘 사용되지 않는다.

<h4>H1 태그 사용 시 주의할 점</h4>

4. H1~H6 태그를 활용한 SEO 최적화

검색 엔진은 헤딩 태그를 기반으로 페이지의 내용을 파악하기 때문에, SEO 최적화를 위해 다음과 같은 점을 고려해야 한다.

1) 키워드 포함하기

각 헤딩 태그에는 적절한 키워드를 포함해야 한다. 특히 H1과 H2에 주요 키워드를 배치하면 검색 엔진에 효과적으로 노출될 수 있다.

<h2>티스토리 블로그에서 H1 태그 활용법</h2>

2) 논리적인 구조 만들기

H1 → H2 → H3 순서로 논리적인 구조를 유지해야 한다. H3 이전에 H2가 있어야 하며, H2가 없이 H3을 사용하면 검색 엔진이 페이지를 올바르게 해석하지 못할 수 있다.

3) 가독성 향상

헤딩 태그를 적절히 활용하면 가독성이 좋아져 방문자들이 글을 쉽게 이해할 수 있다. 또한, 모바일 환경에서도 글이 정리되어 보이므로, 사용자 경험(UX) 개선에도 효과적이다.

5. 티스토리에서 H1~H6 태그 활용 방법

티스토리에서는 기본적으로 글 제목이 H1 태그로 설정된다. 따라서 본문에서는 H2부터 사용해야 한다.

글 작성 시 헤딩 태그 설정 방법

1. 에디터 사용: 글 작성 창에서 “제목1, 제목2” 등의 옵션을 선택하면 자동으로 H2, H3 태그가 적용된다.
2. HTML 모드 사용: 직접 HTML 편집 모드에서 헤딩 태그를 삽입할 수 있다.

<h2>H2 태그로 주요 섹션 나누기</h2>
<h3>H3 태그로 세부 항목 정리</h3>

6. 잘못된 헤딩 태그 사용 사례

헤딩 태그를 적절히 사용하지 않으면 SEO 점수가 낮아지고, 가독성이 떨어질 수 있다. 다음과 같은 실수를 피해야 한다.

1) H1 태그를 여러 개 사용하는 경우

<h1>블로그 운영법</h1>
<h1>SEO 최적화 방법</h1> <!-- 잘못된 사용법 -->

→ 해결 방법: 한 페이지에는 H1 태그를 하나만 사용해야 한다.

2) 헤딩 태그 순서를 어기는 경우

<h2>SEO 최적화</h2>
<h4>키워드 활용법</h4> <!-- H3 없이 H4 사용 -->

→ 해결 방법: H2 다음에는 H3, H3 다음에는 H4가 와야 한다.

7. 결론

티스토리 블로그에서 H1 H2 태그를 적절히 활용하면 검색엔진 최적화와 가독성을 동시에 개선 할 수 있다 

 블로그 글을 작성할 때 이러한 원칙을 적용하면 보다 체계적인 콘텐츠를 만들 수 있다.