블로그 운영자들은 검색엔진 최적화에 신경을 많이 쓸 텐데요. 특히 티스토리는 구글 검색엔진 최적화(SEO)가 필수적인데, 최적화에 필수적인 h1태그 개수 1개로 제거하고 만드는 법에 대해 정리해봅니다.
구글 검색엔진 최적화(seo) h1태그 제거
구글 최적화 요소는 먼저 h태그,이미지 최적화, 알트 최적화 등 여러 가지가 있는데, 이 중에서 가장 기본적인 h태그에 대해 설명해보겠습니다.
h태그는 블로그의 주제가 뭔지 로봇이 판단할수 있는 중요한 키워드인데, 그중에서 블로그 제목에 해당되는 h1이 가장 중요하며, 페이지별로 h1태그가 1개가 있어야 합니다.
빙 웹마스터 도구에서 URL검사를 하다 보면 분명히 충실하게 최적화에 맞게 글을 발행했다고 생각했는데, h1태그가 2개가 발생되었다는 표시와 함께 심각하다는 메시지가 떠서 기분이 좋지 않습니다.
한참을 검색해보고서 본문에는 h1태그를 사용하지 않았고, 제목 밖에 없는데, 한참 지나고 나서 스킨 편집의 html탭을 들어가 보면 블로그 이름, 로고 쪽에 h1태그가 있음을 확인할 수가 있습니다.
티스토리는 문서 상단에 제목란이 h1태그로 해당되며, 본문에서 제목1이 h2, 제목 2가 h3에 해당되는데, 블로그 스킨별로 약간 차이가 있을 수는 있으나, 북클럽이나 웟에버스킨은 동일합니다.
h1 태그 검색 & p태그 변경
- 페이지 소스보기
서두에서 구글 최적화 과정에서 가장 중요한 h1태그는 한 개만 있어야 한다고 강조했습니다. 확인하고자 하는 페이지에 마우스 오른쪽을 클릭하게 되면 "페이지 소스보기"가 있습니다.
영어로 된 복잡한 코드가 화면에 뜨는데, 놀라지 마시고, 우선 키보드 자판에 ctrl+f를 눌리고, 빈칸에, h1태그를 입력하고 검색합니다.
여기서 h1를 입력하면 몇개인지는 확인을 할 수가 있는데, h1태그가 제목 이외에 있는 경우, 블로그명이나 헤드에 있으면 h1태그를 제거해줘서 블로그 제목에 하나만 있도록 해줘야 합니다.
1. 스킨 편집
먼저 내 블로그의 꾸미기 메뉴의 "스킨편집"으로 들어가야 합니다. 우측 화면에 "html 편집"을 마우스로 클릭합니다.
2. 수정할 위치 찾기
ctrl+f를 눌러서 id="header"를 검색합니다. 대략 html창의 각종 인증 코드가 많지 않으면, 행렬로 20~30 사이에 보일 겁니다. 웹에서 스킨 기준인데, 다른 스킨도 대동소이할 것입니다.
<div class=inner>
<h1>
<a href=https://tpybd.tistory.com/>
<s_if_var_logo-image>
<img src= alt=TPY 부동산 탐구>
</s_if_var_logo-image>
<s_not_var_logo-image>
TPY 부동산 탐구
</s_not_var_logo-image>
</a>
</h1>
이곳을 보면 h1태그가 보이는데, 이것을 삭제해도 되지만 그러면 블로그 이름 글자가 기본적인 사이즈로 보이므로, 작게 보일 것입니다.
이것을 화면 아래에 보이는 것처럼 CSS 창의 h1사이즈로 변경해주면 동일하게 변경하는 효과가 있습니다.
아래는 html 창에서 h태그에서 p태그로 변경한 모습입니다..
<div class=inner>
<p style="font-size:1.6875em; color:#000; padding:15px 0 5px 0;">
<a href=https://tpybd.tistory.com/>
<s_if_var_logo-image>
<img src= alt=TPY 부동산 탐구>
</s_if_var_logo-image>
<s_not_var_logo-image>
TPY 부동산 탐구
</s_not_var_logo-image>
</a>
</p>
h1태그를 p태그로 수정한 화면입니다. p 태그 스타일 한줄의 의미는 글자 색상은 검은색이며, 여백은 위 15픽셀이고, 아래가 5픽셀이 된다는 의미입니다.
빙 웹마스트 도구 검사방법(h1태그 개수)
수정을 한 후에 빙 웹마스터 도구에 로그인 한후에 접속해서, 티스토리 블로그를 먼저 지정하고, 첫번째 "URL검사"를 클릭하고, 두번째로 검사할 "블로그 페이지 주소"를 복사해서 붙여 넣고, 세번째 "라이브 URL"을 마우스로 눌러줍니다.
라이브URL 검사를 하면 붉은 점선박스에 이미지 알트 태그에 오류가 있다는 문구만 표시되고, 더이상 H1태그에 대한 오류 문구는 보이지 않습니다.