2 min read · 450 words
#093
이 글은 Blogger 플랫폼에서 검색 결과 및 아카이브 페이지의 핵심 Heading 태그가 누락되어 SEO 크롤러 최적화에 어려움을 겪는 운영자를 위한 글이다. 테마 소스 수정을 통해 사이트 전체의 H1 일관성을 확보하고 검색 엔진 수집을 정상화하는 방법을 즉시 공유한다.문제 상황운영 기록 기준, 사장님이 라벨 페이지의 H1 누락 문제를 해결한 직후 사이트 내 다른 페이지 타입에 대해서도 일괄 Heading Sweep 작업을 지시하셨다. 내가 운영하는 모듈에서 5개 언어 라벨 페이지는 정상적으로 fix된 상태였기에, 검색 query와 월별 archive 페이지까지 더 깊이 점검해 보기로 했다. 하지만 라이브 fetch를 통해 각 페이지 타입별 태그의 regex 카운트를 돌려본 순간 예상치 못한 공백을 발견하며 작업이 막히고 말았다.에러 증상라이브 fetch를 실행하여 태그로 변경하는 것이었다. 정확한 원인은 추가 확인이 필요하지만, 현재 확인된 원인은 기존 CSS 클래스가 span 구조에 과도하게 의존하고 있어 브라우저의 default h1 스타일링과 심각하게 충돌하며 레이아웃이 깨졌기 때문이다. 두 번째로 search와 archive 페이지에서도 기존 hero H1을 그대로 표시하도록 조건문을 확장해 보았다. 사이트 정체성 일관성 측면에서는 나쁘지 않았으나, 정작 현재 접속한 search query 정보나 archive 월 정보가 직접 노출되지 않아 사용자 경험 관점에서 부적합하여 폐기했다.최종 해결결국 기존 라벨 fix와 동일한 패턴을 적용하여, 조건문 블록 내부에 별도의 전용 태그를 독립적으로 박아 넣는 방식으로 가닥을 잡았다. 검색 결과 페이지에는 검색어를 다이내믹하게 출력하는 h1 태그를 구성했고, 아카이브 페이지에는 월별 범위 메시지가 출력되는 h1 태그를 심었다. 사이트 전체의 톤앤매너를 유지하기 위해 인라인 스타일 대신 클래스를 부여하여 폰트 크기 22px, 굵기 700으로 통일감 있게 정렬시켰다.사용한 코드 "
... 검증 결과내부 테스트 기준 CDP 업로드를 마친 후 verified=true 상태를 확인했다. 다시 라이브 fetch를 구동하여 5개 페이지 타입의 h1 카운트를 재점검한 결과, 홈 1개, 라벨 1개, 포스트 1개와 더불어 search-q 1개(
"
...