정보/티스토리_IT_정보

티스토리 제목에 h1태그 적용하기

샥 shark 2023. 3. 21. 13:17
반응형

H태그의 중요성을 이해하고 h1태그를 적용하기

 

<h1>과 </h1>은 HTML의 태그(tag) 중 하나로, 대제목(heading)을 나타내는 태그입니다.

<h1>은 대제목을 시작하는 태그 </h1>은 대제목의 을 표시하는 태그입니다.

 

이 글에서는 h1태그는 제목인 "티스토리 제목에 h1태그 적용하기"입니다.

 

H1 태그를 하면 좋은 점은?

Google은 웹 페이지의 콘텐츠를 이해하고 적절하게 분류하기 위해 HTML의 다양한 태그를 사용합니다. 그중에서도 <h> 태그는 웹 페이지의 구조와 콘텐츠를 이해하는 데 중요한 역할을 합니다.

 

Google은 검색 알고리즘을 통해 웹 페이지의 콘텐츠를 분석하고 검색 결과를 생성합니다. 이때, 페이지의 제목과 제목의 수준, 즉 <h> 태그의 사용 여부와 수준 등도 검색 결과에 영향을 미칩니다. 따라서, <h> 태그를 적절하게 사용하면 검색 결과에 노출되는 키워드와 관련성이 높아질 가능성이 높아집니다.

 

h1, h2, h3.. 등 h태그는 제목의 수준을 나타냅니다. 예를 들어, <h1> 태그는 가장 상위 수준의 제목으로 사용되며, <h2> 태그는 <h1> 태그보다 하위 수준의 제목입니다. 이와 같이 <h3> ~ <h6> 태그도 각각 하위 수준의 제목을 나타냅니다.

 

h1 태그 적용하는 법

우선 본인글의 h1 태그가 적용되었는지 확인해 보기

  • 본인의 글 하나를 선택 후 우클릭하여 -> 페이지 소스 보기 클릭
  • 컨트롤+F를 눌러 h1태그 검색
  • h1태그 (대제목) 적용되었는지 확인

페이지 소스 보기

 

h1태그가 잘 적용되어 있는지 확인

h1 태그가 적용되어 있지 않다면 적용을 해줘야 합니다.

H1 태그 적용하기

  • 티스토리 블로그 관리 - 스킨편집 클릭
  • html 편집하기
  • 컨트롤+f 누른 후 h1, h1/ 검색
  • h1, h1/ 을 다 div, div/ 로 바꿔주기
  • 변경 후 적용하기 클릭
  • 다시 돌아와서 새로고침 후 위에서 확인했던 방법으로 h1 태그가 적용되었는지 확인

꾸미기-스킨편집 / html 편집 클릭

저는 이미 적용해서 div로 검색을 하긴 했는데 이 글을 보시는 분은 h1, h1/을 검색하시면 됩니다.

컨트롤+F 후 h1검색하기

그 후 모든 h1, h1/을 div, div/로 변경 후 적용해 주세요.

div, div/ 가 적용된 이미지

 

이러면 기초 작업은 끝났습니다! 구글 서치 콘솔도 중요하지만, h1태그 적용을 미리 해서 구글 검색 엔진과 친해지기도 중요하니 번거로우시더라도 블로그 초기에 미리 작업을 해두시면 편해요~

 

구글서치콘솔 등록 방법은 아래 링크(글)를 클릭해 주세요.

[정보/티스토리_IT_정보] - 구글서치콘솔 티스토리 등록, 검색누락해결

반응형