Shopify 플러스 SEO 가이드
게시 됨: 2022-01-19Go Fish Digital은 다양한 플랫폼에서 수많은 전자 상거래 사이트와 협력합니다. SEO 서비스를 제공하기 시작한 이래로 Commerce Cloud, WooCommerce, Magento, 맞춤형 빌드 등을 통해 고객이 찾아왔습니다. 그러나 최근 몇 년 동안 눈에 띄는 플랫폼이 하나 있습니다.
Shopify 및 Shopify Plus를 활용하는 웹사이트가 점점 더 많아지는 것은 놀라운 일이 아닙니다. 이 "전자 상거래 르네상스"를 촉발한 사건으로 팬데믹을 지적하는 것은 쉽지만 데이터는 그것이 그 이전에 진행되고 있음을 보여줍니다. BuiltWith의 Shopify Plus 사용 통계를 보면 플랫폼이 2017년부터 인기를 얻고 있음을 알 수 있습니다.
이전에 일반 Shopify SEO에 대한 모범 사례를 작성했지만 Shopify Plus SEO에 대한 보다 구체적인 가이드를 작성하고 싶었습니다. 기본 기술은 거의 동일하지만 일반적으로 Shopify Plus 플랫폼을 채택하는 다양한 유형의 클라이언트를 볼 수 있습니다. 이들은 일반적으로 더 큰 마케팅 팀이 있는 더 큰 브랜드입니다.
결과적으로 Shopify Plus 사이트는 인벤토리가 더 많고 사용자 정의가 더 많으며 더 복잡한 마케팅 기술을 활용하는 경향이 있습니다. 이를 염두에 두고 SEO 관점에서 이러한 유형으로 작업할 때의 모범 사례와 Shopify Plus 스토어에서 발생할 수 있는 일반적인 문제를 자세히 설명하고자 했습니다.
1. 제품 페이지 복제
Shopify Plus 웹사이트에서 발견한 가장 큰 SEO 문제 중 하나는 중복 콘텐츠의 존재입니다. 중복 콘텐츠는 두 개 이상의 고유한 URL에서 동일한 콘텐츠에 액세스할 수 있을 때 발생합니다. Shopify Plus 사이트에는 중복 콘텐츠를 생성하는 다양한 방법이 있습니다.
첫 번째는 중복 제품 페이지입니다. 종종 Shopify Plus의 카테고리 페이지는 중복 제품 페이지로 연결됩니다.
예를 들어 Untuckit 웹사이트를 살펴보겠습니다. 카테고리 페이지에서 제품 페이지 중 하나로 이동하면 "Flannel Manning Shirt"(현재 단종됨)가 있음을 알 수 있습니다. URL의 URL 경로에 /collections/ 및 /products/가 모두 있는 것을 볼 수 있습니다.
https://www.untuckit.com /collections/ 플란넬 /products/ manning
그러나 특정 페이지의 표준 태그를 확인할 때 완전히 다른 URL을 가리키는 것을 볼 수 있습니다. 이 URL에는 /products/ 경로만 있습니다: https://www.untuckit.com /products/ manning
이 페이지로 이동하면 실제로 위에 나열된 URL과 정확히 일치한다는 것을 알 수 있습니다.
이로 인해 Shopify Plus SEO에 문제가 발생합니다. 이는 카테고리 페이지에서 링크되는 페이지가 표준 URL이 아님을 의미합니다. 대신 카테고리 페이지가 크롤링/인덱싱이 가능한 중복 페이지로 연결됩니다.
또한 더 큰 문제는 이 설정이 대규모 중복 콘텐츠를 생성한다는 것입니다. 카테고리 페이지에서 링크된 모든 단일 제품은 중복 페이지입니다. 즉, Shopify Plus 사이트는 SEO의 중요한 페이지에 대해 잠재적인 중복 콘텐츠를 많이 생성합니다.
표준 태그는 색인 생성을 위한 Google 통합 신호를 제공하는 데 유용하지만 표준 태그는 지시문이 아니라 힌트입니다. 즉, Google은 표준 태그를 무시하고 중복된 항목의 색인을 생성할 수 있습니다.
다행히 Shopify Plus 웹사이트의 카테고리 페이지가 올바른 제품 페이지로 연결되도록 하는 방법이 있습니다. product-grid-item.liquid 파일을 조정하여 Shopify가 사이트의 모든 카테고리 페이지에 있는 올바른 제품 URL로 연결되도록 할 수 있습니다. 이 문제를 해결하는 방법에 대해 자세히 알아보려면 Shopify 중복 콘텐츠에 대한 가이드를 참조하세요.
2. JavaScript 렌더링 콘텐츠
Shopify Plus 사이트에 대한 또 다른 주요 SEO 고려 사항은 JavaScript 렌더링 콘텐츠입니다. Shopify Plus를 사용하는 웹 사이트는 JavaScript 크롤링 및 인덱싱 문제가 발생하기 쉽습니다. 이는 이러한 상점이 일반적으로 더 큰 재고를 보유하고 더 큰 브랜드에서 사용하기 때문입니다. 결과적으로 개발자는 사이트의 수명 주기 동안 콘텐츠를 제공하기 위해 JavaScript 프레임워크를 조정하거나 구현했을 가능성이 더 큽니다.
Google은 수년에 걸쳐 JavaScript 크롤링 및 색인 생성에 있어 훨씬 더 나아졌지만 이 프로세스는 여전히 완벽하지 않습니다. JavaScript SEO 모범 사례는 기술을 사용하는 모든 사이트에 대해 여전히 따라야 합니다. JavaScript가 Googlebot이 크롤링하고 색인을 생성하는 것을 방해하거나 완전히 숨기면 순위에 방해가 될 수 있습니다.
예를 들어, Motherhood Maternity's Nursing Bras 카테고리 페이지를 살펴보겠습니다. URL로 이동하면 표준 카테고리 페이지가 로드되는 것을 볼 수 있습니다. 여기에서 탐색, 배너 이미지 및 제품 목록을 볼 수 있습니다.
그러나 JavaScript를 끄면 배너 이미지와 제품 목록이 어디에도 없습니다.
이를 더 자세히 조사하기 위해 "소스 보기"를 사용하여 페이지의 원시 HTML을 볼 수 있습니다. 그러면 JavaScript가 실행되기 전에 검색 엔진에서 액세스할 수 있는 페이지의 콘텐츠가 표시됩니다. "Average Busted Seamless Maternity And Nursing Bra"와 같은 제품을 검색할 때 해당 페이지에서 찾을 수 없음을 알 수 있습니다.
이것은 원시 HTML에서 액세스할 수 없는 페이지의 주요 콘텐츠를 적절하게 로드하기 위해 JavaScript가 필요함을 보여줍니다. 이는 Google이 제품 목록의 색인을 올바르게 생성할 수 있는지 추가 검토를 원한다는 표시입니다.
Motherhood Maternity의 유기적 트래픽을 살펴보면 지난 몇 년 동안 급격히 감소했음을 알 수 있습니다.
Google이 트래픽 감소의 원인이 될 수 있는 JavaScript 콘텐츠를 인덱싱하는 데 문제가 있을 수 있습니다. FastSimon 기술을 사용하기 때문에 콘텐츠를 미리 렌더링하는 것이 유기적 순위를 높이는 데 도움이 되는지 테스트할 수 있습니다.
사이트가 Shopify Plus에 있는 경우 JavaScript 사용을 감사하고 Google에서 JS 렌더링 콘텐츠를 올바르게 인덱싱할 수 있는지 테스트하고 싶을 것입니다. 내 동료인 Pierce Brelinsky는 프로세스를 안내하는 데 도움이 되는 환상적인 JavaScript SEO 가이드를 작성했습니다.
3. 패싯 탐색
Shopify Plus 사이트에 대한 또 다른 주요 SEO 고려 사항은 패싯 탐색입니다. Shopify Plus 사이트는 인벤토리가 더 많을 수 있으므로 패싯 탐색을 구현했을 가능성이 더 큽니다. 이 기능을 통해 사용자는 다양한 기준(크기, 가격, 재질)에 따라 카테고리 페이지를 쉽게 정렬하고 필터링하여 가장 관련성이 높은 제품을 찾을 수 있습니다. 패싯 탐색은 다양한 제품을 탐색하려는 사용자에게 유용할 수 있습니다.
그러나 패싯 탐색은 많은 양의 중복 콘텐츠를 생성하여 심각한 SEO 문제를 일으킬 수 있습니다. 많은 설정에서 선택된 모든 패싯은 새 URL을 생성합니다. 이러한 URL은 엄청난 수의 페이지를 빠르게 추가할 수 있습니다. Google의 사례 연구에서 그들은 158개의 제품이 있는 상점에서 380,000개의 URL을 생성했음을 발견했습니다! 패싯 탐색으로 생성된 URL은 루트 카테고리 페이지의 정렬 및 필터링된 보기만 포함하므로 일반적으로 원본 페이지와 중복되거나 유사합니다. 이로 인해 대규모 중복 콘텐츠 문제가 발생할 수 있습니다.
예를 들어 Bonlook의 여성용 안경 카테고리 페이지에서 바로 그 것을 볼 수 있습니다.
이 카테고리 페이지에는 사용자가 크기, 성별, 모양 등과 같은 다양한 매개변수로 필터링할 수 있는 패싯 탐색이 포함되어 있습니다.
패싯 탐색에서 옵션을 선택하면 URL이 변경되어 Google이 크롤링할 고유한 경로가 생성됨을 알 수 있습니다. "Black", "Female" 및 "Cat Eye" 옵션을 선택하면 다음 URL이 로드되는 것을 볼 수 있습니다.
이 콘텐츠가 루트 카테고리 페이지와 어떻게 매우 유사한지 확인하십시오. 이것은 확실히 유사하거나 중복된 콘텐츠로 간주될 수 있습니다. Google이 패싯 탐색에 의해 생성된 모든 매개변수화된 페이지의 색인을 생성할 수 있는 경우 대규모 중복 콘텐츠 문제가 발생할 수 있습니다.
다행히 이 콘텐츠는 robots.txt 파일의 Shopify 기본 규칙에 의해 차단됩니다. 이렇게 하면 Google이 패싯 탐색에 의해 생성된 많은 중복 페이지를 크롤링하는 것을 방지할 수 있습니다.
그러나 Shopify Plus 스토어에서 패싯 탐색을 사용하는 경우 Google이 생성될 수 있는 많은 수의 URL을 크롤링하고 색인을 생성할 수 있는지 확실히 분석하고 싶을 것입니다. 종종 패싯 탐색은 Shopify의 기본 robots.txt 규칙에 의해 차단되지 않습니다. 이로 인해 품질이 낮고 중복된 페이지에 집중된 크롤링 예산이 많이 발생할 수 있습니다.
4. 내부 사이트 검색
내부 사이트 검색은 Shopify Plus 사이트의 또 다른 중요한 부분입니다. 이러한 사이트에는 많은 수의 SKU가 있으므로 사용자가 상점에서 찾고 있는 제품에 빠르게 액세스하려면 이 기능을 사용할 수 있어야 합니다. 상점에 내부 사이트 검색이 없는 경우 눈에 잘 띄는 위치에 추가하는 것이 좋습니다. 데이터에 따르면 내부 사이트 검색을 사용하는 사용자는 사용하지 않는 사용자보다 전환 가능성이 훨씬 더 높을 수 있습니다.
내부 사이트 검색을 사용하면 SEO 문제를 일으키지 않는지 테스트해야 합니다. 가장 일반적인 문제는 일부 Shopify 매장에서 내부 검색 페이지를 크롤링하고 잠재적으로 인덱싱할 수 있다는 것입니다. 이로 인해 사이트의 나머지 부분에 대한 품질 평가에 영향을 줄 수 있는 Google 색인의 페이지 품질이 저하될 수 있습니다.
Lord & Taylor 웹사이트를 보면 내부 검색이 크롤링되는 것을 볼 수 있습니다. 예를 들어, 아래에서 "Tote Bag"을 검색할 때 내부 검색 결과 페이지를 볼 수 있습니다.
이 페이지는 토트백을 찾는 사용자에게 유용하지만 크롤링하거나 색인을 생성하려는 페이지는 아닙니다. Lord & Taylor는 이미 SEO의 기본 순위 페이지가 되어야 하는 Tote Bag 카테고리 페이지를 만들었습니다.
그러나 robots.txt 파일을 보면 Lord & Taylor가 Googlebot이 이 페이지를 크롤링하는 것을 차단하지 않는다는 것을 알 수 있습니다.
결과적으로 Lord & Taylor는 내부 검색 페이지의 크롤링을 차단하도록 Shopify robots.txt 파일을 조정하는 조치를 취하고 싶어할 수 있습니다. 이렇게 하면 Google이 이러한 낮은 품질의 페이지를 크롤링하여 잠재적으로 색인을 생성할 수 없습니다.
내부 사이트 검색을 사용하는 경우 Google이 내부 사이트 검색 페이지를 크롤링할 수 없는지 테스트를 수행하는 것이 좋습니다. 가능한 경우 Shopify robots.txt.liquid 파일에 규칙을 만들어 Google에서 크롤링하지 못하도록 차단하는 것이 좋습니다.
5. 구조화된 데이터
전자 상거래 사이트에서 작업할 때 구조화된 데이터는 반드시 고려해야 합니다. 구조화된 데이터는 검색 엔진이 페이지 콘텐츠를 더 쉽게 이해할 수 있도록 웹사이트 페이지에 추가할 수 있는 코드입니다. 구조화된 데이터는 콘텐츠를 해석해야 하는 것과는 반대로 검색 엔진에 페이지의 전체 주제가 무엇인지 더 직접적으로 알려줄 수 있습니다.
Shopify Plus 사이트로 작업할 때 많은 사이트에서 일관성 없는 구조화된 데이터를 발견했습니다. 대부분의 경우 테마 및 Shopify 앱과 같은 요소는 구조화된 데이터를 사이트에 자동으로 추가합니다. 불행히도 이러한 기술로 인해 사이트에 구조화된 데이터가 부정확하거나 불완전하거나 중복되는 경우가 대부분입니다.
예를 들어 다음은 구조화된 데이터가 포함되지 않은 Huel.com의 제품 페이지 예입니다.
전반적으로 Shopify Plus 사이트는 다음과 같은 구조화된 데이터 매핑을 사용하는 것이 좋습니다. 사이트의 모든 페이지에는 각 스키마 요소의 인스턴스가 하나만 있어야 합니다.
- 홈페이지: 조직
- 카테고리 페이지: CollectionPage 또는 OfferCatalog
- 제품 페이지: 제품
- 블로그 게시물: 기사
구현과 관련하여 먼저 서로 다른 페이지 유형 각각에 어떤 구조화된 데이터가 존재하는지 확인해야 합니다. Schema Validator와 같은 도구를 사용하여 이를 테스트할 수 있습니다. 그런 다음 위의 구조화된 데이터 매핑이 각 페이지 유형에 적용되도록 계획을 만들어야 합니다. 여기에는 개발자와 협력하여 기존 스키마 중 일부를 제거한 다음 적절하게 매핑된 구조화된 데이터를 추가하는 작업이 포함될 수 있습니다.
개발자 리소스가 없는 경우 스키마 앱 전체 스키마 마크업을 사용하여 Shopify 사이트에 스키마를 추가하는 것이 좋습니다. 이 앱은 위의 매핑을 구현하는 환상적인 작업을 수행하며 개발자의 도움 없이 테마에 의해 추가된 구조화된 데이터를 제거하는 데도 도움이 될 수 있습니다.
Shopify Plus 스키마에 대한 자세한 내용은 Shopify 구조화된 데이터 가이드를 참조하십시오.
6. 사이트 속도
성능은 엔터프라이즈 사이트에서 항상 가장 중요하게 생각하는 것입니다. 일반적으로 더 큰 규모의 마케팅 팀이 있는 더 큰 브랜드는 웹사이트가 장기적으로 느려지게 됩니다. 이는 이러한 사이트에 시간이 지남에 따라 다양한 기능과 기술이 추가되는 경향이 있기 때문입니다. 분석 팀은 더 많은 추적 스크립트를 추가하고 마케팅 팀은 챗봇 및 애니메이션과 같은 기능을 요청합니다. 결과적으로 엔터프라이즈 사이트에서 성능이 저하될 수 있습니다.
HTTP 아카이브의 데이터
Shopify Plus 사이트에 대한 좋은 소식은 Shopify가 이미 매우 빠르게 출시되었다는 것입니다. 최근 데이터에 따르면 Shopify 플랫폼에는 일반적으로 다른 인기 있는 CMS(WordPress, Drupal, Wix 등) 중 최고의 핵심 웹 바이탈이 있습니다. 이렇게 하면 Shopify 매장 소유자가 사이트 성능을 위해 좋은 위치에 놓이게 됩니다.
물론 사이트 성능을 향상시키기 위해 수행할 수 있는 이니셔티브가 항상 있습니다. Walmart의 연구에 따르면 사이트 성능이 1초마다 향상될 때마다 사이트의 전환율이 2% 증가할 수 있습니다. 이러한 이유로 Shopify Plus 사이트는 성능을 최우선으로 고려해야 합니다.
Shopify 사이트와 함께 일한 수년 동안 우리는 Shopify 스토어의 속도를 높이는 데 도움이 되는 프레임워크를 개발하기 시작했습니다. 다음은 Shopify Plus 성능을 개선하는 데 도움이 되는 몇 가지 기술과 사고 과정입니다.
- Shopify 앱을 감사하고 사용하지 않거나 불필요한 앱을 제거합니다.
- lasysizes.js 라이브러리를 사용하여 지연 로딩 구현
- 이미지가 표시 크기로만 업로드되는지 확인
- Crush.pics를 사용하여 Shopify 이미지 자동 압축
- 새 상점을 시작하는 경우 가벼운 Shopify 테마를 찾으십시오.
스토어 성능을 개선하는 방법에 대한 자세한 내용은 Shopify 속도 최적화 가이드를 참조하십시오.
결론
SEO 기본은 Shopify와 Shopify Plus 간에 동일하지만 Shopify Plus의 브랜드 유형은 더 복잡한 문제에 직면할 가능성이 높습니다. 관리해야 할 더 큰 인벤토리, JavaScript 프레임워크 및 향상된 기술은 모두 Shopify Plus 매장이 직면할 가능성이 있는 모든 과제이며 매장 소유자는 이러한 요소가 SEO에 미치는 영향을 알아야 합니다. 이 가이드가 SEO 관점에서 Shopify Plus 스토어를 개선하는 데 도움이 되는 좋은 출발점이 되기를 바랍니다. Shopify Plus SEO 서비스에 대해 질문이 있는 경우 당사에 문의하십시오!
기타 Shopify SEO 리소스
- Shopify 속도 최적화
- Shopify 중복 콘텐츠 개선
- Shopify Sitemap.xml 가이드
- Shopify 구조화된 데이터 및 스키마
- Shopify Robots.txt 가이드
- Shopify SEO 도구
- 모든 Shopify SEO 기사
받은 편지함으로 바로 뉴스 검색
*필수의