블로그스팟 H태그 위치가 중요한 이유
구글 콘솔과 빙에서 오류가 뜬다.
이전에 블로그스팟 목차 오류 해결 방법에 대해서 포스팅을 했었는데요. 그 문제 해결에 필요할 수도 있는 H태그 위치 확인하는 방법에 대해 올려보려고 해요. H태그 저는 참 복잡고 어려워서 초기에 몇 번 알아보다가 손 놓고 있었는데요.
이게 구글 콘솔 오류에도 나오고 빙에서도 메시지가 계속 떠있고 하니까 도저히 그냥 둘 수가 없더라고요. SEO에도 그렇게 영향을 준다고도 하니 찜찜하기도 하고요. 수익창출을 하려면 글이 노출되어야 하고 노출하려면 색인이 되어야 하니 그냥 두는 것보단 이참에 해결하려고 알아봤습니다.
제목에 H1 태그가 없으면 인식이 늦다.
우리가 글을 적을 때 첫 번째로 입력하는 제목은 무조건 H1 태그가 들어가야 구글 로봇이 그 글에 대한 인식을 잘 한다고 합니다. 만약 H1이 없다면 로봇은 주제가 무엇인지 어떤 내용에 관한 것인지 인식이 늦어 색인도 늦거나 잘 안되는 수도 있다더라고요. 빙에서도 계속 메시지가 뜨는 걸 보면 구글뿐 아니라 검색엔진이 다 그런 것 같습니다.
블로그스팟 H1의 위치를 모르는 게 문제
나름대로 찾아본다고 게시물 HTML을 찾아봤으나 본문은 확인이 되는데 제목은 HTML이 안 보이니 H1이 어디에 어떻게 되어 있는지 알 수가 없더라고요. 그렇게 한동안 헤매다가 아예 H태그 위치 확인하는 방법 자체를 알아내어서 해결을 했습니다. 이거 덕분에 목차 오류가 뜨던 문제까지 저절로 해결이 되었고요.
블로그스팟 모든 H태그 위치 확인하는 방법
제목과 본문의 H태그 위치 확인하는 방법
- 블로그에 마우스 우클릭 금지 설정이 되어 있다면 해제를 한다.
- 아무 게시물이나 들어가서 미리 보기 창을 띄운다.
- 미리보기 창에서 마우스 우클릭을 한다.
- 프레임 출처 보기 클릭
- HTML 창에서 제목을 찾고 처음과 시작에 어떤 태그가 적용되었는지 확인한다.
제목의 위치를 찾기 어렵다면 CTRL + F를 동시에 눌러 검색 창을 띄우고 검색하면 금방 찾습니다.
또 다른 방법
- 게시물 페이지를 열고 키보드 F12를 클릭하면 이미지처럼 개발자 메뉴가 뜬다.
- 창 모양이 각자 다를 수가 있으므로 이미지의 1번 모양을 찾아 클릭한다.
- H 태그를 확인하고 싶은 곳에 마우스를 올리기만 한다.(클릭X)
- 이미지의 2번, 3번과 같이 해당 위치의 태그를 볼 수 있다.
이 방법은 잘 모르면 굉장히 어려워 보이나 알고 나면 제일 쉽고 편한 방법입니다. H 태그뿐만 아니라 내 블로그에 적용된 스타일이나 세팅도 확인할 수 있고요. 알아 놓으시면 앞으로 다른 문제에도 도움이 되는 방법입니다.
추천하는 방법
두 번째 방법이 어려워 보인다면 처음의 방법으로 찾으시는 걸 추천드리고, 어렵지 않고 가능해 보이시면 무조건 두 번째 방법을 추천드립니다.
만약 내 블로그의 제목이 H1이 아닌 H2나 H3 등 다른 것으로 되어 있거나 H1의 중복이 있다면 테마의 HTML로 들어가서 수정을 해줘야 하는데요.
두 번째 방법을 알아 놓으시면 H1이 어느 위치에서 중복이 되었는지, 어디로 가서 수정을 해줘야 하는지 그 위치까지도 찾을 수 있습니다.
블로그스팟 VTrick 테마와 Fiksioner 테마
제가 쓰고 있는 VTrick 테마와 Fiksioner 테마는 애초에 H1 ~ H4까지 순서가 잘 적용되어 있기에 따로 건드릴 필요는 없었습니다. 이 테마 사용하시는 분들은 참고하시면 되겠습니다. 모두 H태그 잘 적용하시기 바랍니다.