Shopify에 rel=canonical 태그 적용: 방법 및 시기

일반적인 Shopify 스토어 소유자라면 스토어에 동일한 제품의 여러 이형 상품을 보유하고 있을 가능성이 높습니다. 일부 제품 페이지에는 유사한 제품 설명이 있을 수 있습니다. 표준 스토어 정책이 포함된 홍보용 블로그 게시물을 게시하고 있을 수도 있습니다.

이러한 콘텐츠는 모두 전자상거래 스토어 웹사이트에 포함해도 무방한 콘텐츠입니다. 하지만 '표준 URL'이 포함된 '표준 태그'라는 코드 스니펫을 구현하여 검색 엔진 최적화(SEO) 문제를 일으키지 않도록 해야 합니다.

이는 스토어의 온라인 검색 순위를 떨어뜨리는 중복 콘텐츠가 포함될 수 있기 때문입니다.

이 가이드에서는 표준 URL이 무엇인지, 왜 중요한지, 표준 태그를 Shopify 스토어에 추가하는 방법에 대해 설명합니다. 마지막으로 표준 태그를 구현하고 제대로 작동하는지 확인하기 위한 몇 가지 모범 사례를 다룹니다.

표준 URL이란 무엇인가요?

영화와 TV 프로그램을 열렬히 시청하거나 책을 즐겨 읽는 분이라면 "캐논"이라는 개념에 익숙하실 것입니다. 이 단어는 특정 사건이 영화, TV 프로그램 또는 책의 공식 스토리라인 또는 세계관의 일부로 간주되는 방식을 의미합니다.

예를 들어, 소년 마법사 해리 포터가 사악한 볼드모트를 물리치는 것은 작가 J.K. 롤링이 쓴 책에서 이 사건을 찾을 수 있듯이 해리 포터의 정설의 일부입니다. 반면에 헤르미온느 그레인저와 드라코 말포이가 커플이 된다는 설정은 일부 해리 포터 팬들 사이에서 인기가 있지만 정식 설정은 아닙니다.

마찬가지로 기술 SEO와 관련하여 표준 링크는 웹 페이지의 공식적인 '마스터' 사본으로 간주되는 페이지 URL입니다.

콘텐츠는 다음과 같이 여러 페이지에 거의 단어 단위로 표시될 수 있습니다:

• https://example.com/blog/hello-world은 원본 웹 페이지의 URL입니다.
• https://example.com/blog/hello-world?utm_source=newsletter&utm_medium=email은 사용자가 이메일 뉴스레터 링크를 클릭하면 원본 웹 페이지로 연결되는 URL입니다.
• https://partnersite.com/blog/hello-world 은 원본 페이지와 신디케이트된 콘텐츠가 포함된 다른 웹사이트의 웹 페이지 URL입니다.

이러한 모든 다른 URL은 잠재적으로 Google 및 기타 검색 엔진에서 순위를 매길 수 있으므로 어느 것이 표준 URL인지 표시해야 합니다. 이렇게 함으로써 검색 엔진 결과 페이지(SERP)에서 다른 URL보다 우선 순위를 매길 URL을 Google에 알려주게 됩니다.

정적 URL이 중요한 이유는 무엇인가요?

표준 URL을 사용하면 다음과 같이 할 수 있습니다:

• 검색자가 SERP에 표시할 URL을 지정합니다. 위에서 언급했듯이 표준 URL은 콘텐츠가 매우 유사한 웹 페이지에 대해 검색 엔진이 '마스터' URL로 간주하는 URL의 순위를 매기는 데 도움이 됩니다. 그런 다음 이 표준 URL을 사용하여 검색자를 비표준 버전 대신 웹 페이지의 공식 버전으로 안내할 수 있습니다.
• Google이 SERP에 표시하는 페이지에 영향을 미치는 중복 콘텐츠 문제를 방지합니다. Google은 일반적으로 여러 페이지에 중복 콘텐츠가 있는 웹사이트에 불이익을 주지 않습니다. 그러나 이러한 유사한 페이지는 SERP에 표시할 최적의 페이지를 놓고 Google에 혼란을 줄 수 있습니다. 표준 URL을 지정하면 Google이 순위를 매겨야 할 페이지를 명확하게 알 수 있습니다. (나중에 Shopify 스토어에서 발생할 수 있는 중복 콘텐츠 문제를 다룰 예정입니다!)
• 페이지 순위 통합. 여러 유사한 페이지의 URL에서 백링크 또는 기타 순위 신호가 포착되기 시작하면 표준 URL을 사용하여 해당 페이지에 대해 선호하는 URL로 퍼널링할 수 있습니다. 결과적으로 SERP에서 해당 URL의 순위를 높일 수 있습니다.
• 콘텐츠의 성과를 더 쉽게 추적하세요. Google이 여러 URL에 있는 동일한 콘텐츠 대신 단일 URL의 콘텐츠로 사용자를 안내하면 해당 콘텐츠의 조회수, 클릭 수 및 전환을 모니터링하는 것이 더 간단해집니다.

표준 URL과 표준 태그는 어떻게 다른가요?

정규 URL과 정규 태그를 혼동하지 마세요! 후자의 용어는 검색 엔진에 페이지의 정규 URL을 알려주기 위해 페이지에 snippet 코드 snippet 의미합니다.

표준 태그는 페이지의 헤더 섹션, 즉 머리 요소에 있으며 다음과 같이 표시됩니다:

	
  <link rel=“canonical” href=“https://example.com/blog/hello-world” />
  
 

위의 표준 태그에서 표준 URL은 "https://example.com/blog/hello-world"입니다.

표준 URL을 표시하려는 모든 웹 페이지(Shopify로 구축한 페이지 포함)에는 고유한 표준 태그가 있어야 합니다. 하지만 Shopify 페이지에 표준 태그를 하나씩 추가할 필요는 없습니다!

지금부터 코드 한 줄로 모든 Shopify 페이지에 표준 태그를 편리하게 삽입할 수 있는 튜토리얼을 공유하겠습니다.

Shopify에서 중복 콘텐츠 문제를 식별하는 방법

중복 콘텐츠 문제는 다양한 방식으로 Shopify 스토어에 나타날 수 있습니다. 스토어에 이러한 문제가 발생하고 있습니까?

• 여러 다른 URL에 동일한 제품 페이지 표시. 예를 들어, Shopify 홈페이지, 컬렉션 페이지, 베스트셀러 페이지가 모두 다른 제품 URL을 사용하더라도 사용자를 특정 제품으로 안내할 수 있습니다.
• 매우 유사한 콘텐츠가 있는 여러 페이지. 여기에는 거의 동일한 제품 설명이 있는 제품, 여러 개의 개별 페이지로 나뉘어 있는 콘텐츠(페이지 매김이라고도 함), 반복되는 콘텐츠가 있는 블로그 게시물 등이 포함될 수 있습니다.
• 동일한 도메인의 다른 버전. 예를 들어 https://www.example.com, https://example.com, https://example.com/index.html 모두 스토어 홈페이지로 연결될 수 있지만 검색 엔진에서는 순위를 매길 때 이를 별도의 URL로 간주합니다.

이러한 중복 콘텐츠가 Shopify 웹사이트에 남아 있도록 허용하면 여러 중복 페이지에서 순위 신호가 희석되어 스토어의 순위 잠재력이 저하될 수 있습니다.

아직 발생하지 않은 중복 콘텐츠 문제도 Shopify 스토어 페이지에 표준 태그를 추가하고 검색 엔진에 어떤 URL을 표시하고 SERP에 순위를 매겨야 하는지 알려주어 이러한 중복 콘텐츠 문제를 사전에 방지할 수 있습니다!

Shopify에서 표준 태그를 구현하는 방법

1. Shopify 테마 백업

이는 스토어 페이지에 표준 태그를 추가할 때 수행하는 작업으로, Shopify 테마를 편집할 때마다 중요한 첫 번째 단계입니다.

테마를 백업하면 Shopify 스토어의 이전 작동 버전에서 변경한 사항을 쉽게 되돌릴 수 있습니다. 표준 태그를 구현하는 동안 실수로 웹사이트가 손상된 경우 유용하게 사용할 수 있습니다.

따라서 Shopify 관리자 대시보드에서 왼쪽 사이드바의 판매 채널로 이동합니다. 온라인 스토어 > 테마를 선택합니다.

편집하려는 테마 옆의 가로 점 3개를 클릭한 다음 복제를 클릭하여 복사본을 만듭니다.

2. 코드 편집기에서 Shopify 테마를 엽니다.

백업이 완료되면 Shopify 테마 옆의 가로점 3개를 다시 클릭합니다. (여기서는 방금 만든 백업이 아니라 편집하려는 Shopify 테마를 가리킵니다.)

이번에는 코드 편집을 선택합니다.

이렇게 하면 코드 편집기에서 Shopify 테마가 열립니다.

3. 스토어의 헤더 코드가 포함된 테마 파일로 이동합니다.

코드 편집기의 왼쪽 사이드바에 긴 테마 파일 목록이 표시됩니다. 보기에는 복잡해 보일 수 있지만 Shopify 페이지의 헤드 요소에 대한 코드가 포함된 파일을 열기만 하면 됩니다.

이 파일은 일반적으로 "theme.liquid" 파일입니다:

왼쪽 사이드바에서 "theme.liquid" 파일을 클릭하고 그 안에 있는 /head 태그를 찾습니다. 이 태그는 헤드 태그의 반대쪽이며 헤드 요소의 끝을 나타냅니다.

"theme.liquid" 파일에 head 또는 /head 태그가 보이지 않으면 테마 개발자에게 해당 태그가 어떤 테마 파일에 있는지 문의해 보세요.

4. 4. 정식 태그 삽입

head 태그 바로 앞 (한 줄 위)에 이 표준 태그를 입력하거나 붙여넣습니다:

	
	  
  	<link rel="canonical" href="{{ canonical_url }}"/ >  
   

{canonical_url }}은 Shopify의 Liquid 템플릿 언어로 작성된 코드 자리 표시자입니다. 페이지에서 이 코드를 발견하면 Shopify는 해당 페이지의 표준 URL을 동적으로 생성하고 {{ canonical_url }}을 해당 URL로 대체합니다.

그리고 "theme.liquid" 파일이 Shopify 스토어의 모든 페이지에 대한 head 요소를 제어하므로, 위 코드 snippet 삽입하면 각 페이지에 자체를 가리키는 고유한 표준 URL이 snippet .

모든 페이지에 대한 표준 태그를 수동으로 준비하고 삽입할 필요가 없습니다!

Shopify 코드 편집기의 오른쪽 상단에 있는 "저장" 버튼을 클릭하여 변경 사항을 적용합니다.

Shopify의 표준 URL에 대한 5가지 SEO 고려 사항 및 모범 사례

Shopify 스토어에서 표준 URL을 구현한 후에는 다음 5가지 권장 사항에 따라 표준 URL을 올바른 용도로 사용하고 있는지 확인합니다.

또한 이러한 기능을 최대한 활용할 수 있도록 도와줍니다:

1. 표준이 아닌 버전의 페이지를 표시하는 데 Noindex를 사용하지 마세요.

noindex 지시어는 특정 페이지를 색인화하지 않도록 Google에 지시합니다. 표준이 아닌 특정 페이지가 SERP에 표시되지 않도록 하려는 경우 직관적으로 사용할 수 있지만, 그렇게 하면 의도하지 않은 SEO 문제가 발생할 수 있습니다.

즉, Google이 해당 페이지를 색인화하거나 해당 페이지가 받은 순위 신호를 다른 대상 페이지로 전달하는 것을 방지할 수 있습니다.

noindex 지시어 대신 표준 태그를 사용하면 Google이 페이지 색인을 생성하고 다른 페이지가 해당 페이지의 "공식" 버전임을 이해할 수 있습니다. 그러면 Google은 모든 순위 신호를 해당 "공식" 페이지와 통합할 수도 있습니다.

2. 표준화에도 robots.txt를 사용하지 마세요.

Shopify 스토어에는 Google이 검색 색인에 페이지를 추가할 때 액세스할 수 있는(또는 액세스할 수 없는) 스토어 URL을 알려주는 robots.txt 파일이 포함되어 있습니다.

이 파일은 주로 다음과 같은 경우에 도움이 됩니다. 크롤링 예산 관리을 관리하는 데 주로 사용됩니다. robots.txt 파일에 페이지 URL을 추가하면 Google이 크롤링할 수 없습니다:

• 콘텐츠를 크롤링하거나
• URL이 획득했을 수 있는 순위 신호를 평가하고 이를 전달하지 않습니다.

또한 Google은 메타 설명이 누락된 '로봇화된' 페이지를 SERP에 표시할 수도 있습니다.

3. 301 리디렉션과 표준 태그 사용 시기 이해하기

사용자가 다른 URL이 아닌 특정 페이지 URL의 콘텐츠를 보도록 하려면 301 리디렉션을 사용하세요. 이러한 리디렉션을 통해 사용자와 검색 엔진이 리디렉션된 페이지를 방문하는 것을 방지할 수 있습니다.

반면 표준 태그는 해당 태그가 포함된 페이지를 활성 상태로 유지하면서 검색 엔진에 어떤 버전의 페이지에 색인을 생성하고 순위를 매길지 알려줍니다.

4. 자체 참조 표준 사용

웹 페이지의 표준 태그는 페이지의 자체 URL을 표준 URL로 가리키는 웹 페이지의 표준 태그입니다.

예를 들어, "https://example.com/blog/hello-world" URL에 대한 자체 참조 표준 태그는 표준 URL로 "https://example.com/blog/hello-world"를 포함합니다.

현재 중복된 페이지가 없더라도 모든 Shopify 스토어 페이지에 이러한 자체 참조 표준을 포함하는 것이 좋습니다. 이렇게 하면 향후 Shopify 스토어에서 발생할 수 있는 중복 콘텐츠 문제를 사전에 완화할 수 있기 때문입니다.

또는 누군가 회원님 모르게 스토어 페이지를 스크랩하여 웹사이트에 게시할 수도 있습니다. 이 과정에서 표준 태그를 변경하지 않았다면 검색 엔진은 여전히 페이지의 URL을 콘텐츠의 원본 소스로 간주하고 스크랩한 페이지의 우선 순위를 떨어뜨립니다.

(위의 튜토리얼을 따르면 Shopify 페이지에서 자체 참조 표준을 설정할 수 있습니다!)

5. Shopify 스토어의 표준 URL을 정기적으로 감사합니다.

Google Search Console을 사용할 수 있습니다. Google Search Console 를 사용하여 Google이 색인화하는 스토어 URL의 버전을 확인할 수 있습니다. 도구를 열고, 확인하려는 페이지 URL을 URL 검사 기능에 입력하세요.

검사 보고서의 '인덱싱' 섹션에서 다음을 확인할 수 있습니다:

• URL에 대해 선언한 표준 URL( "사용자 선언 표준"이라고도 함)과 해당 URL에 대한
• 구글이 선택한 정식 URL로, 구글이 공식 버전의 URL로 간주하는 URL입니다.

사용자가 선언한 표준과 Google이 선택한 표준이 일치하지 않는 경우 문제를 해결하기 위한 조치를 취하세요.

특히 Shopify 스토어의 구조, 제품 범주 또는 컬렉션 페이지를 크게 변경한 경우에는 이러한 감사를 정기적으로 수행하십시오. 이렇게 하면 잠재적인 표준 URL 문제를 조기에 발견하고 수정할 수 있습니다.

Shopify SEO: 그 밖에 무엇을 해야 할까요?

표준 태그 구현은 Shopify 스토어를 운영할 때 우선 순위 목록에서 가장 높은 항목이 아닐 수도 있습니다. 하지만 이렇게 하면 빠르고 간단하며 올바른 버전의 온라인 스토어 페이지 URL이 검색 엔진 순위(SERP)에 표시되도록 하는 데 도움이 됩니다. 그러니 잠시 시간을 내어 이 편리한 태그를 Shopify 테마에 최대한 빨리 추가해 보세요!

다국어 Shopify 스토어를 운영하는 경우 표준 태그 설치는 처리해야 할 Shopify SEO 작업 항목 중 하나에 불과합니다. 예를 들어, 우수한 사용자 환경을 제공하려면 hreflang 태그도 구현해야 합니다. 이러한 태그는 특정 언어 및 지역 설정이 있는 사용자에게 제공할 스토어 페이지 버전을 검색 엔진에 알리는 데 도움이 됩니다.

이와 관련하여 Weglot 스토어 페이지에 hreflang 태그를 자동으로 구현하는 데 도움을 줄 수 있으므로 해외 검색을 위해 Shopify 스토어를 최적화하는 데 이상적인 솔루션입니다. 또한 다음과 같은 유용한 기능도 포함되어 있습니다:

• 스토어 콘텐츠를 110개 이상의 지원 언어로 번역하고
• 언어 하위 도메인 또는 하위 디렉터리 아래에 이러한 번역을 표시합니다.

더 브래들리, 론 도프와 같은 전자 상거래 비즈니스는 Weglot 사용하여 Shopify 스토어를 최적화함으로써 번역 시간을 100시간 이상 절약하고 트래픽과 해외 매출이 크게 증가했습니다.

내 스토어에서도 이러한 혜택을 경험하고 싶으신가요? 그렇다면 여기에서 14일 무료 Weglot 체험판을 신청하세요.