티스토리-Bing Webmaster Tool “2개 이상의 h1 태그” 오류 해결방법

티스토리 게시글 유입을 위해 Bing Webmaster에 게시글 URL 제출하면 SEO형식으로 봤을 때 문제가 되는 ‘2개 이상의 h1 태그’이라는 오류 메시지가 뜨게 됩니다. 이는 우리가 블로그 작성 시 게시글의 제목이 되는 부분이 <h1> 태그로 인식이 되지만 블로그의 이름 또한 <h1>으로 인식이 되기 때문에 이러한 오류가 생기게 됩니다. Bing Webmaster Tool에서 h1 태그 중복 해결방법은 티스토리 html편집에서 “HTML탭”과 “CSS탭”에서 수정합니다.

※ Book Club 스킨 사용 기준.

 

 

[HTML탭] : <h1>,</h1> ▶ <p>, </p>로 수정 ①

먼저, 티스토리 ▶ 스킨편집 ▶ html편집 ▶ HTML에서 <s_t3>를 찾습니다.

◀◀◀으로 표시된 위치의 <h1>,</h1>를 <p>, </p>로 바꾼 뒤, 적용을 시켜줍니다.

 

<s_t3>
<div id="acc-nav">
  <a href="#content">본문 바로가기</a>
</div>
<div id="wrap">
  <header id="header">
    <div class="inner">
      <h1> ◀◀◀ <p>
        <a href="https://e-rs.tistory.com/">
          <s_if_var_logo>
            <img src="" alt="[####]">
          </s_if_var_logo>
          <s_not_var_logo>
            [####]
          </s_not_var_logo>
        </a>
      </h1> ◀◀◀ </p>
      <div class="util">
        <div class="search">
          <s_search>

 

 

[CSS탭] : header h1 ▶ p 로 수정 ②

위에서 변경이 이루어지면 본래의 h1이였던 블로그의 타이틀 글씨가 작아져 버립니다. 이를 보안하기 위해 CSS탭에서 “header h1” 세 군대를 찾아 마찬가지로 h1 부분만 p로 바꾸어 줍니다.

 

#header h1 { ◀◀◀ p
  padding: 23px 0 ;
  font-family: 'Nanum Myeongjo';
  font-weight: 800;
  font-size: 1.75em;
  line-height: 32px;
  letter-spacing: -0.2px;
  color: #333;
}
#header h1 a { ◀◀◀ p
  display: inline-block;
  height: 32px;
  text-decoration: none;
  color: #333;
  vertical-align: top;
}
#header h1 img { ◀◀◀ p
  width: auto;
  height: 32px;
}

 

 

섬네일

 

---

 

티스토리-사이드바 AdSense 광고 적용 방법

 

티스토리-다국어 블로그 언어 선택 번역기 넣기

 

티스토리 – 글 상단으로 가는 아이콘 (탑버튼) 적용방법