h태그는 구글 SEO에 친화적인 상위 노출을 하는 가장 기본적인 요소인데요. 이번 시간에는 h 태그의 올바른 사용 방법 및 주의 사항, 다른 상위 노출 블로그 글의 h태그 확인 방법에 대해서 알아보겠습니다.
h태그
h태그는 html에서 제공하는 ‘Heading’태그로 제목(Heading) 혹은 부제목(Subheading)을 표현합니다. H1부터 H6까지 총 6개의 수준이 있으며, 숫자가 작아질수록 글자 크기가 커집니다.
h태그 올바른 사용법
한 페이지에 하나의 H1 태그만 있어야 합니다. 이는 주로 페이지 제목으로 사용되고, 가장 중요한 정보를 담고 있습니다. 그 아래로는 부제목인 H2 ~ H6 태그들이 단계적으로 위치하게 됩니다.
h태그 중요성
h태그는 검색 엔진이 웹사이트의 주요 내용과 구조를 파악하는데 도움을 줍니다. 따라서 키워드를 포함시킨 h태그의 작성은 더 나은 SEO에 영향을 줍니다.
물론 h태그는 기본으로 깔고 가되 해당 h태그와 관련된 본문의 내용 관련도와 구글 이미지 파일의 변화도 중요합니다.
구글 이미지 용량 줄이기 및 구글이 좋아하는 Webp로의 무료 변환을 원하시면 아래의 버튼을 클릭해주시면 됩니다.
티스토리의 H태그
티스토리에서 제목 1은 위와 같이 H2 태그입니다. 검색할 때 타이틀 제목이 바로 H1 태그 이기 때문에 티스토리에서 편의상 제목 1을 H2로 설정해뒀지만, 실제 초보분들의 경우 H1 태그를 제목1 로 착각하시는 경우가 많지만, 제목1은 H2태그 라고 생각하셔야 합니다.
확인이 필요하시면 html모드로 들어가게 되면 분홍색의 코드 h네이밍을 통해서 확인이 가능합니다. 다음은 h태그 html모드를 통해 변경하는 방법입니다.
티스토리 h태그 html 모드 변경법
위의 화면을 따라 기본모드에서 html을 누르시면 오른쪽 흰색 부분에 순서대로 <h5 </h5> <h6 </h6>로 변경해주시면 되지만, 대체적으로 아주 세부사항을 쓰실 것 아니면 h3, h4로 끝나는 경우가 대부분입니다.
티스토리 h태그 변경 후 모습
다음과 같이 html 모드에서 티스토리 h태그 변경 후에는 왼쪽과 같은 화면이 됩니다. 오른쪽을 보면 h5, p(문단)으로 구성되어 있는 모습을 볼 수 있습니다. 실제 크기도 차이가 있습니다. 이는 워드프레스와 티스토리 모두 각각 CSS를 적용하면 글자 크기를 차별화 시킬 수 있습니다.
h태그 실시간 개수확인법
h태그를 확인하는 방법은 Ctrl + U 를 통해 소스를 파악하는 방법도 있지만, 이는 너무 시간이 많이 걸려 비효율적입니다. 그렇기 때문에 실제 추천 드리는 방법은 아래의 크롬 웹 스토어를 통한 H태그 갯수 및 순서 확인하는 방법을 추천드립니다.
h태그 확인 가능한 크롬 웹 스토어
h태그를 실시간으로 확인 가능한 방법은 다음과 같습니다. 정말 간단한 방법이니 꼭 활용하시기 바랍니다.
이 기능은 크롬으로 실행시켜야 한다는 조건이 있습니다.
- 크롬 웹스토어 실행
- SEO Pro Extension 설치
- 확장 프로그램 실행
빨간색 박스의 SEO Pro Extenstion을 눌러보시고, Headings 란을 보시면 각종 헤딩의 갯수와 헤딩의 순서도 알 수 있기 때문에 여러 SEO 상위 노출을 하는 사이트의 헤딩 구성 방법을 파악할 수 있습니다.
지금까지 H태그 작성 순서, H태그의 중요성 및 H태그 개수를 확인하는 간단한 방법까지 알아보았습니다. h 태그는 구글 SEO에 기본이 되지만 가장 중요합니다. 위의 글을 통해 확실히 익히시길 바라며 글을 마치겠습니다 감사합니다.