본문 바로가기
IT

캐노니컬 태그(Canonical Tag) 완벽 가이드: 중복 콘텐츠 문제 해결하기

by 동골여행자 2024. 12. 23.

목차

     

    캐노니컬 태그(Canonical Tag)는 웹 페이지의 SEO(검색 엔진 최적화)에서 중요한 역할을 하는 HTML 요소입니다.

     

    이 태그는 중복 콘텐츠 문제를 해결하고, 검색 엔진이 어떤 페이지를 원본으로 간주해야 하는지를 명확히 하는 데 도움을 줍니다.

     

    이 글에서는 캐노니컬 태그의 정의, 필요성, 사용 방법, 예시 등을 자세히 설명하겠습니다.

     

    캐노니컬_태그(Canonical_Tag)_완벽_가이드:_중복_콘텐츠_문제_해결하기

     

    캐노니컬 태그의 정의

     

    캐노니컬 태그는' '형식으로 HTML 문서의섹션에 삽입됩니다.

     

    이 태그는 특정 페이지의 "정식" URL을 지정하여, 검색 엔진이 중복된 콘텐츠를 가진 여러 페이지 중에서 어떤 페이지를 우선적으로 색인해야 하는지를 알려줍니다.

     

    캐노니컬 태그의 필요성

     

    웹사이트에서 중복 콘텐츠가 발생하는 이유는 여러 가지가 있습니다. 예를 들어:

     

    동일한 콘텐츠가 여러 URL에서 접근 가능할 때 (예: www와 non-www 버전, HTTP와 HTTPS 버전)

     

    필터링이나 정렬 기능을 통해 생성된 페이지 (예: 쇼핑몰에서 카테고리별로 정렬된 상품 리스트)

     

    URL 파라미터가 있는 페이지 (예: 검색 결과 페이지)

     

    이러한 중복 콘텐츠는 검색 엔진이 어떤 페이지를 색인해야 할지 혼란을 줄 수 있으며, 결과적으로 SEO 성과에 부정적인 영향을 미칠 수 있습니다.

     

    캐노니컬 태그를 사용하면 이러한 문제를 해결할 수 있습니다

     

    캐노니컬 태그의 사용 방법

     

    정식 URL 결정: 중복 콘텐츠가 있는 경우, 어떤 URL을 정식 URL로 설정할 것인지 결정합니다.

     

    HTML 코드 삽입: 결정한 정식 URL을섹션에 캐노니컬 태그로 삽입합니다. 예를 들어, 정식 URL이 https://www.example.com/original-page라면, 다음과 같이 작성합니다:

    <link rel="canonical" href="https://www.example.com/original-page">

     

     

    모든 중복 페이지에 적용: 중복 콘텐츠가 있는 모든 페이지에 대해 동일한 캐노니컬 태그를 삽입합니다.

     

    각 페이지는 동일한 정식 URL을 가리켜야 합니다.

     

    캐노니컬 태그의 예시

     

    예시 1: 동일한 콘텐츠의 여러 URL

     

    예를 들어, 다음과 같은 두 페이지가 있다고 가정해 보겠습니다:

     

    https://www.example.com/page?ref=123

     

    https://www.example.com/page?ref=456

     

    이 두 페이지는 동일한 콘텐츠를 가지고 있지만, URL 파라미터가 다릅니다.

     

    이 경우, 정식 URL을 https://www.example.com/page로 설정하고, 두 페이지의섹션에 다음과 같은 캐노니컬 태그를 추가합니다:

     

    <link rel="canonical" href="https://www.example.com/page">

     

    예시 2: www와 non-www 버전

     

    웹사이트가 www와 non-www 버전 모두를 지원하는 경우, 정식 URL을 하나로 통일해야 합니다.

     

    예를 들어, https://www.example.com을 정식 URL로 설정하고, https://example.com 페이지에 다음과 같은 캐노니컬 태그를 추가합니다:

     

    <link rel="canonical" href="https://www.example.com">

     

    블로그에 캐노니컬 태그 적용하기

     

    블로그 플랫폼에 따라 캐노니컬 태그를 적용하는 방법은 다를 수 있습니다.

     

    일반적인 블로그 플랫폼에서 캐노니컬 태그를 적용하는 방법은 다음과 같습니다:

     

    1. 워드프레스(WordPress)

     

    워드프레스에서는 SEO 플러그인을 사용하여 쉽게 캐노니컬 태그를 추가할 수 있습니다.

     

    예를 들어, Yoast SEO 플러그인을 설치한 후, 각 포스트의 편집 화면에서 '고급' 탭을 찾아 캐노니컬 URL을 입력할 수 있습니다.

     

    2. 티스토리/네이버 블로그(Blog)

     

    블로거에서는 HTML 편집기를 사용하여 직접 캐노니컬 태그를 추가할 수 있습니다.

     

    블로그의 HTML 템플릿을 수정하고섹션에 캐노니컬 태그를 추가합니다.

    <head>
        <link rel="canonical" href="https://www.example.com/original-post">
    </head>

     

    캐노니컬 태그 사용 시 주의사항

     

    정확한 URL 사용: 캐노니컬 태그에 입력하는 URL은 정확해야 하며, 반드시 HTTPS를 사용하는 것이 좋습니다.

     

    상대 경로 사용 지양: 상대 경로 대신 절대 경로를 사용하는 것이 좋습니다. 예를 들어, /page 대신 https://www.example.com/page를 사용해야 합니다.

     

    자기 참조 캐노니컬: 각 페이지는 자신을 가리키는 캐노니컬 태그를 포함하는 것이 좋습니다. 이는 검색 엔진에게 해당 페이지가 정식 URL임을 명확히 알리는 방법입니다.

     

    결론

     

    캐노니컬 태그는 중복 콘텐츠 문제를 해결하고, 검색 엔진 최적화를 위한 중요한 도구입니다.

     

    블로그 운영자는 캐노니컬 태그를 적절히 사용하여 검색 엔진이 자신의 콘텐츠를 올바르게 색인하도록 도와야 합니다.

     

    이를 통해 검색 결과에서의 가시성을 높이고, 더 나은 SEO 성과를 달성할 수 있습니다.

    함께 보면 좋은 글

     

    초보자를 위한 VPN 이해하기

    VPN(가상 사설망)은 인터넷 사용자가 안전하게 데이터를 전송하고, 개인 정보를 보호하기 위해 사용되는 기술입니다. VPN은 사용자의 인터넷 트래픽을 암호화하고, 원거리 서버를 통해 데이터를

    poier1.tistory.com

     
     

    ‘query-input’ 입력란이 누락되었습니다.(경로: 'potentialAction') 해결방법

    최근 구글에서 ‘query-input’ 입력란이 누락되었습니다.(경로: 'potentialAction') 이메일을 받았습니다. 여러 경로로 해결방법에 대해서 찾아봐서 문제를 해결한 방법에 대해서 알려드리겠습니다. 

    poier1.tistory.com