블로그스팟 Essential Light 테마에서 글제목 h1 태그로 변경하기
구글 블로그스팟의 기본 테마인 Essential의 블로그 이름은 h1으로, 글
제목은 h3 태그로 되어 있다. 하나의 글에 h1 태그는 1개만 있어야 하는데,
Essential 테마에서 글 작성 시 주의사항을 정리해본다.
어떤 사람은 글 작성할 때 '주 제목'은 사용하면 안된다 하고, 어떤 사람은
반대로 말하고...
답답한 마음에 내가 직접 확인했다.
1. Essential 테마 글쓰기 h태그 확인
- '새 글' 작성 화면을 보면,
주 제목은 h1, 제목 h2, 부제목 h3, 소제목 h4로 구성된다.
- 포스트의 글 제목은 h3로 되어 있는데, 확인 방법은 아래에서
설명.
%20%EB%B8%94%EB%A1%9C%EA%B7%B8%EC%8A%A4%ED%8C%9F%20%EA%B8%80%20%EC%9E%91%EC%84%B1%20%ED%99%94%EB%A9%B4.png "블로그스팟")
%20%EB%B8%94%EB%A1%9C%EA%B7%B8%EC%8A%A4%ED%8C%9F%20%EA%B8%80%20%EC%9E%91%EC%84%B1%20HTML%20%EB%AA%A8%EB%93%9C.png "블로그스팟")
2. 글 제목 부분 h태그 확인하기
- 테마 → 맞춤설정 옆의 '▼'를 눌러서 HTML 편집으로 들어간다. →
Control+F를 누르고, 'post-title entry-title'을 검색한다.
%20%EB%B8%94%EB%A1%9C%EA%B7%B8%EC%8A%A4%ED%8C%9F%20HTML%20%ED%8E%B8%EC%A7%91%20%ED%99%94%EB%A9%B4.webp "블로그스팟")
- 블로그의 제목
'post-title entry-title' 부분을 보면, 'h3'으로 되어 있음을 볼 수
있다.
%20h%ED%83%9C%EA%B7%B8%20%ED%99%95%EC%9D%B8.png "블로그스팟")
3. 글 작성 시 주의 사항
그럼 여기서, 하나의 글에 하나의 h1이 있으려면 방법은 두 가지!
1)
기본 상태에서 글 작성 시, '주 제목'으로 시작한다.
- 글 제목 h3 / 주 제목 h1
2)
글 제목 부분 'post-title entry-title'을 h3 → h1으로 바꾸고,
'제목'으로 글 작성을 한다.
- 글 제목 h1 / 제목 h2
오늘의 한마디
위의 두 가지 어느 방법이든 블로그 이름이 h1으로 되어 있어서, '<H1>
요소가 두 개 이상 발견'되었다는 SEO 웹마스터도구의 알림을 받을 수
있다.
블로그 이름을 제외하고 글 제목을 h1으로 할 것인지, 글쓰기의 시작을 주
제목으로 할 것인지를 결정하면 됨.
※ [추가] 새로운 내용 발견!!
바로 블로그 이름 h1을 h2로 바꾸는 코드. ▼
<b:tag expr:name='data:view.isSingleItem ? "h2" : "h1"'
class='title'>
<data:blog.title/>
</b:tag>
위의 코드 출처는 https://nodigitalmad.tistory.com/
%20super.title%20%EA%B2%80%EC%83%89.webp "블로그스팟")
HTML 편집에서 Control+F를 누르고 'super.title'을 검색한다. →
두 번째로 나오는 <b: include name='super.title'/> 자리에
위의 코드를 삽입한다.