티스토리 h태그 사용법과 폰트사이즈 변경 방법

지난 포스팅에서 티스토리 h태그 개념에 대해서 설명을 하였는데 좀 더 구체적인 내용들과 실용적인 내용들을 넣고 싶어서 쓰게 됐습니다. 추가적으로 본문 폰트사이즈와 h태그 폰트사이즈 변경하는 방법까지 알아보도록 하겠습니다. 이번 포스팅에서는 h태그개념 내용 제외하고 포스팅하였으니 이해가 안 되시면 이전 포스팅을 참고하시면 쉽게 이해가 가실 겁니다. 

 

 

 

 

티스토리 h태그 배치 방법

티스토리 h태그 순서에서 가장 중요한 건 h1입니다. 세부적인 내용에 관해 알고 싶지 않으신 분들은 이거 하나만 기억하시면 됩니다. 하나의 포스팅에서 h1 태그를 꼭 1개만 있어야 하며 h1이 가장 먼저 나와야 한다는 것만 기억하시면 됩니다. 그리고 본문에 소제목은 전체 다 h2로 해도 큰 문제는 없지만 그래도 좀 더 구글 로봇이 포스팅 글을 해석하기 쉽게 하려면 두 가지 정도의 상황에 대해서 보시면 됩니다.

 

• Case 1

 

티스토리 h태그 배치 방법 Case 1

 

소제목이 생기면 순서대로 h2부터 순서대로 만드시면 됩니다. 만약 소제목 안에서 또 분류를 하고 싶다면 구글 로봇이 알아보기 쉽게 저처럼 Case 1 앞에 점 표시를 해서 나눠주시는 것이 좋습니다.

 

• Case 2

 

티스토리 h태그 배치 방법 Case 2

 

무조건 h1부터 순서대로 할 필요는 없습니다. 소제목 문맥에 맞게 위의 사진처럼도 가능합니다. 단 h2를 가장 먼저 사용하셔야 하고 오른쪽 사진처럼 가장 먼저 나온 h보다 더 빠른 숫자가 나오면 안 됩니다.

 

추가적으로 본문 1, 본문 2, 본문 3은 단순히 글자 크기 차이라서 아무거나 사용하셔도 상관없습니다.

 

 

 

추가적인 h태그를 만드는 방법

티스토리 내에서 제목 3 (h4)까지 밖에 제공을 하기 때문에 글을 쓰는 주제에 따라 소제목이 더 늘어날 수 있습니다. 그래서 h5, h6를 추가적으로 만드는 방법에 대해 알아보겠습니다.

 

• h5, h6태그 만드는 법

 

추가적인 h태그를 만드는 방법

 

html 모드로 들어갑니다.

 

추가적인 h태그를 만드는 방법

 

p 부분을 h5, h6으로 바꾸면 간단하게 끝납니다.

 

• h5, h6 폰트사이즈 변경 방법

폰트 사이즈 바꾸는 방법을 혹시 아신다면 단순히 CSS에 가서 바꾸면 될 거라고 생각하지만 티스토리 CSS에서는 h4까지 코드가 제공되어 있어서 추가적으로 CSS 코드를 만들어 주어야 합니다.

 

 

h태그 폰트사이즈 변경 방법

 

우선 티스토리 꾸미기에 스킨편집으로 들어가서 html 편집으로 가시면 다음과 같은 화면이 나옵니다. 거기에 CSS로 들어가시면 됩니다.

 

 

h태그 폰트사이즈 변경 방법

 

Ctrl + F로 Entry Content를 검색해서 2번째에 나오는 곳으로 가시면 다음과 같이 나오는데 사진에서 네모 표시한 부분을 복사하여 그 밑에 바로 붙여 넣어주시고 h4 부분을 h5, h6로 바꿔주시면 끝납니다. 

 

이번 포스팅에서는 티스토리 h태그 사용법과 폰트사이즈 변경에 대해서 포스팅하였습니다. 본문에서 말씀드렸듯이 이번 내용이 어려우시면 이전 포스팅에서 정말 자세하게 설명하였으니 참고해 주시길 바랍니다. 다음 포스팅에서는 북클럽 스킨의 경우 글을 썼을 때 h1 태그가 2개가 발생하는 오류가 생기는데 북클럽 스킨을 사용하신 분들이라면 다음 포스팅 꼭 보시길 바랍니다.

 

<참고할 이전 포스팅>

 

티스토리 h태그 개념과 구글 seo에 도움 되는 내용