구글 블로그 에센셜 테마 블로그 제목 H1에서 DIV로 바꾸기

구글 블로그 제목을 H1에서 DIV로 변경하는 이유와 방법

안녕하세요! 동주의 블로그 가이드입니다. 저는 현재 애드센스 승인을 신청해놓은 상태이며, 블로그 SEO를 공부하던 중 H1 제목 구조의 중요성을 알게 되어 이 글을 작성하게 되었습니다. 특히 구글 블로그의 에센셜 테마에서는 블로그 제목이 기본적으로 H1 태그로 설정되어 있어서, SEO 최적화를 위해 이를 DIV로 바꿔야 한다는 걸 알게 되었어요.

1. 왜 블로그 제목을 H1에서 DIV로 바꿔야 할까?

SEO에서는 하나의 페이지에 하나의 H1 태그만 있는 것이 이상적인 구조예요. 하지만 에센셜 테마에서는 블로그 제목도 H1, 포스트 제목도 H1이 되기 때문에, 중복 H1 태그 문제가 발생합니다. 이는 검색엔진이 주요 콘텐츠를 정확히 파악하는 데 방해가 될 수 있어요.

그래서 블로그 전체 제목은 <div>로 감싸고, 글 제목만 <h1>으로 유지하면 구조적으로 깔끔하고 SEO에도 유리합니다.

2. 실제 코드 변경 방법 (에센셜 테마 기준)

다음은 블로그 제목을 H1에서 DIV로 변경하는 HTML 코드 수정 예시입니다. 아래는 에센셜 테마에서 블로그 제목을 담당하는 코드 블록입니다:

변경 전 코드

<b:includable id='title'>
  <div>
    <b:class cond='data:this.imagePlacement == "REPLACE"' name='replaced'/>
    <b:include name='super.title'/>
  </div>
</b:includable>

변경 후 코드 (H1 제거, DIV 적용)

<b:includable id='title'>
  <div class='blog-title'>
    <a expr:href='data:blog.homepageUrl'>
      <data:blog.title/>
    </a>
  </div>
</b:includable>

이제 블로그 제목은 더 이상 H1이 아니라, div.blog-title로 출력됩니다. CSS를 통해 디자인은 따로 조절할 수 있어요.

3. SEO 최적화와 에드센스 승인 준비

  • H1 구조 정리: 이제 포스트 제목을 H1으로 지정할 수 있어, 검색엔진이 글의 핵심을 잘 파악합니다.
  • 키워드 배치: 제목, 소제목, 본문에 자연스럽게 키워드를 포함시켜 보세요.

동주의 이야기

저는 처음에 블로그 제목이 왜 중요한지도 모르고 시작했어요. 그러다 SEO를 공부하면서 블로그 구조에 대해 알게 되었고, 특히 H1 태그의 위치가 검색엔진에 얼마나 큰 영향을 주는지 알게 됐어요. 이번에 제목 구조를 바꾸면 나중에 애드센스 승인에도 더 도움이 되지 않을까 기대하고 있어요. 아직 승인은 받지 못했지만, 이런 과정을 차근차근 기록하고 있어요.

자주 묻는 질문 (FAQ)

  • Q1. DIV로 바꾸면 블로그 제목이 안 보이나요?
    A. 아니요, 여전히 잘 보입니다. 단지 HTML 태그가 바뀌는 것뿐이며, CSS로 원하는 스타일도 적용할 수 있어요.
  • Q2. 포스트 제목은 어떻게 H1으로 바꾸나요?
    A. 다음 편에서 포스트 제목을 H1으로 바꾸는 법도 설명드릴게요. 순서대로 따라오시면 됩니다!
  • Q3. 이 변경만으로 애드센스 승인을 받을 수 있나요?
    A. 구조적 최적화는 큰 도움이 됩니다. 하지만 고유한 콘텐츠, 충분한 글 길이, 사용자 친화적인 디자인도 함께 갖춰야 해요.

마무리하며

오늘은 에센셜 테마에서 블로그 제목을 H1에서 DIV로 바꾸는 방법을 소개드렸습니다. 이 작업은 블로그의 SEO 구조를 정리하고, 향후 애드센스 승인 준비에도 큰 도움이 될 수 있습니다. 저처럼 블로그를 공부하며 하나씩 바꿔나가고 계시다면 꼭 도전해보세요!

다음 글에서는 포스트 제목을 H1으로 바꾸는 방법도 소개드릴게요. 끝까지 함께해요!

이 블로그의 인기 게시물

2차 도메인 애드센스 승인 후, 하위 도메인도 광고 가능할까? 승인 필요 여부 정리

구글 블로그에 2차 도메인을 연결하고 애드센스 승인을 받은 후, 블로그 주제를 확장하고 싶은 분들이 많습니다. 그럴 때 흔히 고민하는 질문이 있습니다. “2차 도메인으로 애드센스를 승인받았는데, 하위 도메인에도 광고를 넣어도 될까?” “하위 도메인도 별도로 승인받아야 하나?” 저 역시 이 부분이 궁금해서 직접 자료도 찾아보고 애드센스 공식 가이드도 확인해 보았습니다. 이 글에서는 그 내용을 정리해 드립니다. 결론부터 정리하면? 2차 도메인으로 애드센스를 승인받았다면, 같은 소유의 하위 도메인에도 광고를 삽입할 수 있습니다. 하지만 몇 가지 조건을 충족해야 하며, 예외적인 경우도 있으니 주의가 필요합니다. 기본 개념부터 정리해요 2차 도메인 : 예) www.blogguide.com — 애드센스 승인을 받은 대표 주소입니다. 하위 도메인 : 예) blood.blogguide.com — 특정 주제를 분리하여 운영할 수 있는 주소입니다. 애드센스 정책 변화 2020년 이후 애드센스는 사이트 단위 승인 방식 으로 바뀌었습니다. 이전처럼 루트 도메인만 승인받으면 모든 하위 도메인에 광고가 자동으로 붙는 구조는 아닙니다. 광고 게재 가능한 조건 조건 설명 같은 애드센스 계정 2차 도메인과 하위 도메인이 동일 계정으로 관리되어야 함 루트 도메인의 일부 하위 도메인이 blogguide.com 기반일 것 광고 코드 정상 삽입 하위 도메인 페이지에 애드센스 광고 코드가 삽입되어야 함 이 조건을 만족하면, 하위 도메인에도 별도 승인 없이 광고가 노출될 수 있습니다. 예외: 별도 승인이 필요한 경우 하위 도메인의 콘텐츠 주제가 루트 도메인과 전혀 다를 때 완전히 독립된 사이트처럼 구성되었을 때 ...
Read more »

구글 블로그 글쓰기 가이드 – 게시물 메뉴부터 발행까지

구글 블로그 게시물 메뉴 완벽 가이드 – 글쓰기부터 발행까지 처음 구글 블로그를 시작하면 제일 먼저 마주하게 되는 메뉴가 바로 게시물 이에요. 이 글에서는 구글 블로그 게시물 메뉴 의 기능과 사용법을 초보자도 쉽게 이해할 수 있도록 정리해봤습니다. 저도 공부하는 마음으로 하나씩 천천히 살펴볼게요. 게시물 메뉴란? 블로그에서 작성한 모든 글을 한눈에 볼 수 있는 공간입니다. 새 글 작성, 수정, 삭제 등을 할 수 있어요. 블로그 운영의 시작점이라고 보면 됩니다. 글을 작성하는 방법 좌측 메뉴에서 게시물 클릭 ‘새 게시물’ 버튼 선택 제목과 본문을 입력한 후, 오른쪽 상단의 ‘게시’ 버튼 클릭 SEO 최적화를 위한 팁 제목 에 키워드를 자연스럽게 포함 (예: 구글 블로그 글쓰기) 본문은 1000자 이상 작성 h2, h3 태그로 글 구조화 중복 없는 순수한 콘텐츠 사용 이미지 사용 시 alt 속성 추가 애드센스 승인에 좋은 구성 소개, 연락처, 개인정보처리방침 등의 페이지 구성 반응형 테마 적용 카테고리 와 목차 구분 첫 화면에 광고 없는 깔끔한 인상 다음 글 예고 다음 글에서는 구글 블로그 통계 메뉴 에 대해 자세히 알아보려고 해요. 조회수, 유입 경로, 방문자 수 등을 보는 법도 함께 정리할 예정입니다. Copyright © 2025 Dongju의 블로그 디자인 가이드. All rights reserved.
Read more »

SEO와 가독성을 동시에! 초보자도 가능한 HTML로 글 꾸미는 쉬운 방법

블로그를 시작하고 글을 작성하다 보면, 이런 고민 한 번쯤 해보셨을 거예요. “왜 내 글은 밋밋해 보일까?”, “다른 사람 블로그는 왜 보기 좋지?” 사실, 조금만 HTML 태그를 활용해도 글의 분위기가 확 달라집니다. 이번 글에서는 HTML 초보자도 쉽게 따라 할 수 있는 블로그 글 꾸미기 팁 5가지를 알려드릴게요. 이 글은 SEO 최적화와 가독성 을 동시에 고려하여, 여러분의 블로그가 더 많은 사람들에게 노출될 수 있도록 돕는 방법을 안내합니다. 1. <h2> 태그로 소제목 정리하기 소제목을 사용하면 글이 정돈돼 보이고, 독자가 글을 쉽게 스캔할 수 있어요. 구조적인 글 은 검색엔진 최적화(SEO)에도 유리합니다. 특히 검색엔진은 텍스트의 계층적 구조를 이해하고, <h2> , <h3> 태그를 통해 각 주제를 구분할 수 있어요. 변경 전: 블로그 구조 작성하기 변경 후 (HTML 코드): <h2>블로그 구조 작성하기 </h2> 결과 화면: 블로그 구조 작성하기 2. <ul> 리스트로 항목 정리하기 중요한 포인트들을 나열할 때 <ul> (비순차 목록)과 <li> 태그를 사용하면 훨씬 읽기 쉬워집니다. 이는 독자가 글을 빠르게 읽을 수 있도록 돕고, 정보의 흐름을 자연스럽게 만듭니다. 변경 전: 키워드 찾기, 제목 만들기, 본문 작성 변경 후 (HTML 코드): <ul> <li>키워드 찾기</li> <li>제목 만들기</li> <li>본문 작성</li> </ul> 결과 화면: 키워드 찾기 제목 만들기 본문 작성 3. <blockquote> 인용문으로 핵심 강조하기 글에서 중요한 문장이나 말을 강조하고 싶을 때 <blockquote> 태그를 사용하면 독자의 주목을 끌...
Read more »