본문 바로가기
블로그

티스토리 h1 태그 중복(여러개) 문제 해결법

by 파워포인터리 2023. 4. 10.

해당 블로그에서 발행되는 콘텐츠 중 일부 글에는 제휴 및 홍보 관련 링크가 포함될 수 있으며, 파트너스 활동의 일환으로 일정액의 수수료를 받을 수 있습니다.

 

 

빙웨마스터 도구의 SEO보고서에서 "페이지에 h1태그가 여러 개 있습니다."라는 문구가 떠서 당황하시는 분들이라면 금일 포스팅하는 내용을 주목해 주시길 바랍니다. 그럼 티스토리 h1태그 중복 문제 해결하는 방법에 대한 포스팅 시작합니다. 

 

빙-웹마스터-도구에서-등장한-h1-태그-중복-오류
빙 웹마스터 도구에서 등장한 h1 태그 중복 오류

1. 개요

저처럼 html에 대하여 무지한 초보 블로거의 경우에는 h1태그를 넣을 줄 조차도 모릅니다. 다만 그냥 글을 쓸 뿐입니다. 그런데 위와 같은 오류 때문에 당황스럽습니다. 이럴 경우는 대부분이 블로그 이름(타이틀)에서 쓰인 h1태그와 포스팅 제목의 h1태그가 중복되어 발생합니다. 그래서 여러 해결방법 중 앞서 설명한 해결책만 소개해드립니다.

2. 티스토리 html 수정하기

 

  • 먼저 [블로그관리 > 스킨편집 > html편집]으로 들어갑니다.
  • html 편집창이 뜨면 아무곳이나 클릭한 후, Ctrl+F를 눌러 찾기 검색 입력창을 띄웁니다.
  • 찾아야 할 단어인 h1을 입력하여, title을 가운데로 위아래에 위치한 h1 2개가 뜨는 페이지로 이동합니다. 

html에서-h1을-검색하여-찾은-결과-페이지
html 에서 h1을 검색하여 위 페이지를 찾아준다.

  • 이제 h1 2개를 p로 변경시켜 준 후 적용을 눌러줍니다.
  • 그리고 옆쪽의 새로고침을 눌러줍니다.

html-수정으로-타이틀-폰트가-작아진-모습
html 수정으로 타이틀 폰트가 작아진 모습

그러면 위와 같이 블로그 이름(타이틀)이 작아진 것을 확인할 수 있습니다. 이제 CSS를 수정하여 타이틀을 정상적으로 만들어줍니다.

 

3. 티스토리 CSS 수정하기

 

CSS로-들어가는-방법을-알수있는-사진
CSS를 눌러 다시 수정해줄 필요가 있다.

 

  • HTML 옆의 CSS를 눌러줍니다.
  • Ctrl+F 를 눌러 h1을 찾아줍니다. 

CSS에서-H1을-검색하여-나오는-페이지의 모습
찾기를 통해 위 페이지를 찾아줍니다.

  • 위 사진과 같은 h1 3개를 찾으셨다면, 모두 p로 변경하여 줍니다.
  • 그리고 적용을 한 뒤 새 로고침하여 정상적으로 블로그 이름(타이틀)이 변경되는지 확인합니다.

 

4. 글을 마치며

위와 같이 변경했다면 빙웹마스터에서 SEO 보고서에 반영되기까지 기다려줍니다. 시간이 지나 h1태그 중복 오류가 없어졌다면 제목과 포스팅의 h1태그가 충돌했던 것이 맞는 것이고 위 방법으로 해결이 된 것이라 생각하면 됩니다. 만약 위 방법으로도 해결되지 않는다면, 개별 페이지나 방명록, 공지사항 등 다른 경로에서 충돌이 있는지 확인해보아야 합니다. 

 

이상으로 티스토리 h1태그 중복(페이지에 h1태그가 여러 개 있습니다.)으로 당황하셨던 분들에게 좋은 해결책이 되었기를 바랍니다. 

댓글