구글 블로그 스팟 에센셜 테마는 포스팅 제목이 h3 로 설정되어 있습니다. 검색엔진이 우리 글을 평가하는 기준인 SEO에서 h태그의 순서를 지키는 것은 중요한 일입니다. 이 글에서는 블로그스팟 에센셜 테마의 포스팅 제목을 h3에서 h1으로 수정하는 법과 소제목h3 의 폰트 사이즈 변경하는 방법을 자세히 알려드리겠습니다. 


구글 블로그 스팟 에센셜 테마 수정

h태그를 수정하거나 폰트 사이즈를 수정하려면 HTML편집기에서 해야합니다. google blogger의 에센셜 테마에서 html 수정하는 경로는 아래와 같습니다. 

google-blogger-essential-theme

테마 >  맞춤 - 드롭다운 박스 > html 편집 선택 


HTML 편집창

google-blogger-essential-theme-수정방법
사진을 클릭하시면 확대해서 보실 수 있습니다. 

Ctrl키 + F 를 눌러서 필요한 검색어를 찾고 수정이 필요한 내용을 바꾸고 저장하면 적용이 됩니다. 



1. 포스팅 제목 h3를 h1으로 바꾸는 법 

검색어 => h3 class='post-title entry-title

위에 문구를 넣고 검색하세요. 

구글-블로그스팟-에센셜-포스팅제목-h3-h1
사진을 누르면 더 크게 보실 수 있어요. 

3541에 있는 h3와 3547에 있는 h3를 둘 다 h1으로 바꾸시면 됩니다. 

바꾸고 오른쪽 상단에 저장 버튼을 눌러주세요. 
 
구글-블로그-스팟-에센셜-포스팅제목-h3-h1



발행된 글 페이지로 가서 F12키를 누르고 검사해보시면 포스팅 제목이 h1 태그로 바뀐것을 확인하실 수 있습니다. 

블로그스팟-에센셜-포스팅제목-h태그
h3에서 h1으로 바뀐 것을 확인해보실 수 있습니다. 


에센셜 테마 H1 2개 

그런데 한 가지 문제가 남았습니다. 포스팅제목을 h1으로 바꿨더니 한 화면에 보이는 h1이 2개가 된 것입니다. 바로 블로그이름이 h1인거죠. 솔직히 말씀드리면 블로그이름 h1을 p로 바꾸는 방법을 아직 못 찾았습니다. 사실 적극적으로 찾지 않기도 했습니다. 왜냐하면...


경험상 수익에는...

사실 어찌보면 h태그는 수익과는 크게 관련이 없어보이기도 합니다. 제 티스토리 블로그는 북클럽 스킨을 썼는데 글을 500개 넘게 쓸 때까지 h1이 두개라는 사실을 몰랐습니다. 블로그 제목도 h1, 포스팅 제목도 h1이었습니다. 근데 하루에 5천명 넘게 잘 들어오고 수익에도 딱히 지장이 없는 것 같아서 그걸 안 이후에도 안 고쳤습니다. 

그래도 혹시 에센셜 테마 블로그이름의 h1을 p로 바꾸는 방법을 아시는 분은 댓글에 방법이나 링크를 남겨주시면 감사하겠습니다.



2. 본문 소제목 h3 폰트 사이즈 키우는 법

검색어 =>  h3{

에센셜 테마의 소제목 h3 는 폰트 사이즈가 16px 입니다. 본문 폰트 사이즈가 15px인데 소제목 폰트 사이즈와 단 1px 밖에 차이가 안 납니다.  

구글-블로그스팟-h3-폰트-사이즈-변경


본문보다 작은 소제목?  

저는 본문 폰트 사이즈를 17~18px 이상으로 키워서 쓰는걸 좋아하는데 본문 폰트 크기를 늘리면 소제목 폰트 사이즈가 더 작아보이는 기현상이 일어나죠. 실제로 h3 폰트 사이즈 키울줄을 몰라서 몇몇 포스팅은 그대로 냅뒀던 시기도 있습니다. 하지만 너무 거슬려서 결국엔 바꾸는 방법을 찾아냈습니다. 

에센셜테마-h3-폰트사이즈-바꾸기


테마 >  HTML편집 >  [ctrl + F] 검색어에 h3{ 입력 > 폰트 사이즈 16을 21로 변경 후 저장

html 편집창으로 가셔서 ctrl + F를 누르고 검색창에 ‘h3{’ 를 입력하세요. 이 특수부호 있고 없고 차이가 검색에 큰 영향을 끼치더라구요. 사실 전 코딩이나 개발쪽과 관련없는 일을 해서 왜 검색이 잘되고 안되는지 설명드릴 지식은 없지만 잘 못 찾으시겠으면 왼쪽 숫자 중 1449 줄을 찾아가시라고는 안내해드릴 수 있습니다. 


확실히 사이즈가 커진 h3 소제목 폰트 

블로그스팟-h3-폰트사이즈-변경-완료

바꾸기 전의 16보다는 확실히 커진걸 볼 수 있습니다. 명색이 소제목인데 본문 폰트 사이즈랑 너무 똑같으면 안되지요. 

이제야 속이 시원해지는군요. 구글 블로그 10개 정도 개설하고 테마를 입맛대로 꽤 바꿔본 편인데도 에센셜 테마의 html에서는 검색이 잘 안돼서 시간을 꽤나 썼습니다.


에센셜 테마 본문 폰트 컬러 바꾸는 법  

다음으로는 에센셜 테마를 설치하면 가장 마음에 안드는 점을 바꾸는 방법을 알려드릴게요. 바로 너무 작고 컬러도 연한 본문 폰트 사이즈와 컬러를 바꿔보겠습니다. 

이 시리즈가 인기 있다면 에센셜 테마를 조금 더 심플하고 간단하게 보이게 만드는 제가 아는 모든 html / css 지식을 풀겠습니다.