이 글에서는 검색엔진 최적화(SEO) 중 발견된 메시지에 "페이지에 다수의 <h1> 태그가 있습니다"에 대한 원인과 해결 방안을 설명합니다.
- 검색엔진 최적화(SEO)에서 <h1> 태그의 의미
- 웹마스터 도구에서 오류 메시지 - 티스토리 블로그
- 티스토리 블로그 오류 메시지 원인 찾기
- 티스토리 블로그 h1 태그 두 개 생성하는 문제 해결하기
검색엔진 최적화(SEO)에서 <h1> 태그의 의미
h1 태그는 HTML 문서에서 제목을 나타내는 태그입니다.
이 태그는 검색 엔진 최적화 (SEO)에서 중요한 역할을 합니다. h1 태그는 페이지의 제목을 정의하며, 해당 페이지의 내용을 간략하게 설명하는 역할을 합니다.
검색 엔진은 웹 페이지의 내용을 분석하면서 h1 태그의 내용을 특별히 강조하여 인식합니다.
즉, h1 태그는 해당 페이지의 주요 내용을 요약하는 역할을 합니다. 따라서 h1 태그에는 페이지의 핵심 키워드를 포함시키는 것이 좋습니다.
하지만, h1 태그를 2개 이상 작성하면 오히려 검색 엔진에서 페이지의 내용이 spam으로 인식되거나 이해하지 못하는 페이지로 인식될 수 있습니다.
따라서 h1 태그는 페이지 내에서 하나의 제목으로 사용하는 것이 좋습니다.
이는 모든 검색엔진(빙 웹마스터 도구, 구글 서치 콘솔, 네이버 서치 어드바이저)이 동일하게 동작하므로 반드시 고려해야합니다.
요약하자면, h1 태그는 검색 엔진 최적화에서 중요한 역할을 하며, 페이지의 핵심 내용을 간략하게 설명하는 역할을 합니다. h1 태그에는 페이지의 주요 키워드를 포함시키는 것이 좋으며, 하나만 사용해야합니다.
웹마스터 도구에서 오류 메시지
저는 티스토리 블로그를 만들고 빙 웹마스터 도구, 구글 서치 콘솔, 네이버 서치 어드바이저, 줌 검색 등록, 다음 검색 등록에 등록을 해 놓았습니다.
위의 사이트들은 모두 각자의 검색엔진을 가지고 있고, 빙 웹마스터 도구, 구글 서치 콘솔, 네이버 서치 어드바이저, 줌 검색 등록, 다음 검색 등록은 각각의 검색엔진을 보유하고 있는 회사에서 유지하는 검색엔진 등록 도구 입니다.
실제로는 티스토리 블로그는 검색엔진들이 크롤링을 하여 찾아가기는 하지만, 등록하지 않는 경우 크롤링에 매우 오랜 시간이 걸릴 수 있습니다. 그래서 등록을 해 주는 것이 좋습니다.
그리고, 각 도구들 중 특히 빙 웹마스터 도구와 구글 서치 콘솔에서는 페이지의 오류가 SEO(검색엔진 최적화)에 적합하지 않은 경우 경고 혹은 오류 메시지를 출력해 줍니다.
구글 검색엔진은 할일이 많아서 그런지 모르겠는데, 크롤링과 등록에 많은 시간이 걸리고 문제를 보고하는데도 오랜 시간이 걸립니다. 물론 색인 생성은 더 오래 걸립니다.
상대적으로 마이크로소프트에서 유지하는 빙 웹마스터 도구는 등록만 하면 짧은 시간내에 크롤링하고 색인을 생성하는데 그리 오래 걸리지 않습니다.
그렇기 때문에 문제 보고도 먼저 해줍니다. 저는 제 티스토리 블로그에 블로그 명을 입력하고 블로그를 개설했습니다. 그리고, 블로그 글을 작성하여 게시하였습니다.
아무런 작업도 하지 않고, 글을 작성하였는데 빙 웹마스터 도구에서 다음과 같은 오류를 확인해 주었습니다.
빙 웹마스터 도구에는 SEO 보고서라는 항목이 있는데, 따로 작업하지 않아도 사이트 등록만 하면 알아서 페이지 색인 만들면서 문제가 있어 보이는 것을 알려줍니다.
티스토리 블로그 오류 메시지 원인 찾기
티스토리 블로그의 SEO 오류 문제 원인을 분석하기 위해서, 티스토리에 가서 해당 게시글 수정을 통해 h1 태그가 두 개가 있는지 확인해 보았습니다.
하지만, 내용에는 전혀 h1 태그를 넣지 않았습니다. 티스토리 블로그는 게시글을 제목에만 h1 태그를 사용하는 것으로 알고 있습니다.
그러므로, 제가 내용에 h1 태그를 사용하지 않았다면 h1 태그가 두 개가 나올리 없다고 생각했습니다.
하지만, 오류는 나타나고 있었습니다. 이 문제를 해결하기 위해서는 빙 웹마스터 도구가 본 페이지와 같은 페이지에서 h1 태그를 찾아보는 방법밖에 없습니다.
그래서, 일단 빙 웹마스터 도구에서 알려준 문제있는 페이지를 브라우저에서 열었습니다.
빙 웹마스터 도구는 이 페이지를 봤을 것이므로 해당 페이지에서 F12를 눌러서 브라우저의 개발자 도구를 열었습니다.
개발자 도구는 아래와 같이 브라우저의 우측에 나타납니다. 여기서 h1 태그를 모두 찾아보기로 하였습니다.
먼저 당연히 제목이 h1 태그로 되어있었습니다.
그런데, 페이지의 제일 처음부터 다시 검색을 해 보니, 위와 같이 h1 태그가 하나가 더 발견되었습니다.
티스토리 블로그 h1 태그 두 개 생성하는 문제 해결하기
저는 티스토리 블로그에서 가장 많이 사용한다는 북클럽 스킨을 사용하였는데, 기본적으로 h1 태그가 두 개 생성된다는 것에 조금 놀라기는 하였습니다.
저는 이 문제를 수정해야하므로, 티스토리 블로그의 헤더에서 제 블로그 제목에 대한 태그를 h2로 수정히기로 결정했습니다.
블로그 제목은 모든 페이지에 나오는 것이고 이 제목이 내용의 의미를 전달하지 못하므로 h1 태그는 게시물의 제목이 되어야 SEO에 좋습니다.
그러므로, 블로그 제목을 h2 태그로 변경합니다.
티스토리 관리 페이지에가서 스킨편집 > html 편집으로 이동합니다.
티스토리 관리 > 스킨 편집 > html 편집
이제 여기서 h1 태그를 찾았습니다. h1 태그를 찾으니 <header>의 <div class="inner">바로 아래에 위치에 있었습니다. ##_title_##이 내 블로그 이름으로 변경되어 나타납니다.
그래서 다음과 같이 h1 태그를 h2 태그로 변경해 주었습니다.
티스토리 블로그를 시작하실 때 위의 문제는 심각할 수 있으니 참고해서 다른 분들은 문제 없으셨으면 좋겠습니다.