블로그스팟 기본 테마 글 제목 h1 태그 확인, 변경 방법

오늘은 구글 블로그 (블로그스팟 :: Blogger) 기본 테마 중에서 글 제목이 h1이 아닌 h3 태그로 되어있는 경우의 예시를 들어 확인 및 변경하는 방법에 대해 소개하고자 합니다.

먼저 h 태그에 대한 개념에 대해 다음과 같이 정리합니다.

h 태그는 제목과 관련된 html 언어(신호)입니다.
h 태그는 h1부터 h6까지 존재하나, 통상적으로 h4 이상 쓰는 경우는 드뭅니다.
h1은 글의 주제목에 해당합니다.
h1 태그는 블로그 이름을 제외하고, 글 하나에 반드시 1개만 존재해야 합니다. (for SEO)
h1 태그는 발행하는 글이 어떤 주제인지 웹로봇이 알아볼 수 있도록 하는 태그입니다.
h 태그는 기본적으로 순서대로 적용하는 것이 원칙이나 본문에서 h2-h3-h3 순서대로 작성하되,, 문맥이나 소주제가 달라질 경우에는 다시 h2부터 시작해도 됩니다. (관건은 글 하나에 h1 태그는 반드시 1개가 있어야 하며, 초과되거나, 본문 작성 시 h태그를 처음부터 역순으로 시작하면 안 된다는 것입니다)

티스토리 블로그는 글 제목이 h1으로 지정이 되어있고,,

포스팅 시 글쓰기 문단 모양 메뉴에 있는 제목1은 h2 태그부터 시작되므로 (제목1=h2, 제목2=h3... / 본문1,2,3은 글자 크기) 전혀 신경 쓸 필요가 없습니다.

구글 블로그인 블로그스팟 역시 대부분 제목의 경우 h1 태그로 지정이 되어있으나,

- 기본 테마 중에서도 일부는 h3로 지정되어 있는 경우가 있고,

- 일부 무료 템플릿의 경우에도 글 제목이 h1 태그가 아닌 경우가 있으므로 확인 및 변경이 필요합니다.

기본 테마든 무료 템플릿이든 각각 모두 다르기 때문에 모든 템플릿의 변경 방법을 소개하는 것은 불가능하며, 고급 사용자 수준이 아닐 경우 블로그스팟 html을 수정하는 것은 쉽지 않습니다.

그래서 오늘은 구글 블로그 기본 테마 중에서 가장 많이 사용되고 있으면서 글 제목이 h3로 설정되어 있는 Essential Light 테마를 기준으로 설명하도록 하겠습니다.

구글 블로그 기본 테마 중 하나인 Essential Light를 기준으로 h1 태그를 재설정하는 과정입니다.

관리 화면 ▶ 테마 ▶ 맞춤설정 ▶ html 화면으로 들어갑니다
[Ctrl + f]를 눌러 찾아보기 창을 실행합니다.
실행한 왼쪽 상단의 search 창에 post-title entry-title을 입력하고 엔터를 치면 해당 라인으로 이동합니다.
그러면 <h3 class='post-title entry-title>~~</h3>에서 글제목이 h3로 시작해서 /h3로 끝나는 것을 확인할 수 있습니다.

위 4번에 해당하는 <post-title entry-title>에 해당하는 코드에서 h3을 h1으로 변경합니다. (이미지 박스 안의 표시된 부분을 참고하세요. 해당 코드의 행 번호는 사용자마다 다를 수 있습니다)
<h3 ~ ~ ~> ~~~ </h3> 이 시작과 끝의 h3를 모두 h1으로 바꿔주는 것입니다.
변경했다면 오른쪽 상단의 저장을 누르면 완료됩니다. (플로피 디스켓 모양의 테마 저장 버튼 메뉴)

위의 과정을 그대로 적용했다면 글제목이 h1 태그로 문제없이 적용되어 있을 것입니다.

만약 잘 설정되어 있는지 확인하고 싶다면 이미 작성한 글의 미리보기를 실행하여 마우스 우클릭한 뒤 '프레임 소스 보기' 메뉴를 클릭합니다.

그리고 [ctrl + f]를 눌러 포스팅 제목을 입력하면 글 제목 앞뒤로 h1 태그가 적용되어 있는 것을 확인할 수 있습니다.

이상으로 구글 블로그 기본 테마의 h1 태그 확인 및 변경 설정 방법에 대한 포스팅을 마칩니다.

(함께 참고하면 유익한 글) ▼

구글 블로그 블로그스팟 ads.txt 문제 해결 방법

구글 블로그(블로그스팟)에 애드센스 광고를 게재하기 위해 사이트 승인 절차를 거치고 난 뒤, ads.txt 문제를 해결하여 수입을 보호하라는 메시지를 받는 경우가 있습니다. 일단 이런 알림을 받

e-media.tistory.com

티스토리툴바