• 홈
  • Uncategorized

Blogger SEO 최적화: canonical 오류 수정과 모바일 리디렉션 제거 완전 가이드

잡담랩 (ZabDam Lab)
잡담랩 (ZabDam Lab)
Update:

Blogger SEO 최적화: canonical 오류 수정과 모바일 리디렉션 제거 완전 가이드

Blogger SEO 최적화: canonical 오류 수정과 모바일 리디렉션 제거 완전 가이드

Blogger 블로그를 운영하는 사용자라면 종종 Google Search Console에서 "색인이 생성되지 않음: 리디렉션 오류"라는 경고 메시지를 받게 됩니다. 특히 Googlebot Smartphone이 302 → ?m=1 → 200 OK 흐름으로 페이지를 접근하는 경우, 색인이 보류되거나 누락되는 심각한 문제가 발생할 수 있습니다. 또한, canonical 태그가 모바일 URL을 대표 주소로 지정하는 구조는 검색 결과 내 URL 일관성을 해칩니다. 이번 글에서는 Blogger 플랫폼의 이러한 구조적 SEO 문제를 템플릿 수정만으로 해결하는 실전 가이드를 제공합니다.

📌 목차 열기 / 닫기

1. 문제 개요 및 목표 설정

현재 상황 요약

  1. 모바일 UA(Googlebot Smartphone) 로 요청할 때 302 응답과 함께 ?m=1 모바일 전용 페이지로 리디렉션됨
  2. 기본 템플릿은 <link rel="canonical">을 통해 이 모바일 URL을 대표 URL로 지정
  3. 이로 인해 Google은 302 응답 + canonical 불일치를 문제로 간주 → 색인 누락 유발 가능

해결 목표

  • Googlebot Smartphone이 302 리디렉션 없이 직접 원본 URL을 수집하게 만들기
  • 모든 UA에서 canonical은 데스크톱용 정적 URL만 가리키게 구성
  • 필요 시, 모바일 UA만을 위한 <head> 블록을 조건부 렌더링하여 제어력 확보

2. 해결 ①: canonical URL 수정

문제 코드 예시

<b:if cond='data:blog.pageType == "item"'>
  <link expr:href='data:blog.url' rel='canonical'/>
</b:if>

data:blog.url 은 모바일 UA로 접근 시 자동으로 ?m=1 파라미터가 붙은 URL을 반환하게 됩니다. 결과적으로 Googlebot Smartphone은 canonical을 잘못된 URL로 인식하게 되는 것이죠.

수정 코드

<b:if cond='data:blog.pageType == "item"'>
  <link expr:href='data:blog.canonicalUrl' rel='canonical'/>
</b:if>
  • data:blog.canonicalUrl은 항상 파라미터 없는 정적 주소를 반환
  • 모바일, 데스크톱 UA 모두 같은 URL을 canonical로 인식하게 됩니다

3. 해결 ②: 모바일 전용 헤드 블록 삽입

템플릿에 data:blog.isMobile 블록이 없더라도, 직접 <head> 내부에 삽입하면 서버 사이드에서 UA를 감지해 모바일 전용 HTML을 조건부로 삽입할 수 있습니다.

<head>
  …
  <b:if cond='data:blog.pageType == "item"'>
    <link expr:href='data:blog.canonicalUrl' rel='canonical'/>
    <b:if cond='data:blog.isMobile'>
      <meta name="robots" content="index, follow" />
    </b:if>
  </b:if>
  …
</head>

이 구조는 향후 구글봇 UA 또는 모바일 기기별 세부 최적화 작업 시 유용하게 사용할 수 있습니다.

4. 해결 ③: 클라이언트 리디렉션 코드 제거

일부 커스텀 테마나 스크립트 삽입 위젯에는 아래와 같은 강제 리디렉션 코드가 숨어 있을 수 있습니다:

<script>
  window.location.replace("<data:blog.url/>" + "?m=1");
</script>

이 스크립트는 모바일 User-Agent를 감지해 무조건 ?m=1 URL로 이동시키는 구조입니다. 이를 제거하지 않으면 Googlebot Smartphone이 302를 피할 수 없습니다.

수정 방법

  • 대시보드 → 테마 → HTML 편집
  • ?m=1, window.location.replace 등으로 검색
  • 해당 블록을 삭제하거나 아래처럼 주석 처리
<!--
<script>
  window.location.replace("<data:blog.url/>" + "?m=1");
</script>
-->

5. 검증 및 색인 요청 절차

1) httpstatus.io 테스트

  • https://httpstatus.io 접속
  • User-Agent를 Googlebot Smartphone으로 설정
  • 블로그 글 URL 입력 → 테스트
  • 302 없이 바로 200 OK 응답이 반환되는지 확인

2) Google Search Console 재검증

  • GSC 접속 → URL 검사
  • 수정한 URL 입력 → “라이브 테스트”
  • 문제 없으면 “색인 생성 요청” 클릭

결론 및 요약

Blogger 플랫폼은 기본 설정상 모바일 리디렉션(?m=1)과 파라미터 포함 canonical 구조를 채택하고 있습니다. 하지만 Googlebot Smartphone의 입장에서는 이 구조가 다음과 같은 색인 오류를 유발할 수 있습니다:

✔ 문제 요약
- 302 리디렉션 → 색인 보류
- canonical이 모바일 URL을 가리킴 → URL 일관성 문제
- Googlebot이 혼란스러워하며 최종 색인을 하지 않음

✅ 해결 요약
- <link rel="canonical">을 data:blog.canonicalUrl로 수정
- <head>에 data:blog.isMobile 블록 추가해 UA 분기 대응
- 강제 리디렉션 스크립트 제거
- httpstatus.io 및 GSC에서 결과 확인 후 색인 요청

이 과정을 거치면, Blogger에서도 Googlebot Smartphone 기준으로 완전히 최적화된 색인 환경을 만들 수 있습니다.

댓글 쓰기