SEO와 가독성을 동시에! 초보자도 가능한 HTML로 글 꾸미는 쉬운 방법
블로그를 시작하고 글을 작성하다 보면, 이런 고민 한 번쯤 해보셨을 거예요.
“왜 내 글은 밋밋해 보일까?”, “다른 사람 블로그는 왜 보기 좋지?”
사실, 조금만 HTML 태그를 활용해도 글의 분위기가 확 달라집니다.
이번 글에서는 HTML 초보자도 쉽게 따라 할 수 있는 블로그 글 꾸미기 팁 5가지를 알려드릴게요.
이 글은 SEO 최적화와 가독성을 동시에 고려하여, 여러분의 블로그가 더 많은 사람들에게 노출될 수 있도록 돕는 방법을 안내합니다.
1. <h2> 태그로 소제목 정리하기
소제목을 사용하면 글이 정돈돼 보이고, 독자가 글을 쉽게 스캔할 수 있어요. 구조적인 글은 검색엔진 최적화(SEO)에도 유리합니다. 특히 검색엔진은 텍스트의 계층적 구조를 이해하고, <h2>, <h3> 태그를 통해 각 주제를 구분할 수 있어요.
변경 전:
블로그 구조 작성하기
변경 후 (HTML 코드):
<h2>블로그 구조 작성하기 </h2>
결과 화면:
블로그 구조 작성하기
2. <ul> 리스트로 항목 정리하기
중요한 포인트들을 나열할 때 <ul> (비순차 목록)과 <li> 태그를 사용하면 훨씬 읽기 쉬워집니다. 이는 독자가 글을 빠르게 읽을 수 있도록 돕고, 정보의 흐름을 자연스럽게 만듭니다.
변경 전:
키워드 찾기, 제목 만들기, 본문 작성
변경 후 (HTML 코드):
<ul> <li>키워드 찾기</li> <li>제목 만들기</li> <li>본문 작성</li> </ul>
결과 화면:
- 키워드 찾기
- 제목 만들기
- 본문 작성
3. <blockquote> 인용문으로 핵심 강조하기
글에서 중요한 문장이나 말을 강조하고 싶을 때 <blockquote> 태그를 사용하면 독자의 주목을 끌 수 있습니다. 인용문을 사용하면 글의 전문성과 신뢰도를 높여줄 수 있어요.
변경 전:
꾸준히 쓰는 것이 가장 중요합니다.
변경 후 (HTML 코드):
<blockquote> 꾸준히 쓰는 것이 가장 중요합니다. </blockquote>
결과 화면:
꾸준히 쓰는 것이 가장 중요합니다.
4. <strong> 태그로 단어 강조하기
강조하고 싶은 단어는 <strong> 태그를 이용해 굵게 표시할 수 있어요. 이 태그는 시각적 강조뿐만 아니라 SEO에 중요한 역할을 합니다. 검색엔진은 강조된 텍스트를 중요한 정보로 인식해요.
변경 전:
키워드를 잘 선택해야 합니다.
변경 후 (HTML 코드):
키워드를 <strong>잘 선택</strong>해야 합니다.
결과 화면:
키워드 를 잘선택해야 합니다.
5. <a> 링크 태그로 정보 연결하기
관련된 웹페이지나 리소스를 자연스럽게 연결하려면 <a> 링크 태그를 사용하세요. 내부 링크나 외부 링크를 추가하면 SEO에 긍정적인 영향을 미치고, 독자에게 더 많은 가치를 제공합니다.
변경 전:
https://support.google.com/adsense/
변경 후 (HTML 코드):
<a href="https://support.google.com/adsense/" target="_blank"> 애드센스 공식 도움말 </a>
결과 화면:
동주의 이야기
처음 HTML을 배우기 시작했을 때, 코드가 정말 복잡해 보였어요. 하지만 작은 HTML 태그를 활용하는 것만으로도 글의 가독성이 달라졌고, 글의 내용도 더 정돈된 느낌이었어요.
저처럼 처음 HTML을 접하는 분들도 걱정하지 마세요. 작은 변화만으로도 글이 훨씬 더 읽기 좋고, SEO에도 좋은 영향을 줄 수 있답니다. 애드센스 승인도 점점 가까워질 거예요!
이 글이 도움이 되셨다면, 직접 한 가지씩 적용해보세요. HTML 태그를 조금씩 활용하면 블로그가 정말 달라져요. 저는 구글 블로그에 도움이 될만한 정보로 다시 올게요!