블로그 글에 필수! HTML 태그 기초 배우기

 

 

티스토리 블로그는 HTML 태그를 자유롭게 사용할 수 있다는 점에서 수익형 블로그에 매우 유리합니다. 하지만 초보 블로거에게는 생소하게 느껴질 수 있죠. 이번 글에서는 글쓰기에 꼭 필요한 HTML 태그만 간단하게 정리해드립니다.

1. HTML 태그란 무엇인가요?

HTML(HyperText Markup Language)는 웹페이지를 구성하는 기본 언어입니다. 블로그 글에서 제목, 단락, 강조, 목록, 이미지, 링크 등을 설정할 수 있도록 도와줍니다.

예를 들어, 다음과 같은 문법으로 글을 꾸밀 수 있습니다:

<strong>중요한 텍스트 강조</strong>

2. 자주 사용하는 HTML 태그 모음

✔ 제목 태그: <h1> ~ <h3>

글의 구조를 구분할 때 사용합니다. 검색 엔진은 제목 태그를 통해 콘텐츠의 핵심을 파악합니다.

• <h1>글의 제목 (1개만 사용)</h1>
• <h2>중간 소제목</h2>
• <h3>소소한 소제목</h3>

✔ 문단 태그: <p>

내용을 하나의 단락으로 구분할 때 사용합니다.

<p>여기에 문장을 작성하세요.</p>

✔ 목록 태그: <ul>, <ol>, <li>

정리된 정보를 나열할 때 사용합니다.

비순차 목록 (ul):

<ul>
  <li>첫 번째 항목</li>
  <li>두 번째 항목</li>
</ul>

순차 목록 (ol):

<ol>
  <li>1단계</li>
  <li>2단계</li>
</ol>

✔ 강조 태그: <strong>, <em>

• <strong>중요한 내용 강조</strong> → 굵게
• <em>의미 강조</em> → 기울임

✔ 링크 태그: <a>

외부 페이지나 내부 글로 연결할 수 있습니다.

<a href="https://www.example.com">클릭하세요</a>

✔ 이미지 삽입: <img>

이미지를 넣고 싶을 때는 다음과 같이 사용합니다:

<img src="이미지주소.jpg" alt="이미지 설명" />

3. HTML 태그 사용 시 주의사항

• 태그는 열고 닫는 구조: 대부분의 태그는 <태그>내용</태그> 형태입니다.
• 닫는 태그 누락 주의: 닫지 않으면 디자인이 깨질 수 있습니다.
• 너무 많은 태그 사용 금지: 과도한 서식은 오히려 검색 노출에 불리
• 모바일 반응형 확인: 글 작성 후 모바일에서도 레이아웃 확인

4. HTML 태그는 왜 중요한가요?

• 콘텐츠 구조화: 독자가 글을 쉽게 읽고 이해할 수 있습니다.
• 검색 최적화(SEO): 검색 엔진이 글의 주제와 구조를 정확히 파악
• 애드센스 승인에 유리: 체계적인 구조는 신뢰도를 높여줍니다.

5. 초보자를 위한 추천 활용법

처음부터 복잡한 태그를 다 쓰려고 하지 마세요. 아래 5가지만 잘 활용해도 충분합니다:

• <h2> 소제목
• <p> 단락 구분
• <ul><li> 리스트 정리
• <a> 링크 연결
• <img> 이미지 삽입

마무리

HTML 태그는 블로그 글의 품질을 높이고 검색 노출에도 긍정적인 영향을 줍니다. 완벽하게 몰라도 괜찮습니다. 자주 쓰이는 기본 태그만 익히고, 직접 사용해보는 것이 가장 좋은 학습법입니다.