네이버에서 검색 결과에 나의 블로그를 노출하기 위해서는 "네이버 서치 어드바이저 (Naver Search Advisor)"를 통한 색인 과정을 반드시 거쳐야 합니다. 블로그 사이트의 sitemap이나 rss를 통해 자동으로 색인이 가능하다고 하지만, 블로그를 작성한지 얼마 되지 않은 상태에서는 수동으로 수집요청하고 그 후 색인이 완료될때까지 기다려야 하는 시간이 필요합니다. 하지만, 블로그 글이 다양한 이유로 색인이 안되는 경우가 발생합니다. 열심히 한땀한땀 작성한 나의 블로그 글이 네이버에 노출되지 못한다고 하니 참으로 억울하고 아쉬움이 커집니다. 하지만, 그냥 기다리고만 있을 수는 없습니다. 정확한 이유를 분석하고 내가 개선할 수 있는 부분은 해결해 보려 노력해야 합니다.
네이버 서치 어드바이저에서 분석한 [사이트 진단 결과]를 확인하고 분석하는 방법은 아래 블로그 글을 참고하시기 바라며, 오늘은 제외된 이유 중 하나인 "<H1> 요소가 2개 이상 발견"를 해소하기 위한 방법을 설명해 드리겠습니다.
티스토리와 블로그스팟 블로그, 네이버서치어드바이저 색인 생성 오류 (문제 정의)
네이버, 티스토리, 블로그스팟, 워드프레스 등 다양한 블로그 플랫폼이 존재하고, 각 블로그에서 작성한 글들은 각 사이트에 색인 등록이 되어야 검색 결과에 노출이 가능합니다. 앞서 구글서치
salaryman50.com
1. <H1> 요소가 2개 이상 발견되는 원인
<H> 태그는 블로그 글의 제목, 본문의 문단 제목(소제목), 그리고 본문의 부제목 등 제목의 크기가 큰 글 전체의 제목을 "<H1> 글제목 </H1>", 다음으로 큰 본문의 소제목을 "<H2> 본문의 소제목</H2>", 그보다 더 작은 부제목을 표기할 때에는 "<H3>부제목</H3>" 등으로 표기하는 인터넷 문서 HTML의 문법입니다. 따라서 일반적인 문서에서는 H1 태그는 1개, H2 태그는 경우에 따라 여러개가 포함되며, H3 태그는 없는 경우도 있고 여러개가 표기되는 경우도 존재할 수 있습니다. 그렇기 때문에 하나의 문서에 H1 태그가 2개 이상 발견되었다는 것은 문서의 제목이 2개라는 의미로 네이버 서치 어드바이저가 아니더라도 이상한 것이 사실입니다.
제가 티스토리와 블로그스팟을 함께 운영하고 있는데, "<H1> 요소가 2개 이상 발견"되는 현상은 이상하게도 티스토리 블로그에서만 발생하고 있습니다. 그래서, 인터넷을 검색하여 다른 전문가들의 의견을 찾아보았고 그 원인을 파악할 수 있었습니다.
티스토리에서 제공하는 무료 스킨 중에 반응형(PC나 모바일로 접속할 때 기기에 맞추어 화면의 크기를 자동으로 조정해 주는 기능) 장점을 가지고 있는 "Book Club" 스킨의 자체 오류라는 사실을 발견하였습니다.
그래서, 티스토리에서, 북클럽 스킨을 사용하시는 블로거들은 무조건 아래 해결방법을 적용하여 네이버 검색에서 노출이 되도록 수정하시기 바랍니다.
2. <H1> 중복 문제 해결 #1 (h1 → p)
앞서 살펴본 원인을 파악했으니, 문제를 해결하는 방법을 제안해 드리겠습니다. 2가지 방법이 동일한 효과를 나타내겠지만, 방법론적으로 2가지 방법이 있으니 편한 방법을 따라 해보시면 좋을 것 같습니다.
먼저 문제의 블로그 타이틀(블로그 제목)을 표기하는 <h1> 태그를 <p>로 수정하는 방법입니다.
- <h1> 태그: 블로그 글 제목을 나타내는 태그
- <p> 태그: 하나의 문단을 나타내는 태그
[블로그 관리] 화면에서, 아래의 매뉴 선택을 통해 HTML 편집 화면으로 전환합니다.
- 왼쪽 메뉴 중 ① [스킨 편집] 클릭합니다.
- 스킨 편집 화면의 오른쪽 상단에서 [html 편집]을 클릭합니다.
- html 편집 화면에서 오른쪽 상단의 3개 메뉴 중 [HTML]을 클릭합니다.
타이틀(title)을 포함하고 있는 <h1>, </h1> 태그를 검색하여 찾습니다. html 편집 화면을 클릭하여 커서를 옮겨 놓고, "CTRL + F" 키 입력을 통해 검색 메뉴를 실행하고, <h1>을 검색합니다. 검색 결과 중, 중간에 50대월급쟁이님의 블로그을 포함하고 있는 <h1>, </h1> 태그를 찾아서 일반 본문을 의미하는 <p>, </p> 태그로 수정하고 적용 버튼을 누릅니다.
다음으로 [HTML 편집] 화면의 오른쪽 상단에 CSS를 선택합니다. CSS 편집 화면을 클릭하여 커서를 옮겨 놓고, "CTRL +F" 키 입력을 통해 검색 메뉴를 실행하고, header h1을 검색합니다. 검색 결과 중, 위 그림과 같이 header와 연관된 h1 3개를 찾아 h1 대신 p를 입력합니다. 그리고 HTML 편집 화면의 상단에 위치한 적용 버튼을 클릭합니다.
3. <H1> 중복 문제 해결 #1 (h1 → blog-header)
앞 문단에서 h1 태그를 p로 수정한 것과 마찬가지로, 스킨편집 → html 편집 → HTML 선택합니다. HTML 화면을 클릭하여 커서를 옮겨놓고, "CRL +F" 키로 검색화면을 활성화한 뒤, h1 검색한 뒤 title을 포함한 h1 태그에 대해서, <div class="blog-header">, </div>로 수정하고, 적용 버튼을 클릭합니다.
CSS 화면에서는 "CTRL + F" 검색에서 head h1을 검색하여 5개를 ".blog-header"로 변경합니다. 맨 앞에 마침표(.)를 꼭 포함시켜야 합니다. 5개를 수정한 뒤 적용 버튼을 클릭합니다.
4. 마무리
티스토리의 북클럽 스킨의 오류로 인해 발생한 네이버 서치 어드바이저 색인 오류를 해결하는 방법을 알아보았습니다. 수정이 완료되었다면 다시 네이버 서치 어드바이저에 접속하셔서 수정한 페이지에 대한 색인 수집 요청을 다시 진행하시길 바랍니다. 자동으로 수집해 가려면 아무래도 블로그의 레벨(?)이 조금 더 높아져야 하는 만큼, 기다리기 보다는 수동으로 요청하는 것이 조금이라도 빠른 해결에 도움이 될 것 같습니다.
'블로그 운영 노하우' 카테고리의 다른 글
| 초간단 티스토리 자동 목차 만들기 (0) | 2025.06.09 |
|---|---|
| 티스토리와 블로그스팟 블로그, 네이버서치어드바이저 색인 생성 오류 (문제 정의) (0) | 2025.06.03 |
| 구글서치콘솔 색인 생성 오류 (원인에 대한 설명) (0) | 2025.05.31 |
| 티스토리와 블로그스팟 블로그, 구글서치콘솔 색인 생성 오류 (문제 정의) (0) | 2025.05.31 |
