캐노니컬 테그(Canonical Tag)

Popular Search

개요 (Summary)

캐노니컬 태그(Canonical Tag)는 웹사이트에서 중복되거나 유사한 콘텐츠가 여러 URL에 존재할 때, 검색엔진에 “대표 URL”을 명시하는 HTML 요소입니다.
이를 통해 검색엔진은 어떤 페이지를 색인(Indexing)하고 랭킹에 반영해야 하는지 판단할 수 있으며, 결과적으로 중복 콘텐츠 문제를 방지하고, 링크 신호를 하나의 페이지로 집중시킬 수 있습니다.

정의 (Definition)

기본 정의:
캐노니컬 태그는 HTML 문서 영역에 추가하는 형태의 태그입니다. 이는 검색엔진에 “이 페이지와 비슷한 여러 버전이 있을 수 있지만, 대표는 이 URL이야”라고 알려주는 역할을 합니다.

전문적 정의:
캐노니컬라이제이션(Canonicalization)은 동일하거나 유사한 콘텐츠를 가진 다수의 URL이 존재할 때, 검색엔진이 올바른 기준 페이지(canonical URL)를 선택하도록 안내하는 프로세스입니다.
캐노니컬 태그는 이 프로세스의 핵심 도구로, 중복 콘텐츠 방지, 검색엔진 크롤링 효율 개선, SEO 신호 집중이라는 세 가지 기능을 수행합니다.

등장 배경과 맥락

2000년대 중반 이후 대규모 웹사이트(쇼핑몰, 뉴스사이트 등)에서는 동일한 콘텐츠가 다양한 URL로 생성되는 현상이 잦았습니다. 예를 들어, 사실상 같은 상품 페이지지만 URL이 모두 다른 하기와 같은 경우가 있습니다.

쇼핑몰 필터/정렬:
- /product?color=red /product?color=blue
- /product?sort=price_asc
블로그 프린트 버전:
- /blog/seo-guide'.
- /blog/seo-guide?print=1‘
모바일/데스크톱 이중 구조:
- m.seo.co.kr/page
- seo.co.kr/page

검색엔진 입장에서는 이 페이지들이 “서로 다른 콘텐츠”로 보이지만, 사실은 같은 콘텐츠입니다.
이 경우 중복 콘텐츠 문제가 발생해 SEO 성과에 악영향을 끼쳤습니다.

링크 신호 분산: 동일한 콘텐츠로 연결되는 외부 링크가 여러 URL에 분산 → 대표 페이지의 권위가 약화
크롤링 비효율: 크롤러가 불필요하게 중복 페이지를 탐색 → 크롤 예산 소모
잘못된 색인: 원하지 않는 버전(예: 파라미터 URL)이 검색결과에 노출

이 문제를 해결하기 위해 Google, Yahoo, Microsoft가 2009년 공동으로 캐노니컬 태그를 제안했습니다. 지금은 모든 검색엔진(구글·빙·네이버·바이두 등)에서 인식하는 표준 신호가 되었습니다.

실무 적용 시나리오

1. 필터/파라미터 페이지

이커머스 사이트는 색상, 사이즈, 가격 정렬 등에 따라 수십 개의 URL이 만들어집니다.
모든 버전을 색인하면 중복 콘텐츠가 발생하므로, 대표 상품 URL에 캐노니컬을 지정합니다.

2. 콘텐츠 복제

동일한 글을 자사 블로그 + 다른 SNS계정 + 별도 블로그 플랫폼등에 동시에 발행했다면, 원본에 해당하는 자사 블로그 URL을 캐노니컬로 지정해야 합니다. 그렇지 않으면 구글이 미디엄 글을 먼저 색인할 수 있어, 순위에 부정적인 영향을 끼칠 수 있습니다.

3. 모바일/데스크톱 버전

이제는 많이 좋아지고 있지만, 과거에는(특히 한국에서) m.seo.co.kr과 seo.co.kr을 따로 운영하는 경우가 상당히 많았습니다.
대표 URL을 데스크톱으로 지정하고, 모바일 페이지에는 캐노니컬을 설정하는 방식이 활용되었습니다.
현재는 반응형 디자인 / 개발을 일반적으로 권장합니다.

4. 프린트/AMP 버전

프린트 버전: /page?print=1 → 본문 페이지를 캐노니컬로 지정
AMP 페이지: AMP 페이지는 자체 캐노니컬을 원본 URL로 지정해야 색인 안정화

체크리스트 (Best Practice)

모든 페이지는 해당 페이지를 스스로 캐노니컬로 지정(Self-Canonical)하는 것이 안정적
항상 절대경로(URL 전체: https://) 사용
중복된 페이지는 동일한 대표 URL을 가리키도록 일관성 유지
리다이렉트 체인과 충돌하지 않도록 설정
사이트맵, 내부 링크, 캐노니컬이 서로 불일치하면 안 됨
다국어 사이트에서는 hreflang과 병행 사용

코드 예시

측정 & 모니터링

Google Search Console:
- URL 검사 → “Google이 선택한 캐노니컬” 확인
- 보고서에서 “중복, 제출됨 – 다른 페이지에 캐노니컬로 지정됨” 여부 점검
SEO 크롤러 (Screaming Frog, Sitebulb):
- 사이트 전체에서 캐노니컬 태그 일괄 추출 가능
KPI 지표:
- 중복 페이지 수 감소
- 대표 페이지 순위 상승
- 색인 효율 향상

흔한 오류와 위험

자기참조 누락
- 페이지에 캐노니컬을 전혀 지정하지 않으면, 구글이 임의로 대표 URL을 선택함 → 예측 불가 결과 발생
상충되는 신호
- 캐노니컬은 A→B, 내부 링크는 A, 사이트맵은 B → 검색엔진 혼란
리다이렉트 불일치
- A 페이지가 B로 리다이렉트되는데 캐노니컬은 C → 색인 오류 발생
대량 캐노니컬
- 개별 상품 페이지 1,000개를 전부 카테고리 페이지로 캐노니컬 → 상품 페이지가 검색에서 사라짐

심화 분석: 캐노니컬 태그와 다른 기법 비교

캐노니컬 vs 301 리다이렉트
- 캐노니컬: 여러 페이지를 그대로 두고 “대표는 이거야”라고 알림
- 301: 아예 페이지를 다른 URL로 통합
- → 캐노니컬은 “부드러운 신호”, 301은 “강제 신호”
캐노니컬 vs Noindex
- 캐노니컬: 색인은 되지만 대표는 다른 페이지
- Noindex: 아예 색인 자체에서 제외
- → 상황에 따라 병행 가능
캐노니컬 vs Hreflang
- 캐노니컬: 동일 언어/지역 내 중복 해결
- Hreflang: 국가·언어별 버전 지정
- → 다국어 사이트에서는 둘 다 필요

사례 연구

아마존(Amazon):
상품에 수천 개의 파라미터가 붙지만, 모두 대표 상품 페이지를 캐노니컬로 지정 → 중복 방지
네이버 블로그/포스트 복제:
동일한 글을 네이버·자사 블로그·티스토리에 올릴 경우, 캐노니컬을 자사 블로그에 두면 브랜드 사이트의 SEO가 강화됨