본문 바로가기
카테고리 없음

Bing SEO 보고서, 페이지에 <h1> 태그 중복

by 티스공부 2023. 2. 3.

SEO 오류 확인

여러 검색엔진에 블로그를 등록하다 보니 마이크로소프트 bing에도 블로그를 등록하게 되었습니다. Bing Webmaster Tools에서 블로그를 등록하는데 SEO 보고서를 확인해 보니 " 페이지에 <h1> 태그가 여러 개 있습니다." 라는 오류를 확인하게 되었습니다.

 

H 태그가 뭔가요?

블로그 글을 쓸 때, 특히 티스토리로 글을 쓰게 되면 본문에 소제목을 쓰게 되는데요. 티스토리에서는 본문1, 본문2, 본문3 이렇게 제목을 설정하도록 되어 있습니다. 제목1은 <h2>,제목2는 <h3>, 제목3은 <h4> 로 미리 설정이 되어 있습니다. 그럼 <h1>은요? 글제목이 <h1> 입니다.

<h>태그는 단순히 가독성을 위한 것이 아니라 검색엔진이 글을 읽어서 가져갈 때 <h> 번호대로 가져가게 하는 역할을 합니다. <h>순서가 뒤죽박죽이면  글에 오류가 있다고 판단하고 그만큼 그 검색엔진에서 노출이 잘 안되겠네요. 그리고 무엇보다 <h1>이 2개이면 검색엔진은 글이 특히 이상하다고 판단합니다.

 

 

페이지에<h1>태그가 여러개 있다는 오류?

<h1> 태그가 여러개 있다면 검색엔진에서 이상하게 판단해서 노출이 안될텐데요. 왜 그런거지요?

티스토리 상에서 블로그 이름과 제목이 <h1>으로 설정되어서 그렇습니다. 즉, "Tistory 공부하기"라는 블로그 이름도 <h1>, "Bing SEO 보고서, 페이지에 <h1> 태그 중복" 이라는 제목도 <h1> 이라서 그렇습니다. 

 

블로그 이름에 <h1>을 없애 주면 오류가 해결됩니다.

 

블로그 관리 > 스킨편집 > html 편집 으로 이동합니다.

html 탭에서 "header id"로 검색한 다음, 아래에 있는 h1을 p로 변경하고 적용을 클릭합니다.

티스토리 헤더에 h1태그헤더의 h1태그를 p로 변경

 

그리고 css 탭으로 이동합니다. header h1으로 검색해서 아래 3개의 h1을 p로 변경합니다.

 

css 헤더 h1css 헤더 h1을 p로 변경

이후 적용하기를 클릭합니다. 

 

각 소제목 순서

티스토리에서는 제목1, 제목2, 제목3 순으로 글자크기가 작아집니다. 하지만 동일한 소제목의 글자크기를 갖게하고 그보다 더 작은 소제목은 본문1, 본문2, 본문3으로 대체하면 될 것 같습니다.


<h1>Bing SEO 보고서, 페이지에 <h1> 태그 중복

<h2>SEO 오류 확인

      여러 검색엔진에 블로그를~

<h3>H 태그가 뭔가요?

      블로그 글을 쓸 때, 특히~

<h4>페이지에<h1>태그가 여러개 있다는 오류?

      태그가 여러개 있다면~

<h5>각 소제목 글자크기 동일화

      티스토리에서는~


 

이렇게 적고 각 소제목 밑에 강조하고 싶은 부분은 본문1, 본문2, 본문3으로 글자크기와 색깔로 표시하면 좋을 것 같네요.

글을 쓸 때 <h2>, <h3>, <h2>, <h3> 이렇게 쓰는 것은 괜찮지만 <h4>, <h2>, <h3> 이런 순서는 검색엔진에게 혼란을 줍니다. 

 

각 소제목 폰트크기

 

그리고 <h>태그는 <h6>까지 구분한다고 합니다. CSS에서 Entry Content를 검색합니다. <h1>부분은 그대로 두고 h2부터 font-size를 1.35em으로 동일하게 설정합니다. 폰트 사이즈는 각자 원하는대로 지정하면 됩니다. 그리고 <h5><h6>을 추가해 줍니다. 그러면 제목4가 <h5>, 제목5가 <h6>이 됩니다. 그리고 적용을 클릭합니다. 

 

entry content h태그 폰트 사이즈변경

 

 

#h1태그중복, #h1태그오류 #h태그수정

댓글