대표 URL 태그 (Canonical Tag)
Canonical Tag
대표 URL 태그(Canonical Tag)는 유사하거나 중복된 콘텐츠를 가진 여러 URL 중 검색엔진이 수집해야 할 '진짜 원본'을 지정하는 HTML 메타 태그입니다. 파라미터로 인한 중복 색인(Duplicate Content) 패널티를 방지하고 검색 크롤링 예산을 최적화하는 핵심 테크니컬 SEO 기술입니다.
대표 URL 태그(Canonical Tag)는 유사하거나 중복된 콘텐츠를 가진 여러 URL 중 검색엔진이 수집해야 할 ‘진짜 원본’을 지정하는 HTML 메타 태그입니다. 파라미터로 인한 중복 색인(Duplicate Content) 패널티를 방지하고 검색 크롤링 예산을 최적화하는 핵심 테크니컬 SEO 기술입니다.
📖 개념 정의 및 실무 적용
이커머스나 대규모 웹사이트에서는 정렬, 필터, UTM 파라미터 등으로 인해 동일한 상품이나 콘텐츠가 수십 개의 서로 다른 URL로 생성됩니다. 검색엔진 봇이 이를 모두 다른 페이지로 인식하면 크롤링 효율이 떨어지고, 콘텐츠 중복으로 판단해 검색 순위 하락(Duplicate Content Penalty)이라는 치명적인 페널티를 받게 됩니다. 캐노니컬 태그를 적용하면 검색엔진에 정확한 원본 주소를 알려주어 검색 권한(Link Juice)을 단일 페이지로 집중시키고 오인덱싱을 방지할 수 있습니다.
💻 실무 활용 코드 스니펫 (HTML)
⚡ 5분 만에 적용하는 실행 스텝
- 중복 페이지 식별: 동일한 콘텐츠가 노출되는 파라미터 URL 및 서브 URL 목록을 추출합니다.
- 표준 URL 확정: 트래픽과 SEO 순위가 집중될 단일 원본 URL(Trailing slash 및 http/https 규칙 통일)을 결정합니다.
- 태그 삽입: 대상 페이지들의 HTML 섹션 내에 태그를 삽입합니다.
- 검증 및 모니터링: 구글 서치 콘솔(Google Search Console)의 URL 검사 도구를 통해 검색엔진이 선택한 캐노니컬과 사용자가 지정한 캐노니컬이 일치하는지 확인합니다.
자기 참조 캐노니컬(Self-referencing Canonical)을 원본 페이지를 포함한 모든 중복 페이지에 기본으로 적용하세요. 이는 봇이 해당 페이지를 원본으로 확실하게 인식하게 만듭니다. 또한, 자바스크립트(JS)로 동적 삽입하기보다 서버 사이드 렌더링(SSR) 단계에서 HTML 소스코드 내에 직접 출력되도록 구현해야 검색엔진 크롤러가 누락 없이 안정적으로 수집합니다.
캐노니컬 태그를 noindex 태그와 함께 사용하는 것은 최악의 실수입니다. noindex는 검색엔진에 수집하지 말라는 신호이고 캐노니컬은 원본을 지정하는 신호이므로, 두 개를 동시에 쓰면 봇이 혼란을 느껴 의도대로 색인되지 않습니다. 또한, rel=canonical의 href 속성에 상대 경로(/products/shoes)가 아닌 반드시 프로토콜을 포함한 절대 경로(https://…)를 입력해야 크롤링 오류를 방지할 수 있습니다.
❓ 자주 묻는 질문 (FAQ)
A. UTM 태그나 정렬순서 같은 세부 필터 파라미터의 경우 원본 페이지로 캐노니컬을 거는 것이 맞습니다. 하지만 필터 결과에 따라 콘텐츠의 본질이 완전히 달라지는 경우(예: 아예 다른 카테고리 필터)에는 캐노니컬을 걸면 안 되며, 별도의 고유 페이지로 인정받도록 처리해야 합니다.
A. 검색엔진은 캐노니컬 태그를 ‘명령’이 아닌 ‘강력한 힌트’로 받아들입니다. 페이지 내 내부 링크 구조, 콘텐츠의 유사도, 사이트맵(Sitemap) 기재 여부 등을 종합적으로 판단하여 검색엔진이 판단한 원본이 사용자가 지정한 것과 다르면 무시할 수 있습니다. 서치 콘솔에서 ‘사용자가 선언한 표준’과 ‘구글이 선택한 표준’이 일치하는지 확인하고 내부 링크를 원본으로 통일하세요.