본문 바로가기
  • 지치지 마세요. 함께 가면 길이 됩니다.
티스토리

"SEO최적화를 색인 생성에서 h1 요소가 2개 오류" 해결하는 방법

by 블로그학교 2023. 3. 13.

티스토리에서 기본적으로 제공하는 스킨의 경우 css에서 h1, 즉 제목에 해당하는 부분이 2개 이상으로 잡혀 있습니다. 가장 문제가 되는 부분은 블로그의 제목에 해당하는 header 부분인데요. 기본적으로 #header h1으로 되어 있기 때문에, 검색봇은 이것을 블로그 제목이라기보다는 게시글의 타이틀이라고 생각하게 되지요. 

따라서 색인생성을 수동으로 요구하더라도 h1 요소가 2개라는 오류를 뱉어냅니다. 특히 네이버 서치어드바이저로 색인생성한 경우에는 명확하게 이 부분에 대해서 언급해주고 있습니다. 네이버 포털에서 내가 티스토리에 남긴 글을 정상적으로 색인생성하지 않는데도 그냥 방치한다는 것은 블로그를 그냥 일기장으로 쓰겠다는 의미와 같습니다.

SEO최적화

자세한 부분은 전문가의 도움을 받으시면 되겠지만 저의 경우에는 임시방편으로 소스를 아래와 같이 수정하였습니다. 블로그 관리자의 스킨편집 모드에서 css를 선택하시고 #header h1이라고 된 부분을 검색해서 아래 내용처럼 바꿔 주시면 됩니다. 여러분의 블로그 활동에 도움이 되시면 좋겠네요. 날마다 메리 크리스마스 ~

#header p {
	padding: 23px 0 ;
	font-family: 'Nanum Myeongjo';
	font-weight: 800;
	font-size: 1.75em;
	line-height: 32px;
	letter-spacing: -0.2px;
	color: #333;
}
#header p a {
	display: inline-block;
	height: 32px;
	text-decoration: none;
	color: #333;
	vertical-align: top;
}
#header p img {
	width: auto;
	height: 32px;
}

그리고 기왕 하는 김에 블로그 제목 폰트가 명조체인 것을 약간 고딕 고딕한 느낌이 들도록 바꿨습니다. 애플고딕을 적용하고, 폰트 굵기는 700으로 수정했네요. 

#header p {
	padding: 23px 0 ;
	font-family: AppleSDGothicNeo, helvetica;
	font-weight: 700;
	font-size: 1.75em;
	line-height: 32px;
	letter-spacing: -0.2px;
	color: #333;
}

반응형

댓글

최신글

이미지
제목
글쓴이
등록일