검색엔진 최적화(SEO)를 위한 제목 작성 방법과 팁

티스토리 제목 태그의 올바른 선택은 SEO의 핵심 요소

티스토리 블로그를 운영하면서 중요한 점 중 하나는 제목의 작성 방법이라는 사실을 알게 되었는데요. 처음에는 그저 글자 크기의 형태로만 인식되는 줄 알았지만, 실제로는 HTML의 중요한 부분이기 때문에 제목을 적절하게 작성해야 하는 사실에 따라 체계적인 글이 됨을 알게 되었습니다. 블로그 사용자들이 HTML에 익숙하지 않을 수 있다는 것을 이해하며, 본문에서 작성하는 제목의 구조를 쉽게 설명해 보겠습니다.

 

SEO를 위한 이미지 최적화 - 웹피(WebP) 활용 가이드도 함께 읽어 보시기를 추천합니다.

제목 태그의 올바른 선택

티스토리 블로그에서는 본문 작성 시 상단에 제목을 별도로 입력하게 됩니다. 별도 제목을 입력할  때 사용되는 제목 태그는 내부적으로 h1 태그를 사용하게 되어 있습니다. 

HTML에서 <h1>은 Heading 1의 약자로, 제목(Heading) 태그를 나타냅니다.

웹 페이지에서 제목을 구조화하고 구분하기 위해 사용되며, 글자의 크기와 두께를 변경하여 각 제목의 중요도를 구분합니다. 숫자는 1부터 6까지 있으며, h1은 가장 중요한 제목을 표시하고, h6까지 갈수록 중요도가 줄어듭니다.

h1: 웹 페이지의 가장 중요한 제목(주제)
h2: h1에 속하는 주요 부제목
h3: h2에 속하는 세부 제목
h4, h5, h6: 추가적인 세부 제목에 사용

이런 방식으로 h 태그를 사용하면, 웹 페이지의 구조가 잘 정리되고, 사용자 및 검색 엔진이 페이지의 내용을 더 쉽게 이해할 수 있습니다. 결국, 숫자가 증가하면서 <h2>, <h3>, <h4> 등의 태그가 사용될 때 순차적으로 소제목, 작은 제목, 부제목을 나타내는 것이지요.

각 제목의 의미와 사용 방법은 다음과 같습니다.

<h1>: 대제목(제목 입력란)
<h2>: 소제목(티스토리에서 사용하는 제목 1)   
<h3>: 작은 제목(티스토리에서 사용하는 제목 2)
<h4>, <h5>, <h6> 등: 더 작은 제목 (티스토리에서 사용하는 제목 3까지이지만 실제적으로 많이 세분화되지는 않지요.)

결국, HTML에서는 대제목 <h1>은 페이지당 하나만 사용하는 것이 일반적입니다.
 
h1 태그는 웹 페이지에서 가장 중요한 제목을 나타내는 태그이기 때문에, 작성자가 본문에 직접 제목을 입력하는 경우 더 낮은 레벨의 제목 태그를 사용하게 됩니다. 위의 예시를 보면, 본문에서 '제목 1' 스타일을 사용하면 자동으로 h2 태그로 변환되고, '제목 2' 스타일을 사용하면 h3 태그로 마크업 되지요. 이와 같은 방식으로 제목 3'스타일은 h4 태그로 구조화됩니다. 결국, 작성자가 본문에서 제목 스타일을 선택할 때, 티스토리 블로그는 자동으로 이들을 연속된 구조의 제목 태그(h1, h2, h3, …)로 변환해 주게 되는 것이지요.

제목을 사용할 때 글자 모양을 선택하는 것이 아니라 글에  따라  권장 구조 그대로 제목 1,2,3을 논리에 맞게 사용하면 되는 구조라는 것입니다. 이 사실을 모르고 글씨 크기와 모양만 생각하고 사용했다면 중요한 요소이니 알고 사용해야 하는 이유입니다.

 

[제목1, 2, 3]

제목의 역할을 이해하고 활용하기: SEO 최적화 전략 

예를 들어,  티스토리 블로그에서 여행에 관한 글을 작성한다고 가정해 봅시다. 글에는 다음과 같은 제목과 내용이 포함되어 있습니다.

페이지 제목: "여름휴가 추천 여행지"
본문 제목 1  (h2): "제주도"
본문 제목 2 (h3): "오름 등반하기"
본문 내용: "제주도의 오름은...."

여기서 페이지 제목은 제목 입력란에 "여름휴가 추천 여행지"를 작성해 주면, 자동으로 h1 태그로 마크업 됩니다. 이후 본문에서 각각의 항목에 대한 제목을 작성하려면, "제주도"라는 제목 1의 경우 h2 태그로 나타내주기 위해 제목 1 스타일을 선택합니다. 그리고 부제목인 "오름 등반하기"는 제목 2 스타일을 사용하여 h3 태그로 구성됩니다. 
 
이렇게 작성한 결과로, 웹 페이지의 구조는 다음과 같이 나타날 것입니다.

<h1> 여름휴가 추천 여행지 </h1>
  <h2> 제주도 </h2>
    <h3> 오름 등반하기 </h3>
      <p> 제주도의 오름은.... </p>

이처럼 티스토리 블로그를 사용하면, 작성자가 본문 작성 시 선택한 제목 스타일에 맞게 자동으로 h 태그가 적용되어 웹 페이지의 구조가 자연스럽게 형성됩니다.
 
이번에는 대제목 아래에 여러 개의 제목 1 (h2)을 사용하는 예시를 들어보겠습니다.
요리 레시피를 소개하는 글을 작성한다고 가정해 볼까요? 글에는 다음과 같은 제목과 내용이 포함되어 있습니다.

페이지 제목: "간단한 요리 레시피 소개"
본문 제목 1A (h2): "토마토 스파게티 만들기"
본문 내용 A: "토마토 스파게티 재료 준비…"
본문 제목 1B (h2): "단호박 샐러드 만들기"
본문 내용 B: "단호박 샐러드 조리 방법…"

여기서 페이지 제목은 제목 입력란에 "간단한 요리 레시피 소개"를 작성해 주면, 자동으로 h1 태그로 마크업 됩니다. 이후 본문에서 각 레시피의 제목을 작성하려면, "토마토 스파게티 만들기"와 "단호박 샐러드 만들기" 모두 제목 1 스타일을 선택하여 h2 태그로 구성됩니다. 이렇게 작성한 결과로, 웹 페이지의 구조는 다음과 같이 나타날 것입니다.

<h1>간단한 요리 레시피 소개 </h1>
  <h2> 토마토 스파게티 만들기 </h2>
    <p> 토마토 스파게티 재료 준비…</p>
  <h2> 단호박 샐러드 만들기 </h2>
    <p> 단호박 샐러드 조리 방법…</p>

이처럼 티스토리 블로그를 사용하면, 본문 작성 시 선택한 제목 스타일에 맞게 자동으로 h 태그가 적용되어 웹 페이지의 구조가 자연스럽게 형성됩니다. 이 경우에도 대제목 아래에 여러 개의 제목 1 스타일을 사용할 수 있어 유연한 구조를 만들 수 있습니다.

[빙으로 창작한 '여러창의 콘텐츠']

본문

그렇다면 본문 1,2,3은? 하고 의구심이 듭니다. 본문은 걱정 마시고 안심하고 사용하셔도 됩니다. 본문 1, 본문 2, 본문 3 스타일은 각각 글씨 크기를 나타내는 포인트와 같으니까요. 그러니, 글자 크기의 형태로만 인식하고 마음에 드는 글자 크기를 선택해 글을 작성할 수 있습니다.
 
하지만 제목은 웹 페이지에서 역할이 매우 중요하지요. 구조와 내용을 명확히 전달하기 위해서는 HTML 태그를 통해 정확한 제목 구조를 사용해 주어야 합니다. 이런 이유로, 글 작성 시 블로그에서 제공하는 제목 스타일을 올바르게 사용하는 것이 중요합니다.

로봇 및 검색 엔진이 웹 페이지의 구조와 내용을 정확하게 인식하여 더 나은 검색 결과를 가져올 수 있는 것이지요. 따라서 본문에서 제목 태그를 작성할 때는 제목 1, 제목 2, 제목 3 스타일을 선택하여 구조를 잘 지켜줘야 합니다.

SEO 최적화는 무엇?

SEO 최적화는 Search Engine Optimization(검색 엔진 최적화)의 약어로, 웹사이트 또는 웹 페이지를 검색 엔진에서 높은 순위로 노출시키는 작업을 의미합니다.

즉, 검색 엔진에서 더 많은 사람들이 웹사이트를 찾을 수 있도록 하는 것입니다. 웹사이트나 블로그의 내용과 구조를 개선하여 검색 엔진(예: 구글, 네이버 등)에서 더 높은 순위로 표시되도록 하는 과정입니다.  SEO 최적화를 통해 웹 페이지는 검색 엔진의 알고리즘에 맞추어 읽기 쉽게 구성되며, 키워드나 표현들이 사용자의 검색 질문에 잘 매칭되도록 합니다. 이렇게 함으로써 검색 결과에 더 높은 위치에 노출되어, 사용자들에게 자신의 웹사이트나 콘텐츠가 더 잘 전달되는 효과를 얻게 됩니다.

즉, 일반적으로 사용자들은 검색 엔진을 통해 웹에서 정보를 찾으면, SEO 최적화는 검색 엔진이 사용자의 검색 질의에 맞는 웹 페이지를 정확하게 찾아내고, 그중에서도 높은 순위에 위치한 페이지를 보여주도록 돕는 것입니다.

SEO 최적화에는 다양한 요소가 포함됩니다. 이는 웹 페이지의 내용, 제목, 메타 태그, URL 구조, 링크 등 다양한 요소들을 최적화하여 검색 엔진이 웹 페이지를 잘 이해하고, 사용자에게 높은 가치를 제공할 수 있도록 하는 작업입니다. 또한, 다른 웹사이트로부터의 링크 수와 품질, 속도 및 모바일 호환성 등도 고려되어야 합니다.

SEO 최적화를 통해 당신의 웹사이트는 검색 결과 페이지에서 상위에 노출될 가능성이 높아지며, 이는 더 많은 유기적인 트래픽과 방문자를 유도할 수 있습니다. 따라서, 온라인 비즈니스나 웹 프로젝트를 운영하는 데 있어서 SEO 최적화는 중요한 전략적 요소가 됩니다.

본문의 '제목'은 태그를 고려하여 작성해야 SEO 최적화형식 완료

결론적으로, 티스토리 블로그에서 본문의 제목 스타일을 사용할 때는 글자 크기뿐만 아니라, 해당 부분의 중요도와 관련된 HTML 태그를 고려하여 작성해야 하는 것이지요. 저 또한 이제야 알게 된 사실입니다. 이 작성법은 웹 페이지의 구조와 내용을 명확하게 전달하고, 검색 엔진이나 로봇이 웹 페이지를 올바르게 인식하기 위한 중요한 요소가 됩니다. 아무리 글을 잘 쓴다고 해도 제목의 순서와 형식에 맞게 쓰여야 좋은 글로 인식이 될 테니까요.

열심히 작성했는데, 이 부분을 몰랐다면 속상하실 겁니다. 그 마음을 공감하기에 저 또한 더 글이 많아지기 전에 수정해 놓긴 했지만, 잦은 수정도 좋지 않다고 하니, 지금부터라도 글 작성 시 제목은 중요한 태그와 직결됨을 명심하고 형식대로 작성하는 것이 중요하겠지요. 지금이라도 인지할 수 있었다는 것에 긍정의 마인드를 품어봅니다.

앞으로 작성하시는 글에서도 탄탄한 포스팅으로 웹상의 집을 설계하시는데  도움 되시는 알찬 시간이었기를 바라며, 작성한 포스팅의 정보와 경험을 나누어 보는 시간을 통해 앎의 힘을 더할 수 있는 원동력이 되셨으면 좋겠습니다.

---

검색엔진 최적화(SEO)에 관심이 있으신 분이라면 이미지 최적화 웹피(WebP) 활용 가이드도 꼭 읽어보시기를 추천합니다.

SEO를 위한 이미지 최적화 - 웹피(WebP) 활용 가이드