아스트라 테마에서 H1 태그 누락 문제 해결 방법

워드프레스의 아스트라 테마를 사용하는 과정에서, 빙 웹마스터 도구에서 홈 화면, 검색 결과, 카테고리 등에서 H1 태그 누락 경고를 발견했다면 SEO 개선을 위해 이를 즉시 수정해야 합니다. 본 포스팅에서는 H1 태그 누락 오류의 원인과 이를 해결하기 위한 코드 작성 방법을 상세히 소개합니다.

---

1. H1 태그 누락 오류 메시지와 원인

H1 태그는 웹 페이지의 가장 중요한 제목 요소로, 검색 엔진이 페이지 구조를 이해하고 콘텐츠의 주제를 판단하는 데 중요한 역할을 합니다. 빙 웹마스터 도구에서 제공하는 H1 태그 누락 경고는 특정 페이지에 H1 태그가 없음을 의미합니다.
특히, 아스트라 테마에서 다음과 같은 상황에서 H1 태그 누락 문제가 발생할 수 있습니다.

• 홈 화면: 사이트 제목이 H1 태그로 설정되지 않고 a 태그로 표시됨.
• 검색 결과 및 카테고리 페이지: 사이트 제목이 H1 태그로 설정되지 않음.
• 게시물 페이지: 제목이 이미 H1 태그로 설정되어 있음.

기존의 사이트 설정에서 H1 태그가 두 개 발견되는 오류를 피하기 위해 사이트 제목을 a 태그로 변경한 사례가 있었다면, 이번에는 반대로 H1 태그가 전혀 없는 문제가 발생할 가능성이 큽니다.

---

2. H1 태그 누락 문제 해결 방법

(1) 목표: 조건에 따라 H1 태그와 a 태그를 선택적으로 사용

• 홈 화면, 검색 결과, 카테고리: H1 태그로 사이트 제목 표시.
• 게시물 페이지: H1 태그는 게시물 제목으로 사용되고, 사이트 제목은 a 태그로 유지.

(2) 해결을 위한 코드 추가

아스트라 테마의 functions.php 파일에 다음 코드를 추가합니다.

// 사이트 제목을 조건에 따라 H1 또는 a 태그로 변경하는 함수
function custom_astra_site_title($title) {
    // 홈, 아카이브, 검색 결과 페이지에서는 H1 태그로 변경
    if (is_home() || is_archive() || is_search()) {
        return '<h1 class="site-title"><a href="' . esc_url(home_url('/')) . '">' . get_bloginfo('name') . '</a></h1>';
    } else {
        // 게시물 등 다른 페이지에서는 a 태그로 유지
        return '<p class="site-title"><a href="' . esc_url(home_url('/')) . '">' . get_bloginfo('name') . '</a></p>';
    }
}
// 아스트라 테마의 기본 제목 필터링
add_filter('astra_site_title', 'custom_astra_site_title');

(3) 코드 적용 후 확인 방법

1. 브라우저 개발자 모드 사용
   브라우저에서 F12 키를 눌러 개발자 도구를 활성화합니다.
   • 홈 화면: 사이트 제목이 <h1 class="site-title">로 표시되는지 확인합니다.
   • 게시물 페이지: 사이트 제목이 <p class="site-title">로 표시되며 H1 태그는 게시물 제목에 사용되는지 확인합니다.
2. 빙 웹마스터 도구에서 재검사
   빙 웹마스터 도구의 ‘URL 검사’를 활용해 수정 사항이 반영되었는지 확인합니다.
   • 오류가 여전히 표시된다면 라이브 URL 검사를 통해 실시간 상태를 확인합니다.
   • 시간이 지나면 수정 사항이 반영되고 오류가 사라질 것입니다.

---

3. 코드가 적용된 모습

(1) 홈 화면

사이트 제목

(2) 게시물 페이지

사이트 제목

---

4. 빙 웹마스터 도구 활용 팁

빙 웹마스터 도구는 SEO 최적화에 중요한 역할을 합니다. 다음과 같은 방법으로 사이트 상태를 주기적으로 점검하세요.

• URL 검사 도구 사용: 특정 페이지의 SEO 문제를 확인하고 수정 사항 반영 여부를 즉시 확인할 수 있습니다.
• 라이브 URL 검사: 검색 엔진 캐시가 아닌 현재 상태를 실시간으로 검사합니다.
• 오류 추적: 새로 발생하는 SEO 문제를 모니터링하여 빠르게 대응합니다.

---

마무리

아스트라 테마에서 발생할 수 있는 H1 태그 누락 문제는 간단한 코드 추가로 해결 가능합니다. 검색 엔진 최적화를 위해서는 각 페이지에 적합한 H1 태그 구조를 유지하는 것이 중요합니다. 이번 방법을 활용해 H1 태그 누락 문제를 해결하고 SEO 성능을 한 단계 업그레이드하세요!