메타 필드를 활용한 쇼피파이 noindex 설정 방법

Kyle Risley는 Shopify의 SEO 수석 리더로, 지난 12년간 검색 엔진 최적화 분야에서 일해 왔습니다.

검색 엔진 최적화(SEO)는 쇼핑객이 여러분의 제품을 찾을 수 있도록 검색 엔진 결과에 웹사이트가 나타나게 하는 모든 작업을 말합니다. 그런데 만약 Google과 같은 검색 엔진이 특정 페이지를 찾지 못하도록 하고 싶다면 어떻게 해야 할까요? 예를 들어 A/B 테스트를 위해 여러 버전의 랜딩 페이지를 만들 수 있지만, 검색 엔진이 한 페이지의 여러 버전을 색인하는 것은 원치 않을 수 있습니다. 바로 이럴 때 색인 제거(deindexing)가 필요합니다. 페이지를 색인에서 제거하는 쉬운 방법 중 하나는 “noindex” 메타 태그를 사용하는 것입니다.

이 가이드에서는 코드를 전혀 사용하지 않고 Shopify 페이지에 noindex를 적용하는 방법을 알아보겠습니다.

noindex 태그란 무엇인가요?

noindex 태그는 검색 엔진에 특정 URL을 색인화하지 말라고 지시하는 메시지입니다. 검색 엔진 봇은 인터넷을 크롤링하고 색인화하여 새로운 웹페이지를 발견하고 이해합니다. 여러분이 사이트에 새 페이지를 추가할 때마다 사이트 크롤러라는 프로그램이 해당 페이지를 사이트 색인에 추가합니다.

색인은 크게 두 가지 기능을 합니다. 페이지가 검색 엔진 결과에 나타날 수 있게 하고, 검색 엔진의 알고리즘이 웹사이트 페이지를 평가하도록 돕습니다. noindex 태그는 검색 엔진 결과에서 페이지를 숨기고, 검색 엔진이 도메인을 평가할 때 해당 페이지를 고려 대상에서 제외합니다.

온라인 스토어에서 페이지에 noindex를 적용해야 하는 경우

• 단순한 랜딩 페이지
• 중복 콘텐츠
• 오래된 블로그 게시물

페이지에 noindex를 적용해야 하는 경우에는 여러 가지가 있습니다.

단순한 랜딩 페이지

페이지에 noindex를 적용하는 가장 흔한 사례는 중복되거나 품질이 낮은 랜딩 페이지입니다. 예를 들어 유료 검색이나 이메일 트래픽을 위해 간단한 랜딩 페이지를 만들었다고 가정해 보겠습니다. 이 랜딩 페이지가 사실상 하나의 큰 클릭 유도 문구(CTA) 버튼에 불과하다면, 검색 엔진이 이를 색인하지 않기를 바랄 수 있습니다.

이런 저품질 페이지가 몇 개 정도라면 검색 엔진에 큰 문제가 되지 않습니다. 하지만 그런 페이지가 많다면 검색 엔진이 사이트를 저품질로 분류하지 않도록 noindex 적용을 고려해 보는 것이 좋습니다.

중복 콘텐츠

동일한 페이지의 여러 버전(예: A/B 테스트용)을 만들면 기본 페이지가 검색 엔진 결과에서 상위에 노출되기 어려워질 수 있습니다. "추가" 페이지 버전에 noindex 태그를 적용하면 검색 엔진의 의사 결정 과정이 간소화됩니다. 여러 버전 중에서 고르는 대신 항상 기본 페이지를 선택하게 됩니다.

오래된 블로그 게시물

블로그 게시물이 오래되어 더 이상 검색 결과에 노출되지 않기를 바라지만 페이지 자체를 삭제하고 싶지는 않다면, noindex 태그가 좋은 해결책이 될 수 있습니다.

예를 들어 몇 년 전 여러분의 차(茶) 회사가 일본으로 원료 조달 출장을 떠난 것에 관한 블로그 게시물을 작성했다고 가정해 보겠습니다. 그 이후로 많은 것이 바뀌어 새로운 공급업체와 협력하게 되었고, 다양한 종류의 차를 판매하게 되었습니다. 그래서 잠재 고객이 검색을 통해 이 게시물을 발견하지 않기를 원할 수도 있습니다. 오래된 게시물이 자칫 여러분의 상품에 대해 혼란을 줄 수 있기 때문입니다. 하지만 그렇다고 해서 기존 게시물을 삭제할 필요는 없습니다. 최근 조달 출장을 다룬 새 블로그 게시물에서는 예전 게시물로 링크를 걸고 싶을 수도 있기 때문입니다. 이때 noindex 태그가 도움이 됩니다.

Shopify에서 noindex를 적용하는 방법

1. 검색 엔진에서 숨기고 싶은 페이지를 결정하기
2. seo.hidden 메타 필드 만들기
3. noindex 적용하기
4. 검색 엔진이 사이트를 크롤링할 때까지 기다리기

코드를 편집하지 않고 Shopify 스토어의 페이지에 noindex를 적용하는 방법은 다음과 같습니다.

1. 검색 엔진에서 숨기고 싶은 페이지를 결정하기

대부분의 경우 페이지에 noindex를 적용할 필요는 없습니다. 예를 들어 품질 기준에 미치지 못하는 모든 페이지에 일일이 noindex를 적용할 필요는 없습니다. Google Search Console에서 사람들에게 보여주고 싶지 않은 페이지로 상당한 검색 트래픽이 유입되는 것이 확인된다면, 해당 페이지에 noindex를 적용하는 것을 고려해 볼 만한 좋은 신호입니다.

어떤 페이지에 noindex를 적용할지 결정했다면, 다음과 같은 페이지 유형을 기록해 두세요.

• 제품
• 컬렉션
• 페이지
• 블로그(블로그 전체)
• 블로그 게시물(개별 게시물)

2. seo.hidden 메타 필드 만들기

Shopify에서는 seo.hidden 메타 필드를 사용하여 페이지에 noindex,nofollow 메타 태그를 적용하고 사이트의 XML 사이트맵 파일에서 페이지를 제거하여 내부 사이트 검색에서 페이지를 숨길 수 있습니다. 메타 필드를 만드는 방법은 다음과 같습니다.

Shopify 관리자 페이지에서 “스토어 설정 > 사용자 지정 데이터”로 이동하거나 검색창에 "메타 필드"를 입력합니다. 제품 페이지와 같이 noindex를 적용하려는 페이지 유형을 선택합니다.

“정의 추가” 버튼을 선택합니다.

필드를 입력합니다.

• 알아보기 쉽고 명확한 이름(예: NoIndex)을 지정합니다.
• 네임스페이스와 키는 반드시 seo.hidden이어야 합니다.
• 설명란에는 "이 페이지에 noindex를 적용하려면 '1'을 입력하세요."라는 안내 문구를 추가합니다.
• 유형은 반드시 정수(Integer)여야 합니다.

완료되면 저장을 클릭합니다.

noindex를 적용해야 하는 다른 페이지 유형에 대해서도 이 과정을 반복합니다.

3. noindex 적용하기

noindex 메타 필드를 적용하려면 noindex를 적용하려는 특정 페이지의 편집 화면으로 이동합니다. 예를 들어 제품 페이지에 noindex를 적용하려면 제품으로 이동한 다음, 검색 엔진에서 숨기고 싶은 제품 페이지를 선택합니다. 아래로 스크롤하여 제품 메타 필드로 이동합니다.

방금 만든 새 메타 필드가 보이면 메타 필드 이름(여기서는 NoIndex) 옆의 공간에 "1"을 입력하고, 저장을 클릭합니다.

noindex 태그가 제대로 적용됐는지 확인하려면 해당 페이지 URL로 이동합니다. PC에서는 마우스 오른쪽 버튼을 클릭하고, Mac에서는 Control 키를 누른 채 클릭한 다음 “검사”를 선택합니다. "찾기" 단축키를 사용해 "noindex"를 검색해 보세요. 소스 코드에 "noindex"가 표시된다면 페이지가 검색 결과에 며칠(또는 몇 주) 더 나타나더라도 noindex가 올바르게 적용된 것입니다.

4. 검색 엔진이 사이트를 크롤링할 때까지 기다리기

페이지에 noindex 태그를 추가한 후, 검색 엔진 크롤러가 페이지를 다시 크롤링하고 검색 결과에서 제거하기까지는 며칠에서 몇 주가 걸릴 수 있습니다. 인기 있는 페이지일수록 더 빨리 크롤링되고 인기가 적은 페이지라면 색인 처리에 더 오래 걸릴 수 있습니다.

Google Search Console에서 재색인을 위해 URL을 제출하면 이 과정을 앞당길 수 있지만, 대개 그럴 필요는 없습니다. 재색인에 오랜 시간이 걸린다면 그 페이지는 트래픽이 많지 않다는 뜻이므로 크게 걱정할 필요가 없습니다.