h태그의 중요성 폰트크기변경

구글 로봇은 h1 태그가 두 개 있으면 제목이 두 개 있는 것으로 보고 이 블로그 포스팅의 주제가 무엇인지 무엇을 말하는지 헷갈리고 좋은 포스팅으로 보지 않고 걸러지게 될 수도 있다 그렇기 때문에 h1 태그는 한 개만 설정하는 게 중요하고 h2 h3 h4 태그를 순서대로 써주는 게 좋다 

 

h태그는 왜 중요한가

h태그는 구글 로봇이 포스팅을 볼 때 가장 먼저 보는 부분으로 이 포스팅에서 전달하고자 하는 정보를 압축한 제목이라고 할 수 있다 그렇기 때문에 정확한 전달력을 가진 h태그가 필요하며 지정된 장소에 지정된 순서로 사용해주는 게 좋다 티스토리 블로그 포스팅으로 예를 들면 제목이 h1 태그로 자동 설정된다 때문에 h1 태그는 따로 설정할 필요 없이 내가 전달하고자 하는 내용의 제목을 가장 위 제목에 적어주면 된다 그 아래로 h2 h3 h4 태그를 사용해서 h1 제목에 대한 내용에 대해서 더 상세하고 정확한 정보를 전달할 수 있다 h2 태그를 사용하는 방법은 간단하다 소제목을 정하고 드래그한 후 왼쪽 상단에 있는 본문 2를 클릭하고 제목 1을 선택하면 된다 제목 1이라고 해서 h1 태그가 아닌 h2태그가 적용되게 된다 제목 2는 h3 제목 3은 h4 태그이다 

 

h2~h4 태그 글자 크기 같게 변경하기

h2~h4까지 글자 크기를 적용해 보면 알겠지만 설정 전에는 글자 크기가 점점 작아지게 세팅이 되어 있어 h4 태그는 본문 글과 크기가 거의 비슷하여 구분이 되지 않아 가독성이 떨어진다 때문에 소제목 역할을 해주는 h2~h4 태그는 글씨 크기를 같게 해 줘야 보기도 좋고 로봇에게도 순서대로 전달이 되어 seo에 적용이 되게 된다

• 티스토리 관리 스킨 편집

티스토리 관리 꾸미기 스킨편집

• html 편집

html 편집

• css 클릭 후 entry content 드래그하고

• ctrl + f 누르고 드래그 풀고 엔터 하면 h1 h2 h3 h4 있는데 h1은 제목이기 때문에 변경하지 않고 h2~h4 폰트 사이즈를 같은 사이즈로 조정하면 됨 1.34 적용 h4 아래 보면 p 있는데 이게 본문 글자 크기 가독성이 좋게 기본보다 약간 크게 해 주는 것이 좋다 기본 0.9375 > 1.21 적용 이런 식으로 본인이 원하는 사이즈로 변경 가능하다

h태그 사이즈 변경

이렇게 간단하게 h태그와 본문의 글자 사이즈 변경함으로써 seo와 가독성 두 마리 토끼를 잡을 수 있다