헤드리스 Shopify 종합 가이드: 알아야 할 모든 것

상위 5대 전자 상거래 플랫폼 중 하나인 Shopify는 2021년 4월 기준으로 3.69%의 시장 점유율을 기록했습니다. 지속적으로 새로운 기능을 출시한 플랫폼 중 하나입니다. 그것이 Shopify가 처음에 인기를 끌게 한 이유입니다.

그러나 전자 상거래 세계는 그 어느 때보다 역동적이 되었습니다. 고객은 점점 더 기술에 익숙해지고, 고객 확보 비용은 증가하고, 개인화된 쇼핑 경험을 구축하는 것이 필요해지고 있습니다.

Shopify 스토어에서 이러한 대부분을 처리할 수 있지만 브랜드가 빠르게 확장되고 있다면 충분하지 않습니다. 기본 Shopify 기능은 도달 범위를 확장하고, 전환을 늘리고, 새로운 디지털 터치포인트를 계속 찾는 데 도움이 되지 않을 수 있습니다. 헤드리스 상거래(또는 헤드리스 Shopify)가 등장하는 곳입니다.

이 헤드리스 Shopify 가이드에서는 다음을 배우게 됩니다.

A. 헤드리스 Shopify란 무엇입니까?

이것은 백엔드(Shopify plus)가 프론트엔드(프레젠테이션 레이어)와 분리되어 있는 헤드리스 상거래 설정입니다. API는 둘 사이의 연결 링크를 형성합니다. 그러나 전통적인 Shopify 플랫폼에서는 프런트 엔드와 백엔드가 모두 연결되어 있습니다.

헤드리스 Shopify에서는 프론트엔드를 처음부터 구축할 기술이나 프레임워크를 선택할 수 있습니다. 백엔드는 일반적으로 Shopify입니다. 따라서 Shopify Plus의 민첩성, 보안 및 사용자 친화성과 Shopify 개발을 훨씬 능가하는 창의적인 자유를 얻을 수 있습니다.

문제는 왜 굳이 프론트엔드와 백엔드를 분리하느냐 하는 것입니다.

• 우선, 브랜드 충성도를 구축하는 데 필요한 고도로 개인화된 디지털 경험을 만들 수 있는 자유를 제공합니다.
• 둘째, 프로그래밍 언어, 기술 또는 콘텐츠 채널과 관련하여 제한이 없습니다.
• 스마트워치든 TV 화면이든 쉽고 빠르게 타겟 고객에게 다가갈 수 있습니다.

이것이 점점 더 다양해지는 디지털 세계에서 전자 상거래 상점이 원하는 종류의 자유입니다.

B. 헤드리스 Shopify는 어떻게 작동합니까?

앞서 말했듯이 헤드리스 Shopify는 프런트 엔드와 백 엔드라는 두 개의 독립적인 부분으로 구성됩니다. 그리고 이 두 부분(머리와 몸체)을 함께 고정하는 접착제는 API 또는 응용 프로그램 인터페이스입니다. 이것은 본질적으로 프리젠테이션 계층(프론트엔드)과 데이터베이스 또는 백엔드 사이에서 정보를 교환합니다.

다음 시스템 중 하나를 사용하여 고객과 공유하려는 콘텐츠를 수용하고 관리하는 백엔드를 구축할 수 있습니다.

• 콘텐츠 관리 시스템(CMS)
• 고객 관계 관리(CRM)
• 디지털 경험 플랫폼(DXP)
• 프로그레시브 웹 앱(PWA)

좋은 소식은 Shopify가 헤드리스 상거래 기능을 염두에 두고 구축되었다는 것입니다. 따라서 Shopify 기반 웹사이트를 보다 민첩한 헤드리스 커머스 스토어로 원활하게 전환할 수 있습니다.

C. 헤드리스 구조로 Shopify 이해하기

헤드리스 상거래는 꽤 달콤한 거래처럼 들리지만 모든 장미가 아닙니다. 따라서 총을 쏘기 전에 헤드리스 Shopify 구조를 완전히 이해해야 합니다. 헤드리스 Shopify로 전환하기 전에 고려해야 할 몇 가지 사항이 있습니다.

1. 테마 및 서식 있는 텍스트 편집기

Shopify 테마 편집기가 우리의 삶을 얼마나 쉽게 만들어 줬는지 우리는 모두 알고 있습니다. 테마 사용자 정의는 산들 바람처럼 느껴졌습니다. 불행히도 헤드리스 상거래 환경에서는 이 멋진 기능이 누락될 것입니다.

마찬가지로 서식 있는 텍스트 편집기도 Shopify 플랫폼의 필수적인 부분입니다. 그러나 헤드리스 상거래로 이동하면 이 역시 누락됩니다. 즉, 텍스트의 형식을 지정하고 스타일을 지정하는 것은 고대 역사가 될 것입니다. 제품 설명, 블로그, CTA 등을 생각하십시오.

특히 온라인 상점에서 이 두 가지 기능을 제거할 수 없는 경우 이 점을 염두에 두어야 합니다.

2. 기본 기능

테마 및 서식 있는 텍스트 편집기와 마찬가지로 헤드리스로 전환하면 몇 가지 다른 기본 기능을 잃게 됩니다. 예를 들어 Shopify 분석 및 Shopify 스크립트를 잃게 됩니다. 대신 Google Analytics와 같은 타사 도구에 의존해야 합니다. Shopify 분석에 크게 의존하는 경우 생산성에 영향을 줄 수 있습니다.

마찬가지로 특정 Shopify 앱을 사용하여 이전 상점을 복제할 수 없습니다. API를 사용하여 관련 기능을 얻을 수 있습니다. 그러나 항상 가능한 것은 아닙니다.

3. Shopify 앱 스토어

앱 스토어가 없는 Shopify 플랫폼은 누구도 상상할 수 없습니다. 선택할 수 있는 앱과 플러그인이 너무 많기 때문에 Shopify 개발이 훨씬 더 부드럽고 빨라집니다. 불행히도 헤드리스가 된 후에는 앱과 플러그인을 사용하여 프런트 엔드에 새로운 기능을 추가할 수 없습니다.

추가 통합으로 일부 플러그인 및 앱을 사용할 수 있습니다. 그러나 그렇게 할 수 없다면 둘 이상의 앱/플러그인과 작별할 준비를 하십시오. 유일한 장점은 백엔드에서 작동하는 앱/플러그인을 계속 사용할 수 있다는 것입니다. 백엔드는 여전히 Shopify Plus입니다.

4. 고객 계정

이해해야 할 또 다른 중요한 점은 고객 계정의 손실입니다. Shopify의 고객 계정은 헤드리스 상거래에서 사용할 수 없습니다. 계정이 없으면 고객은 게스트 고객으로만 결제할 수 있습니다.

그러나 Shopify Admin API를 사용하여 맞춤형 솔루션을 생성할 수 있습니다. 여기에서 고객은 세부 정보를 수동으로 추가할 수 있습니다. 필요한 경우 쿠키를 사용하여 소비자 세부 정보를 저장할 수 있습니다.

D. Shopify를 사용하여 헤드리스로 전환하는 방법은 무엇입니까? (설정)

헤드리스로 가기로 결정했다면 먼저 전체 프로세스를 계획해야 합니다. 일반적으로 Shopify 기반 웹 사이트를 헤드리스로 전환하려면 다음 단계가 필요합니다.

1. Shopify 프런트 엔드에 적합한 기술 선택

Shopify를 헤드리스로 전환하는 첫 번째 단계는 올바른 프런트 엔드 기술을 선택하는 것입니다. 대부분의 Shopify 개발 에이전시는 강력하고 확장 가능하며 직관적인 Shopify 스토어를 구축하기 위해 다음 네 가지 옵션에 의존합니다.

a) 수소 및 산소

Shopify는 Unite 2021에서 Hydrogen과 Oxygen의 출시를 발표했습니다. Hydrogen은 고유한 스타일과 디자인 기능으로 프론트엔드 솔루션을 구축할 수 있는 몇 가지 반응 구성 요소가 포함된 개발자 툴킷입니다.

반면에 Oxygen을 사용하면 Shopify 서버에서 직접 Hydrogen 매장을 호스팅할 수 있습니다. 더 빠른 로드 시간을 즐길 수 있으며 개발 작업에 대해 걱정할 필요가 없습니다.

이 듀오의 유일한 단점은 아직 새롭다는 것입니다. 실제 사용 사례는 거의 없습니다. 따라서 이 매장 솔루션을 사용할 때 혼자 있을 가능성이 높습니다.

b) 프레임워크

Next.js​​나 Vue Storefront와 같은 프런트 엔드 웹 개발 프레임워크를 사용하여 Shopify 프런트 엔드를 구축할 수도 있습니다. 사용할 수 있는 다른 프레임워크가 많이 있습니다. Shopify의 Storefront Cloud 서비스에서 호스팅할 수 있습니다.

그러나 프레임워크를 사용하여 처음부터 프론트엔드를 구축하는 것은 가장 노련한 개발자에게도 시간이 많이 걸립니다. 사용자 정의 통합, 장바구니 관리를 위한 사용자 정의 및 테스트 구현, 기능을 처음부터 다시 작성해야 하는 경우가 많습니다.

c) 서비스로서의 프론트엔드

Shopify 프런트 엔드를 구축하는 비교적 쉽고 빠른 또 다른 방법은 프런트 엔드를 서비스로 사용하는 것입니다. 가장 잘 알려진 것은 Shogun Front End와 Builder.io입니다. 커넥터가 미리 구축된 PWA 빌더일 뿐입니다.

d) 프런트 엔드 미들웨어

네 번째 옵션은 Nacelle과 같은 API 우선 상거래 미들웨어를 사용하는 것입니다. 이와 같은 미들웨어는 일반적으로 전자 상거래 플랫폼, CMS 및 마이크로 서비스를 단일 API로 통합합니다. 이것은 Shopify 프런트 엔드와 백엔드를 연결하는 다리입니다.

2. Shopify Storefront API 이해

이전 항목에서 설명한 모든 프런트 엔드 개발 옵션은 Shopify Storefront API를 사용합니다. 즉, 다음 단계로 이동하기 전에 Shopify Storefront API에 익숙해져야 합니다.

Shopify Storefront API는 GraphQL과 함께 사용할 수 있습니다. 따라서 Storefront API의 잠재력을 활용하려면 GraphQL을 이해하는 것이 필수입니다. 자세한 내용은 GraphQL 가이드를 확인하세요.

3. 액세스 토큰 생성

다음으로 액세스 토큰을 생성해야 합니다. 여기 당신이해야 할 일이 있습니다.

• Shopify 관리자에 로그인
• 앱 섹션으로 이동하여 비공개 앱 관리 버튼을 클릭합니다.
• 이제 새 비공개 앱 만들기 옵션을 클릭합니다.
• 앱 이름과 이메일을 추가합니다.
• 스토어프론트 API 섹션으로 이동하여 이 앱이 스토어프론트 API를 사용하여 스토어프론트 데이터에 액세스하도록 허용 확인란을 선택합니다.
• 그런 다음 앱에 노출할 데이터 유형을 선택합니다.
• 저장 을 클릭합니다.

저장 후 스토어프론트 API 페이지 하단에서 생성된 스토어프론트 액세스 토큰을 확인할 수 있습니다.

4. 프런트 엔드 구축(Shopify Storefront)

액세스 토큰을 생성한 후 Shopify 스토어프론트 구축 및/또는 사용자 지정을 시작할 수 있습니다. 그러나 먼저 Shopify 프론트 엔드 개발을 위한 맞춤형 상점 첫 화면 애플리케이션을 살펴봐야 합니다. React 기반 프론트엔드 애플리케이션을 구축하는 경우 react-js-buy 저장소를 반드시 거쳐야 합니다.

• React.js 애플리케이션을 빌드할 때 NPM 또는 Yarn을 사용하여 JavaScript Buy SDK를 설치해야 합니다.
• SDK를 설치한 후 클라이언트 개체를 애플리케이션 코드로 가져옵니다.
• 클라이언트 를 초기화하고 Storefront API에 대한 요청을 시작하십시오.

먼저 JavaScript 구매 SDK 문서와 Shopify의 공식 API 문서를 확인하십시오. 사용 가능한 데이터를 이해하는 데 도움이 됩니다.

E. Shopify가 제공하는 최고의 헤드리스 커머스

많은 Shopify 기반 웹 사이트가 브랜드 확장을 돕기 위해 헤드리스 에 뛰어 들었습니다. 다음은 스타일과 정교함으로 헤드리스 접근 방식을 마스터한 5개의 전자 상거래 상점/웹사이트입니다.

1. 코튼

이 지속 가능한 의류 및 가정용품 브랜드 Kotn은 빠르게 로드되는 온라인 상점이 필요했을 때 헤드리스 Shopify로 눈을 돌렸습니다. 그리고 그들은 그 이후로 결코 뒤돌아보지 않았습니다. 이 웹 사이트는 빠른 추가와 같은 기능을 갖춘 매우 직관적인 프런트 엔드를 자랑합니다.

2. 올버드

또 다른 지속 가능한 의류, 액세서리 및 신발 브랜드인 Allbirds는 다양한 제품의 광범위한 카탈로그를 보유하고 있습니다. Shopify와 함께 헤드리스로 이동하면 속도, 스타일 및 사용자 경험을 손상시키지 않으면서 카탈로그를 더 쉽게 관리할 수 있습니다.

3. 요가 소녀

라이프스타일 브랜드라면 콘텐츠 업데이트가 최우선입니다. Yoga Girl과 같은 떠오르는 브랜드가 Shopify와 함께 헤드리스를 선택한 것은 놀라운 일이 아닙니다. 블로그 게시물 업데이트에서 계정 관리에 이르기까지 모든 작업을 초고속으로 수행할 수 있습니다.

4. 플레네어

스킨케어 브랜드인 Plenaire는 헤드리스 커머스를 티에 활용했습니다. 웹 사이트는 빠르고 동적 페이지를 현명하게 사용했습니다. 전반적으로 인상적인 사용자 경험을 제공합니다.

5. 베리샵

Verishop은 화장품에서 건강 제품에 이르기까지 모든 것을 판매하는 전형적인 전자 상거래 상점 중 하나입니다. 그들은 맞춤형 URL 구조 생성, 심층 SEO, 빠른 페이지 로딩 속도, 고도로 개인화된 사용자 경험과 같은 기능을 위해 헤드리스 Shopify를 사용했습니다.

F. 헤드리스 Shopify의 이점

Headless Shopify는 온라인 상점이 Shopify Plus에만 의존할 때 탐색하기 어려운 기능을 제공합니다. 그렇기 때문에 Shopify로 헤드리스가 비즈니스에 도움이 될 수 있는 위치와 방법을 이해해야 합니다. 이 제품이 제공하는 놀라운 이점에 대해 자세히 살펴보겠습니다.

1. 더 나은 유연성

여기에서는 개발자를 위한 유연성에 대해 이야기하고 있습니다. 기존 CMS의 경우 Shopify 개발자 에게 의존해야 합니다. 물론, 기술 세트가 제한적이고 잘 정의되어 있기 때문에 시간과 비용을 절약할 수 있습니다. 그러나 이는 또한 다른 신흥 인기 전자 상거래 기술을 활용하는 것을 방지합니다.

헤드리스 Shopify를 사용하면 모든 기술을 사용할 수 있습니다. 수소 프레임워크 또는 서비스 옵션으로 사용할 수 있는 기타 프런트 엔드일 수 있습니다. 이를 통해 Shopify 개발이 그 어느 때보다 유연해집니다. 최종 결과는 고도로 맞춤화된 사용자 경험, 디자인, 아키텍처 및 가벼운 상점을 구축할 수 있다는 것입니다.

요컨대, 온라인 상점은 미래에 대비할 수 있습니다.

2. 사용자 정의 가능한 URL

Shopify는 4가지 사전 정의된 URL 유형만 제공한다는 것을 알고 있습니다. 따라서 제품 페이지에 대한 사용자 정의 URL을 만드는 것은 간단하지 않습니다. 그러나 헤드리스 Shopify를 사용하여 아키텍처를 구축하면 이러한 자유가 있습니다.

그것은 다중 브랜드 시장을 가진 상점에 많은 기회를 제공합니다. 그래서 Verishop과 같은 매장은 처음부터 헤드리스 커머스를 선택했습니다. 전체 제품 설명을 포함하도록 URL을 사용자 정의할 수 있습니다.

또한 다른 전자 상거래 플랫폼에서 Shopify로 스토어를 가져오는 경우 원래 URL 구조를 그대로 유지할 수 있습니다. SEO 마이그레이션의 위험을 피할 수 있습니다. 이는 다양한 제품, 시장 및 대상 고객이 있는 전자 상거래 상점에 안도감을 줍니다.

3. 보안 강화

헤드리스 Shopify에서 프런트엔드는 백엔드와 독립적으로 작동합니다. 둘을 연결하는 API만 있으면 DDoS와 같은 공격에 대한 노출 영역이 거의 없습니다. 이것은 귀하의 온라인 상점 보안을 1마일 증가시킵니다.

DDoS 공격이 더욱 창의적이고 악용적으로 변해감에 따라 이러한 공격을 차단할 수 있는 모든 방법을 찾아야 합니다. 헤드리스로 가는 것은 본질적으로 이 방향으로 가는 올바른 단계입니다.

4. 사용자 경험에 대한 탁월한 제어

사용자 경험에 대한 완전한 제어는 헤드리스 Shopify의 가장 탐나는 이점 중 하나입니다. 마치 처음부터 자신의 차를 만드는 것과 같습니다. 따라서 엔진에서 대시보드 덮개에 이르기까지 모든 것을 자유롭게 선택할 수 있습니다.

즉, 독특하고 반응이 빠른 고객 경험을 손쉽게 디자인하고 브랜드가 군중에서 눈에 띄도록 도울 수 있습니다. Shopify의 디자인 및 아키텍처 제한의 족쇄에서 벗어날 수 있습니다.

그리고 필요할 때마다 새로운 사용자 경험을 재설계, 확장 및/또는 추가할 수 있습니다. 다중 브랜드 마켓플레이스가 열망하는 대부분의 전자 상거래 상점에서 자율성을 추구합니다.

5. 더 높은 확장성

헤드리스 Shopify 아키텍처를 사용하면 전자 상거래 세계에 새 매장을 원활하게 추가할 수 있습니다. 예를 들어 중앙 허브에 국가 또는 지역별 상점을 추가할 수 있습니다. 유연하고 사용자 정의가 가능한 Shopify 상점을 통해 다음을 쉽게 변경할 수 있습니다.

• 물가
• 제품 설명
• 언어
• 레이아웃
• CTA

이를 통해 번개 같은 속도로 온라인 상점을 확장할 수 있습니다. 당연히 빠른 확장이 필요한 브랜드는 이제 신뢰할 수 있는 솔루션으로 헤드리스 커머스로 눈을 돌리고 있습니다.

6. 속도 증가

페이지 로딩 속도는 이제 가장 중요한 Core Web Vitals 중 하나입니다. 뛰어난 로딩 속도로 온라인 상점을 구축하는 것은 여전히 ​​많은 사람들에게 어려운 작업입니다. 또한 많은 코딩이 필요한데, 이는 브랜드가 거의 넣지 않습니다. 그러나 그것은 필요악입니다. 특히 모바일 장치에서 더 빠른 로딩 속도는 판매 전환을 향상시킬 수 있습니다.

다행스럽게도 헤드리스 Shopify를 사용하면 개발자와 매장 소유자 모두가 작업을 더 쉽게 수행할 수 있습니다. 예를 들어 Oxygen 서버와 Hydrogen 프레임워크를 살펴보겠습니다. 아직 초기 단계이지만 이와 같은 기능은 이미 상점 소유자가 페이지 로딩 속도를 크게 높이는 데 도움이 되고 있습니다.

7. 프로그레시브 웹 애플리케이션(PWA)

PWA(프로그레시브 웹 애플리케이션)는 헤드리스 Shopify의 또 다른 이점입니다. PWA는 웹사이트를 통해 직접 앱과 같은 기본 기능을 제공합니다. 온라인 스토어 앱을 다운로드할 필요가 없습니다. 헤드리스 Shopify를 사용하면 PWA를 쉽게 사용할 수 있습니다.

PWA는 대부분 오프라인에서 작동합니다. 물론 서비스 워커를 이용한 초기 로드가 필요합니다. 스마트폰 홈 화면에 앱 아이콘으로 추가할 수 있습니다.

또한 디지털 마케팅에 유용한 푸시 알림 기능이 제공됩니다. 그러나 가장 중요한 것은 PWA가 대부분의 콘텐츠가 미리 로드되어 있기 때문에 매우 빠릅니다. 이것은 더 많은 판매 전환을 생성하는 데 도움이 될 수 있습니다.

8. 출시 시간 단축

마지막으로 헤드리스 Shopify의 가장 중요한 이점 중 하나는 출시 시간이 단축된다는 것입니다. API 기반 Shopify 프런트 엔드를 통해 마케팅 담당자는 다음을 수행할 수 있습니다.

• 더 빠르게 마케팅 캠페인 생성
• 사이트 레이아웃 및 제품 배치로 창의력 발휘
• 백엔드에 미치는 영향에 대한 걱정 없이 작업
• 브랜드 룩앤필을 정밀하게 제어

이렇게 하면 캠페인을 더 빠르고 효율적으로 만들 수 있습니다. 그것이 오늘날의 마케팅 101입니다.

G. 헤드리스 Shopify의 단점

독특한 이점과 마찬가지로 헤드리스 Shopify에도 몇 가지 단점이 있습니다. 이러한 단점을 장점만큼 철저히 이해해야 합니다. 다음은 명심해야 할 사항입니다.

1. 앱/서비스에 대한 지원 상실

헤드리스 상거래로 이동하면 Shopify 스토어의 플러그 앤 플레이 기능이 작동을 멈춥니다. 대부분의 앱도 작동을 멈춥니다. 헤드리스 환경에서 이러한 앱/서비스가 작동하도록 하려면 사용자 지정 통합이 필요합니다. 또한 백엔드에서 인식할 수 있도록 앱/서비스에 API가 필요합니다. 사용자 지정 코드를 생성해야 할 수도 있습니다.

2. 복잡성 증가

새로운 프런트 엔드 경험을 추가한다는 것은 헤드리스 상거래 시스템에 복잡성을 추가하는 것을 의미합니다. 더 많은 기능, 서비스 및 경험을 추가할수록 전자 상거래 환경이 더 복잡해집니다.

앱 관련 통합 문제, 유지 관리 문제 및 지속적인 버그 수정이 필요할 수 있습니다. 대체로 이것은 경험 많은 다양한 개발자들에게 더 많은 돈을 투자해야 함을 의미합니다.

이 모든 추가 Shopify 개발과 다른 기술의 필요성으로 인해 인프라 비용도 천정부지로 치솟을 것입니다. 그리고 이러한 비용은 온라인 상점에 새로운 기능/서비스를 추가함에 따라 계속 증가할 것입니다.

3. 구현 파트너 찾기

기술 전문성에 대해 말하자면 헤드리스 프로젝트를 처리할 수 있는 Shopify 개발 에이전시를 찾아야 합니다. 그렇지 않으면 온라인 상점을 돌보고 버그를 수정하는 등의 작업에 대부분의 시간을 할애하게 됩니다. 마케팅 캠페인을 실행하고 더 많은 고객을 유치하는 데 이 시간을 사용하는 것이 좋습니다.

그러나 적합한 구현 파트너를 찾는 것은 어려운 문제입니다. 귀하의 브랜드에 딱 맞는 사람을 찾는 데 시간이 걸릴 수 있습니다. 문제는 신뢰할 수 있는 사람을 찾을 때까지 기다릴 시간이 있습니까?

4. WYSIWYG 편집기 없음

우리는 당신 팀의 비기술적인 구성원들이 WYSIWYG 편집기를 좋아할 것이라고 확신합니다. 헤드리스 Shopify에서는 사용할 수 없습니다. 따라서 원활한 편집, 버전 관리 및 미리보기에 작별을 고해야 합니다. Shogun Front End 및 Builder.io와 같은 일부 프론트 엔드 시스템은 이 기능을 제공하지만 동일하지는 않습니다.

5. 새로운 Shopify 기능 없음

Shopify 플랫폼은 다중 통화 또는 내장 분석과 같은 새로운 기능을 출시하는 것으로 잘 알려져 있습니다. 그러나 헤드리스로 이동하면 사용할 수 없습니다. 이러한 기능을 프론트 엔드에 사용자 정의할 수 있습니다. 그러나 훨씬 더 많은 돈과 노력이 필요합니다.

H. 헤드리스 Shopify에서 SEO가 다른가요?

헤드리스 상거래와 관련하여 SEO는 완전히 다른 게임이 아닙니다. 그러나 웹사이트를 최대한 활용하려면 몇 가지 사항을 고려해야 합니다. 다음은 시작하는 데 도움이 되는 간단한 Shopify SEO 체크리스트입니다.

1. 내용 및 가독성

이미 알고 계시겠지만 Shopify 스토어프론트는 일부 형태의 JavaScript를 사용합니다. 그러나 Google은 여전히 ​​일부 프레임워크를 읽는 데 어려움을 겪고 있습니다. Google이 프레임워크를 이해하는지 확인해야 합니다.

• Google로 가져오기, 사이트 검색 및 콘텐츠 텍스트 검색과 같은 테스트를 사용하여 Google에서 JavaScript를 색인화했는지 확인할 수 있습니다.
• 프런트 엔드에 따라 무료 서버 측 JavaScript를 실행해야 합니다.
• 가독성은 콘텐츠가 표시되는 방식에 따라 다릅니다. 이것은 프론트 엔드 특정 문제이므로 각 프론트 엔드에 대해 별도의 테스트를 실행하고 그에 따라 SEO를 변경해야 합니다.

2. 다이내믹 서빙

Headless Shopify는 웹사이트 속도를 높이고 사용자 경험을 개선하기 위해 동적 서비스에 의존합니다. 그러나 Google은 달리 지정하지 않는 한 이를 어설픈 SEO 움직임으로 인식할 수 있습니다. 속도를 향상시키기 위해 동적 제공을 사용하고 있다는 것을 Google에 알리는 HTTP 가변 코드를 사용해야 합니다.

3. 해시된 URL

JavaScript는 또한 해시된 URL의 문제를 가져옵니다. 이러한 URL은 브라우저 측 필터링을 강조 표시합니다. 즉, Google은 해시태그 이후의 내용을 읽을 수 없습니다. 그렇기 때문에 SEO 페이지가 해시태그 뒤에 있지 않은지 확인해야 합니다.

4. URL 유지

이는 다른 CMS에서 헤드리스 Shopify로 전환하는 경우 중요한 고려 사항입니다. 일반적으로 다중 브랜드 마켓플레이스가 있는 전자 상거래 상점은 이 문제에 직면합니다. 원래 URL을 변경하는 대신 모든 카테고리, 목록 및 제품에 대해 있는 그대로 사용해야 합니다.

5. API 호출

헤드리스 Shopify는 API 기반입니다. 이는 URL에 영향을 미치고 SEO에 영향을 미치는 동적 API 호출이 있음을 의미합니다. 페이지의 순위를 지정하려면 정적 URL을 사용하는 것이 좋습니다. 또한 no-follow, robots.txt 및 canonicals와 같은 SEO 모범 사례를 활용할 수도 있습니다.

6. SEO 기본 사항 정렬하기

기존 Shopify CMS에는 다양한 SEO 기능이 내장되어 있습니다. 그러나 헤드리스로 전환할 때는 이러한 기능을 수동으로 포함해야 합니다. 프론트엔드를 처음부터 구축할 때 SEO 요소를 추가하는 것을 잊어버릴 수 있습니다. 이 문제를 피하려면 SEO 기본 사항 목록을 만들고 모든 것을 다시 확인하십시오.

I. Shopify에서 헤드리스로 가는 것이 비용이 많이 듭니까?

결국 모든 것은 하나의 질문으로 귀결됩니다.

헤드리스 Shopify가 더 비쌉니까?

짧은 대답은 예입니다.

그러나, 당신은 그것을 원근법에 넣어야 합니다. Headless Shopify는 또한 더 많은 돈을 벌어들이는 경향이 있습니다. 그것은 전통적인 CMS가 할 수 없는 많은 문제를 해결합니다. 그것이 브랜드를 돋보이게 하고, 더 많은 고객을 유치하고, 더 많은 돈을 버는 데 도움이 될 수 있는 방법입니다.

헤드리스 Shopify:

• 웹사이트 속도를 높이고 사용자 경험을 개선합니다.
• 로드 속도가 빨라지면 검색 엔진 가시성이 향상됩니다.
• 독특하고 아름다운 사용자 인터페이스를 더 쉽게 구축할 수 있습니다.
• 온라인 스토어 보안 향상
• 전자 상거래 세계에 PWA 기능 제공

헤드리스 Shopify의 이러한 모든 이점은 더 높은 판매 전환율과 더 많은 수익으로 이어집니다. 많은 브랜드가 헤드리스 Shopify를 성공적으로 활용하여 이러한 이점을 없애고 있습니다. 헤드리스로 전환한 후 Ballsy는 전환율을 28% 증가시켰습니다.

반면 BonLook은 헤드리스 이후 평균 주문 금액이 18% 증가했습니다. 보시다시피 헤드리스 Shopify의 높은 비용은 더 많은 수익과 이익을 가져오기 때문에 장기적으로 정당화될 수 있습니다.

J. 헤드리스 Shopify는 언제 사용해야 합니까?

헤드리스 Shopify는 수익과 이익을 증가시킬 수 있지만 항상 올바른 물약은 아닙니다. 온라인 상점에 다음이 필요한 경우 헤드리스 상거래로 전환하고 싶을 것입니다.

1. 독특한 브랜드 경험

고객을 위한 고유한 브랜드 경험을 구축하고 싶다면 헤드리스로 가는 것이 올바른 선택일 것입니다. Shopify Plus는 훌륭하지만 사용자 정의와 관련하여 제한된 기능을 제공합니다.

그러나 헤드리스 상거래를 사용하면 처음부터 비즈니스 요구에 맞는 사용자 경험을 만들 수 있습니다. 이는 귀하의 온라인 상점이 다른 상점과 차별화되는 데 도움이 됩니다.

2. 더 나은 고객 경험

맞춤화와 더 나은 고객 경험 사이에는 직접적인 상관 관계가 있습니다. 귀하의 온라인 상점이 다른 상점에서 제공할 수 없는 기능, 속도 및 쇼핑 경험을 제공한다면 확실히 더 나은 소비자 경험으로 전환될 것입니다.

3. 높은 전환율

당연히 빠른 페이지 로딩과 개인화는 더 높은 전환율로 이어집니다. 이전 요점에서 언급했듯이 많은 브랜드가 헤드리스 전환 후 전환율, 주문 가치 및 기타 측정항목에서 상당한 증가를 목격했습니다.

4. 고성능

Shopify Plus는 모바일 및 기타 소형 장치에서 잘 작동합니다. 그러나 헤드리스로 이동하면 훨씬 더 나은 페이지 로딩 속도를 즐길 수 있습니다. 또한 헤드리스 Shopify는 데이터 보안을 개선하고 계획되지 않은 다운타임의 위험을 줄입니다. 이것이 당신이 찾고 있는 것이라면 헤드리스 전자 상거래가 그 길입니다.

K. 헤드리스 Shopify의 미래 전망

헤드리스 커머스는 트렌드가 아니라 전자상거래의 미래입니다. 소비자가 둘 이상의 장치를 사용하여 웹에 액세스함에 따라 다중 채널이 새로운 표준이 되었습니다. 동시에 소비자는 고도로 개인화된 디지털 접점을 찾고 있습니다. 이것이 헤드리스 Shopify 혁명이 앞으로 몇 년 동안 결코 느려지지 않을 가능성이 높은 이유입니다.

콘텐츠 우선 구조 덕분에 헤드리스 커머스는 브랜드가 기억에 남는 옴니채널 고객 경험을 제공하는 데 도움이 됩니다. 모든 말과 행동을 보면 머리가 없는 것이 비즈니스를 미래에 대비할 수 있는 가장 좋은 방법입니다.

결론

헤드리스 Shopify는 최근 몇 년 동안 많은 관심을 받았습니다. 이 새로운 혁신적인 형태의 CMS는 탁월한 속도, 고성능 및 향상된 보안 기능으로 머리를 돌리고 있습니다. 그러나 많은 사람들은 여전히 ​​헤드리스 Shopify가 무엇인지, 어떻게 작동하는지 또는 사용해야 하는지 모릅니다. 이 가이드는 헤드리스 Shopify에 관한 모든 질문에 답하는 데 도움이 됩니다.

Shopify와 함께 헤드리스를 사용하려면 당사에 문의하십시오. 당사 전문가가 올바른 헤드리스 Shopify 접근 방식을 찾는 데 도움을 드릴 수 있습니다.