캐노니컬 태그(Canonical Tag): 개념과 활용법

캐노니컬 태그(Canonical Tag): 개념과 활용법
David Kaufmann
SEO 튜토리얼
17 min read

상품, 서비스 또는 다양한 섹션에 집중된 웹사이트 한두 개를 운영하다 보면 여러 이유로 플랫폼의 많은 페이지가 비슷하거나 거의 동일해지는 일이 흔합니다. 특히 전자상거래에서 자주 발생하지만, 블로그 태그나 다양한 유형의 콘텐츠 컨설팅 작업에서도 마찬가지로 감지되는 현상입니다.

어떤 웹사이트든 중복 콘텐츠 문제가 생길 수 있다는 것은 쉽게 짐작할 수 있습니다. Google은 중복 콘텐츠를 가진 사이트를 페널티를 부과하고, 이는 의심할 여지 없이 검색 결과 내 랭킹에 영향을 미칩니다.

그렇다면 어떻게 어떤 웹사이트는 중복 콘텐츠를 가지고도 웹마스터가 페널티를 걱정하지 않을 수 있을까요?

답은 캐노니컬 속성 또는 캐노니컬 링크라고 알려진 것에 있습니다. 다음 섹션에서 그 정의, 용도, 이점, 적용 방법, 사용해야 할 시점, 그리고 중복 콘텐츠 페널티를 피하기 위해 사용할 때 따라올 수 있는 잠재적 단점을 자세히 다루겠습니다.

캐노니컬 링크와 캐노니컬 속성이란?

일반적으로 캐노니컬 링크태그나 속성을 통해 웹사이트의 "메인" 또는 "원본" 링크로 기술되는 링크로, 유사한 콘텐츠를 가진 페이지의 URL을 그 링크로 가리키게 할 수 있습니다. 이로 인해 그 링크는 Google 봇이나 검색 알고리즘에게 우선되거나 선호되는 버전으로 인식됩니다.

이렇게 하면 중복으로 보일 수 있는 콘텐츠가 비교적 쉽게 올바르게 처리됩니다. 만약 캐노니컬로 기술되지 않으면 플랫폼의 랭킹에 영향을 주고 페널티로 이어질 수 있습니다. 이는 중복 콘텐츠가 의도적으로 만들어진 것이 아니라 상품 판매, 서비스 제공, 관련 섹션 등을 통해 자연스럽고 유기적으로 나타날 때도 발생할 수 있습니다.

기술적인 관점에서 캐노니컬 URL은 캐노니컬 태그를 포함해 캐노니컬 속성을 부여한 HTML 코드의 링크입니다. 이를 통해 위에서 언급했듯 Google 봇이 그것을 메인 또는 출처 주소로 보게 되어 유사한 링크가 반복 또는 중복된 것으로 간주되는 것을 방지합니다.

다음은 URL을 캐노니컬 또는 메인으로 선언하는 방식의 예시입니다.

<link rel="canonical" href="/en/">

캐노니컬 링크의 기원과 SEO 이점

캐노니컬 링크의 사용은 2009년 인터넷 검색 분야의 3대 회사인 Google, Bing, Yahoo가 공동으로 캐노니컬 속성을 도입하면서 시작되었습니다.

당연히 캐노니컬 링크는 SEO 관점에서 큰 잠재력을 가지고 있습니다. 앞서 언급한 페널티를 피하는 데 도움을 주고, 우리에게 가장 중요한 URL을 Google에 알려주기 때문입니다.

이런 이유로 사이트의 SEO와 관련 전략을 세울 때, 특히 동일할 수 있는 URL이 많은 대형 사이트에서는 캐노니컬 링크의 도입이 항상 계획의 일부가 됩니다.

URL을 캐노니컬로 만드는 방법

웹사이트를 운영하거나 최적화하는 과정에서 유사한 URL이 다수 존재한다는 것을 발견한다면 캐노니컬 처리 작업을 시작해야 합니다. 이는 가장 좋은 URL을 선택하고 그것에 캐노니컬 속성을 부여하는 일로 구성됩니다.

콘텐츠와 기술적 구조가 가장 최적화되어 있어 가장 좋은 URL을 선택하기가 쉬운 경우도 있습니다. 그러나 페이지가 매우 비슷해 구분하기 어려운 경우 등 선택이 더 복잡한 경우도 있습니다.

어느 쪽이든 간단한 권장사항은 다음과 같습니다. 유사한 섹션이나 페이지가 있을 때 캐노니컬 URL을 선택하는 것이 항상 더 낫습니다. 그렇지 않으면 랭킹에 부정적인 영향이 있을 수 있고 트래픽에 영구적으로 영향을 미치는 페널티가 발생할 수 있습니다.

URL을 캐노니컬로 만들기 위해 첫 단계는 비슷할 수 있는 URL들을 비교하는 것입니다. 사용자가 다양한 방식으로 상품과 서비스 목록에 도달하는 전자상거래 사이트에서 흔하며, 다음과 같은 URL이 만들어질 수 있습니다.

두 URL 모두 사이트에 가치가 있거나 같은 상품 또는 페이지로 연결되므로, 다음과 같이 어느 쪽이 더 관련성이 높은지 선택해야 합니다.

  • 방문, 트래픽, 권한을 기준으로 가장 관련성 높은 URL을 선택합니다.

  • 링크가 선택되면 캐노니컬이 아닌 페이지에서 캐노니컬 페이지를 가리키는 캐노니컬 속성을 추가합니다. 다음과 같은 모습입니다.

<link rel="canonical" href="https://example.com/wordpress/seo-plugin/">

이를 통해 Google에게 어떤 URL이 캐노니컬화된 URL(원본의 사본으로 다루는 URL)이고 어떤 URL이 캐노니컬 URL, 즉 원본인지 알리게 됩니다. 이 링크는 "사본" URL에 두고 원본 URL을 가리키게 합니다.

다시 말해 다음 도식과 같습니다.

Rel Canonical
Rel Canonical

캐노니컬 URL을 사용하는 것이 권장되는 시점

상품, 서비스, 그 외 정보 및 글 등 페이지나 섹션이 많은 웹사이트에서는 그 페이지와 URL 중 일부가 매우 비슷할 가능성이 매우 높아 캐노니컬 URL을 사용하는 것이 적극 권장됩니다.

다만 그런 경우 캐노니컬 태그 대신 실제 301 리다이렉트를 사용할 수도 있습니다. 이는 리다이렉트가 영구적이고 사이트 마이그레이션이 진행될 때 특히 유용합니다. 그렇지만 기술적 문제나 페널티가 발생한 경우 캐노니컬 태그를 설정하는 것이 항상 다음으로 가장 권장되는 옵션입니다.

심지어 다른 사이트의 URL에도 캐노니컬 태그를 사용할 수 있습니다. 예를 들어 적절한 권한을 받아 다른 플랫폼에 수정 없이 다시 게시된 콘텐츠의 경우, 페널티를 피하기 위해 항상 원본을 가리키도록 합니다.

rel=canonical에 대한 중요한 메모

마지막에 두었다고 해서 덜 중요한 것은 아닙니다. 캐노니컬 속성은 Google에 보내는 제안(suggestion)이지 지시(directive)가 아니라는 점을 명확히 해야 합니다. 즉, 사이트의 나머지에서 우리가 보내는 신호가 우리가 정의한 방식과 충돌하면 Google은 이를 무시할 수 있습니다.

다시 말해 URL A에서 URL B로 캐노니컬을 설정했지만 내부 링크가 모두 A를 가리키고 외부 링크도 A를 가리킨다면, Google은 그 캐노니컬을 무시하고 A를 좋은 URL로 다룰 수 있습니다. 그러면 B가 A의 사본이 되어 페널티 대상이 될 수 있습니다.

Google이 어떤 URL을 원본으로 다루고 어떤 URL을 캐노니컬로 다루는지 알아내려면 Search Console로 들어가 인스펙터에 URL을 추가하고 Google Search Console이 제공하는 정보를 검토해야 합니다.

거기서 다음과 같은 데이터를 얻습니다.

캐노니컬 URL 확인
캐노니컬 URL 확인

캐노니컬 URL의 흔한 실수

캐노니컬 URL과 관련해 다양한 이슈와 자주 저지르는 실수가 있고, 이 도구가 잘못 사용될 때 특히 흔하게 나타납니다. 예를 들면 다음과 같습니다.

  • 페이지네이션 아카이브를 1페이지로 캐노니컬 처리해서는 안 됩니다. 마찬가지로 한 페이지의 캐노니컬 태그는 그 자신을 가리켜야 합니다. 예: 2페이지에서 2페이지. 그렇지 않으면 검색엔진이 더 깊은 페이지 아카이브를 인덱싱하는 데 어려움을 겪을 수 있습니다.

  • HTTP에서 HTTPS로 프로토콜을 전환하는 일이 있더라도 캐노니컬 URL은 배타적이고 고유해야 합니다.

  • 캐노니컬 태그는 변수를 사용하지 않고 직접적인 방식으로 필요한 URL을 기반으로 해야 합니다.

  • 한 페이지에 여러 관련 캐노니컬 URL이 있으면 역효과를 내고 예측 불가능해질 수 있습니다. Google이 우리 웹사이트를 빠르고 명확하게 이해해야 한다는 점을 잊지 말고 쉽게 만들어 줍시다.

  • 또 다른 중요한 실수캐노니컬 속성을 head 또는 헤더가 아닌 body에 사용하는 것입니다. Google은 공식 커뮤니케이션에서 가능한 한 일찍 head에 속성을 두라고 권장합니다. 모든 콘텐츠를 파싱할 때 감지되지 않을 수 있는 문제를 피하기 위함입니다.

  • noindex와 rel=canonical을 함께 사용하기. John Mueller는 여러 행아웃 중 한 곳에서 이를 구체적으로 다루며 두 신호가 모순되어 Google을 혼란스럽게 만들고, 결국 noindex보다 캐노니컬 속성을 따르게 될 것이라고 설명했습니다. 따라서 둘을 절대 함께 사용해서는 안 됩니다.

  • 캐노니컬 속성으로 404 페이지나 30x 페이지를 가리키기. 잠시 생각해 봅시다. URL A에 속성을 추가해 B를 가리키는데, B가 오류를 반환하거나 리다이렉트한다면 우리는 Google에 잘못된 신호를 보내는 것이 아닐까요? "원본" URL이 오류 페이지나 리다이렉트라고 알리는 셈이니… 말이 되지 않습니다.

캐노니컬 속성의 고급 활용

캐노니컬 속성은 다음과 같은 다른 기능과 고급 활용이 가능합니다.

  • HTTP 헤더 캐노니컬 링크: 이런 종류의 헤더는 PDF 문서를 캐노니컬화할 때 매우 유용합니다. PDF는 HTML이 아니므로 캐노니컬화하려면 이 옵션을 선택해야 하기 때문입니다. 다음과 같은 모습입니다.

Link: <http://www.example.com/downloads/seoguide.pdf>; rel="canonical"

  • 그다지 비슷하지 않은 페이지에 캐노니컬 사용하기: 사실 정말 비슷하지 않은 페이지, 심지어 꽤 다른 페이지에 캐노니컬 태그를 사용할 수도 있습니다. 사이트의 전반적인 권한에 도움이 될 수 있지만 권장하지 않습니다. Google이 캐노니컬의 오용을 감지해 사이트를 페널티를 부과하고 실제 캐노니컬 URL을 무시할 수 있기 때문입니다.

  • 캐노니컬 속성을 Hreflang과 함께 사용하기: Hreflang을 활용한 전략과 캐노니컬 태그를 동시에 사용할 수 있고, 적절히 적용하면 좋은 결과를 얻을 수 있습니다. 다만 Hreflang을 사용할 때는 캐노니컬의 언어 구현이 완벽해야 합니다. 항상 자기 자신을 가리키도록 해서 두 전략 모두에 득보다 실이 될 수 있는 예측 불가능한 이슈나 충돌을 피해야 합니다.

이 매혹적인 SEO 태그에 대해 아직 궁금한 점이 있으신가요? 기꺼이 도와드립니다!

저자: David Kaufmann

David Kaufmann

지난 10년 넘게 SEO에 완전히 빠져 살아왔습니다 — 솔직히 다른 길을 가고 싶지도 않았어요.

제 커리어가 한 단계 도약한 것은 인터넷 전체에서 방문자가 가장 많은 100개 사이트 중 하나인 Chess.com에서 시니어 SEO 스페셜리스트로 일했을 때입니다. 수백만 페이지, 수십 개 언어, 그리고 가장 경쟁이 치열한 SERP 중 하나에서 일한 경험은 어떤 강의나 자격증도 가르쳐주지 못하는 것들을 알려주었습니다. 이 경험은 진정으로 훌륭한 SEO가 어떤 모습이어야 하는지에 대한 제 관점을 완전히 바꾸어 놓았고, 이후 제가 만든 모든 것의 기초가 되었습니다.

이 경험을 바탕으로 SEO Alive를 창업했습니다 — 오가닉 성장에 진심인 브랜드를 위한 에이전시입니다. 우리는 대시보드와 월간 리포트를 파는 것이 목표가 아닙니다. 실제로 결과를 움직이는 전략을 만들어, 클래식 SEO의 최고와 흥미진진한 새로운 Generative Engine Optimization(GEO) 세계를 결합합니다 — 여러분의 브랜드가 Google의 파란 링크뿐 아니라 ChatGPT, Perplexity, Google AI Overviews가 매일 수백만 명에게 전달하는 AI 생성 답변 안에도 노출되도록 합니다.

그리고 이 두 세계를 제대로 다루는 도구를 찾을 수 없어서 직접 만들었습니다 — SEOcrawl입니다. 랭킹, 기술 감사, 백링크 모니터링, 크롤 건전성, AI 브랜드 가시성 추적을 한 곳에서 통합하는 엔터프라이즈 SEO 인텔리전스 플랫폼이죠. 항상 존재하기를 바랐던 바로 그 플랫폼입니다.

→ David님의 모든 글 읽기
더 많은 글: David Kaufmann

이 저자의 더 많은 콘텐츠를 만나보세요