오디세이 스킨 편집: H1 태그 바꾸기

H1 태그란?

SEO 최적화를 하는데 있어서 H1은 페이지의 제목 역할을 하기 때문에 고유한 태그로써 하나만 있는 것이 좋습니다. 최근 구글에서는 H1이 꼭 하나일 필요는 없다고 이야기했지만 가능한 웹표준을 맞춰주는게 좋습니다. 아직 Bing의 경우는 H1태그는 하나만 쓰는 것으로 권장하고 있습니다.

 

오디세이 스킨의 H1 태그는 바꿔줄 필요가 있어보입니다.

오디세이 스킨의 H1 태그는 블로그 이름에 붙어 있습니다. Odyssey 스킨은 H1이 블로그 이름에 달려 있고 포스팅 타이틀을 H2로 되어 있는데 이러면 검색 시 H1인 블로그 이름이 포스팅 타이틀로 인지하게 됩니다.

 

예를 들어 '오디세이 스킨 편집' 으로 구글 검색을 하더라도 웹페이지 제목은 'minihong's lifelog'인 상태이므로 웹페이지 제목으로는 검색이 되지 않습니다. 대신에 본문 내 검색으로는 검색이 될 수 있지만 검색 순위에서 밀릴 가능성이 있습니다.

 

가능한 SEO 최적화를 위해 블로그 이름과 포스팅 타이틀의 태그를 바꾸어 주었습니다.

 

h1 태그로 수정 후의 타이틀 모습

 

티스토리 스킨편집 👉 HTML 편집 👉 HTML 탭에서 수정

"title-article"이 들어가는 3곳의 h2 태그를 h1으로 변경하기 (타이틀 태그 수정)

<!-- 이미지가 없는 경우 article-header-noimg -->
    <div class="article-header" thumbnail="<s_article_rep_thumbnail>https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbjQddQ%2FbtrZYSCfdTe%2FeK99FJfOsby5KcvJzVkKek%2Fimg.png</s_article_rep_thumbnail>" style="background-image:url('')">
        <div class="inner-header">
            <div class="box-meta">
                <p class="category">공지사항</p>
                <h1 class="title-article">오디세이 스킨 편집: H1 태그 바꾸기</h1>
                <div class="box-info">
                    <span class="writer">minihong</span>
                    <span class="date">2023. 2. 24. 17:05</span>
                </div>
            </div>
        </div>
    </div>

 

"title-logo"가 들어가는 1곳의 h1 태그를 h2로 변경하기 (블로그 이름 태그 수정)

<h2 class="title-logo">
  <a href="https://minihong.tistory.com/" title="minihong's Lifelog" class="link_logo">
    <s_if_var_logoImage>
      <img src="" class="img_logo" alt="minihong's Lifelog">
    </s_if_var_logoImage>
    <s_not_var_logoImage>
      minihong's Lifelog
    </s_not_var_logoImage>
  </a>
</h2>

 

h1 태그를 블로그 이름으로 한 이유가 있을 지도 모르겠지만 일단 고치고나서 별다른 문제는 없었네요. 태그 수정 후 구글 검색량이 눈에 띄게 바뀌는 지는 지켜봐야할 것 같습니다.

 

---

참고한 블로그 링크

티스토리 구글 노출을 위한 H1 태그 사용방법과 폰트 사이즈 변경 방법

오디세이 스킨 게시글 제목을 h1 태그로 바꾸기