이번 글에서는 블로그스팟의 에센셜 테마에서 SEO 최적화를 위해 블로그명의 <h1> 태그를 <h2>으로, 블로그 제목의 <h3> 태그를 <h1>으로 변경하는 방법을 알아보도록 하겠습니다. 이 글을 통해 SEO 점수를 향상시키고, 콘텐츠의 가독성을 높이는 방법을 알아보세요.
블로그스팟 SEO 최적화, 블로그명과 제목 <h>태그 h1변경하기
블로그 운영자분들은 SEO의 중요성을 아실 것입니다. 그러나 블로그스팟에서 에센셜 테마를 사용하는 경우, 블로그명이 <h1> 태그이고 제목이 <h3> 태그로 설정되어 있어서 몇몇 분들은 제목을 <h1> 태그로 바꿔야 하지 않나 하는 생각을 하신 분들이 많습니다.
물론 블로그명과 블로그 본문(제목포함)에 각각 하나의 <h1> 태그가 있더라도 큰 문제는 되지 않지만, SEO 체크 사이트에서 <h1> 태그가 2개라고 경고를 주는 경우도 있습니다.
또한 에센셜 테마의 경우 블로그 본문의 h태그 구성이 <h3> → <h1> → <h2> 으로 되어 우리가 생각하는 <h1> → <h2> → <h3> 순서와도 달라 조금 낯설기도 합니다.
그래서 이번 글에서는 블로그명의 <h1> 태그를 <h2>으로 변경하고, 블로그제목의 <h3>태그를 <h1>으로 바꾸는 방법에 대해서 알아 보도록 하겠습니다.
1. 블로그명 h1 태그를 h2로 변경하기
먼저 블로그스팟 Essential Light 테마에서 <h1>으로 되어 있는 블로그명을 <h2>로 변경하도록 하겠습니다.
블로그스팟에 로그인 한 후 “테마” → “맞춤설정” → “HTML편집” 을 클릭합니다.
Ctrl+F를 누른 후 “super.title”를 입력하여 검색하면 두개가 나오는데 여기서 두번째 super.title 로 이동합니다.
두번째 super.title를 찾아서 아래와 같이 변경합니다.
- 변경전 :
<b:include name='super.title'/> - 변경후 :
<b:tag expr:name='data:view.isSingleItem ? "h2" : "h1"' class='title'><data:blog.title/> </b:tag>
위와 같이 수정하고 저장을 하면 블로그명이 <h1>에서 <h2>로 변경됩니다.
2. 블로그 제목 <h3> 태그를 <h1>으로 변경하기
블로그스팟에 로그인 한 후 “테마” → “맞춤설정” → “HTML편집” 을 클릭합니다.
Ctrl+F를 누른 후 “post-title entry”를 입력하여 검색합니다.
post-title entry-title 로 검색된 부분이 블로그 제목의 h 태그입니다. 여기서 <h3>로 되어 있는 것을 <h1>으로 수정하고 디스켓 모양을 클릭하여 저장하면 블로그 제목이 <h3>에서 <h1>으로 변경이 됩니다.
오늘은 위와 같이 블로그스팟 에센셜 테마에서 블로그명의 h태그를 <h1>에서 <h2>로 변경하고, 블로그제목을 <h3>에서 <h1>으로 변경하는 방법을 상세히 알아보았습니다. <h1>태그가 SEO에 상당히 중요하긴 하지만 절대적인 것은 아니기 때문에 너무 강박적으로 맞추려고 안 하셨으면 좋겠습니다.
