2개 이상 h1태그, 페이지에 <h1> 태그가 여러 개 있습니다.
빙 웹마스터 도구는 SEO 보고서라는걸 제공하는데요
seo 보고서에서 페이지에 <h1> 태그가 여러 개 있습니다. 라는 오류가 발생하는걸 발견했습니다.
해결방법을 보니 다음과 같이 나왔습니다.
권장 작업
하나의 <h1> 태그만 존재하도록 페이지 소스에서 중복하는 <h1> 태그를 제거하세요.
이 페이지들에는 2개 이상의 <h1> 태그가 있습니다. 다수의 <h1> 헤더 태그는 검색 엔진 봇과 웹 사이트 사용자에게 혼란을 줄 수 있습니다. 페이지당 하나의 <h1> 태그만 사용하는 것이 좋습니다.
h1태그 오류는 나의 블로그 이름과 글제목이 모두 h1태그로 분류되어
두 개의 h1태그가 존재하기 때문에 생기는 오류입니다.
구글이나 네이버 다음 등에서 사용하는 검색로봇은 h1 -> h2 -> h3 순서대로 글을 읽어나가게 됩니다.
글의 제목이 h1
본문의 제목1이 h2
제목2가 h3
제목3이 h4가 됩니다.
검색로봇은 h1부터 글을 읽기 시작하여 포스팅의 주제를 파악하는데요
시작점이 되는 h1 태그가 2개 이상이면 검색로봇이 포스팅의 주제를 제대로 파악하기 어렵고 구글에서 검색 순위가 뒤로 밀릴 수 있습니다.
게다가 2개 이상의 h1태그는 검색로봇이 홍보, 광고성 게시글로 생각하여 검색 순위를 뒤로 미뤄버릴 수 있습니다.
이와 같은 문제를 해결하기 위해선 내 블로그 이름을 h1태그가 아닌 다른 것으로 바꿔주면 됩니다.
블로그 이름을 h1태그에서 p태그로 바꾸기.
저는 북클럽(Book Club)스킨을 사용중이니 북클럽 스킨 기준으로 설명하겠습니다.
다른 스킨도 수정할 부분은 같으니 똑같이 수정하면 됩니다.
1. 블로그관리 홈(본인 티스토리에서 q누르기) - 스킨편집 - html 편집
2. html 편집에서 3시간전 을 찾아서 위아래의 <h1>과 </h1>을 <p>과 </p) 으로 변경
3. CSS의 #header h1을 #header p로 변경
p로 변경시 헤더의 h1을 p로 바꿔줘야 블로그 이름이 작아지지 않습니다.
위 과정에서 css 수정을 하지 않으면 왼쪽 화면처럼 내 블로그의 제목이 작게 나옵니다.
html을 수정 후 CSS수정을 해줘서 블로그 외형은 똑같이 하고 h1 태그를 없앨 수 있습니다.
포스터, Poster 스킨기준으로도 설명해보겠습니다.
마찬가지로 3시간전 를 찾습니다.
poster 스킨은 위아래가 아니고 앞뒤로 h1이 있는데요
<h1>을 <p>로 </h1>을 </p>로 변경해줍니다.
다음엔 CSS로 이동해서 #header h1를 찾아서 h1을 p로 변경해줍니다.
css까지 바꿔줘야 블로그 제목 글자 크기가 줄어들지 않습니다.