구글 블로그를 시작한다면 고려할 점이 있습니다. 어떤 테마(디자인)에서 시작하면 좋을 지에 대한 부분입니다. 블로그 성공은 글 내용 뿐만 아니라 광고 수익화를 목표로 하는 경우, 블로그 로딩 속도 또한 매우 중요한 요소로 작용하게 됩니다. Blogger 테마 선택에 따라 seo에 도움되는 게시물 제목은 h1으로 설정되었는지와 구글 블로그에서 제공하는 무료 테마 중 로딩 속도가 빠른 테마를 선택하고 게시물 제목 태그 설정에 확인이 중요합니다. 이 글에서는, 이런 테마 선택의 중요성과 특히 'Essential Light(에센셜 라이트)' 선택과 적용 방법에 대해 살펴봅니다.
1. 구글 블로그 테마 선택 시 고려할 점
자신의 글이 인터넷에 노출되어 광고 수익화하기 좋은 블로그를 설정하려면, 자신의 블로그 테마가 속도에 영향을 미쳐서는 수익화에 도움이 되지 않습니다. 따라서 속도가 잘 나오는 테마 설정이 중요합니다.
블로그를 시작한다면, 속도가 잘나오는 테마를 선택해서 좀 익숙해지면 테마 변경을 추천합니다. 구글에서 제공하는 PageSpeed insights를 통해 확인해 보면 기본으로 제공해주는 테마중 속도* 면에서 모바일 페이지 로딩 속도와 PC에서 보여지는 페이지 로딩 속도를 구분하여 체크할 수 있습니다.
* 블로그 등 웹사이트 주소를 통해 인터넷으로 접속시 보여지고 글과 이미지 등이 보여지는 시간을 말함.
블로그를 시작하는 사람들은 고민없이 Essential light를 선택해서 글을 쌓아가고 애드센스 승인 신청 후 승인 되면 원하는 디자인으로 차차 꾸며 가시는 게 시간 절약에 도움될 것이라 생각됩니다.
2. Essential Light 테마 적용하는 법
글쓰기 시작하기 전부터 디자인 꾸미기에 시간 뺏기지 마시고, 로딩 속도 빠른 테마 입혀서 글쓰기 먼저 쌓아가시길 바랍니다. 글이 쌓이고 애드센스(adsense) 승인나면 그때 꾸미기해도 늦지 않습니다. 테마 적용하는 법은 다음과 같습니다.
테마(스킨) 적용 방법은, 자신의 구글 블로그에 로그인하면 좌측 하단에 롤러 아이콘의 테마 카테고리가 있습니다. 만약 찾을 수 없다면, 좌측상단 삼선을 누르면 메뉴가 활성화되어 테마 카테고리를 찾을 수 있습니다. 테마를 클릭하면 기본으로 제공하는 테마를 선택할 수 있는데, 위에서 밑으로 Contempo 테마를 지나 Light, Dark, Pink, Aqua, Flamingo 등을 볼 수 있고 밑으로 더 내려가면 Soho, Emporio, Notable를 지 Essential Light를 찾을 수 있습니다.
3. 에센셜 테마 선택 시 HTML 설정 변경 필요
3-1. HTML(Hyper Text Markup Language)
우리가 인터넷상에서 보여지는 웹페이지들은 HTML 마크업 언로 작성되었는데, 우리는 html 구조를 모르더라도 한글 문서에 글을 쓰듯이 글을 쓰게 되면 글쓰기 작업 도구에 의해 자동으로 HTML 마크업 언어로 변환시켜 주기 때문에 컴퓨터 언어를 모르더라도 걱정하지 않아도 됩니다
3-2. SEO(Search Engine Optimization)
차후 자세히 다루겠지만 SEO란 웹사이트, 웹페이지 등을 검색 엔진이 찾기 쉬운 구조화를 말합니다. html 구조화된 콘텐츠(페이지)는 검색 엔진이 쉽게 이해해서 검색 사용자들에게 찾아 주는 확률을 높이게 됩니다. 그래서 자신이 쓴 글이 검색엔진이 찾아 낼 수 있게 색인되었는지 확인 하는 것입니다.
또한 게시글에 대한 제목은 하나입니다. html 구조 상 게시물에 대한 제목이 "안녕하세요"일 경우 <h1>"안녕하세요"</h1> 형식으로 표현됩니다. 따라서 구조화된 글에 최적화된 부분 중 하나가 게시물 제목으로 사용되는 h1코드가 하나여야 한다는 점이고 글 내용에 사용되는 <h2>1. 서론</h2>, <h2>2. 본론</h2>, <h2>3. 결론</h2> 소제목 들은 여러개라도 상관이 없는 것입니다.
하나의 게시물에 게시물 제목이 여러 개이면 검색엔진이 콘텐츠를 이해하는데 어려움을 겪게 될수 있기 때문에 seo최적화 문제를 최소화 하려면 이를 수정해야 합니다.
이 Essential Light테마를 만든 사람이 게시물 제목을 h3으로 설정했기 때문에 이를 h1으로 바꿔줄 것입니다. 수정 방법은 다음과 같습니다.
맞춤설정 옆 역세모를 누르면 HTML 편집으로 들어갈 수 있습니다.
3500번대 행에 <h3 class='post-title entry-title'>게시물 제목 코드를 발견할 수 있습니다.
이를 h3 → h1으로 변경해주시면 됩니다. <h1 class='post-title entry-title'> 이렇게 변경하면 아래 </h3>도 수정하라고 빨간색 글자로 표시됩니다.