今日からShopifyで販売を開始しよう

Shopifyを無料で試して,ビジネスの開始,運営,成長の為に必要なすべてのツールとサービスを体験しましょう。

ノ,トパソコンで小規模ビジネス向けロ,ンの申し込みを行っている女性。

ヘッドレスコマ,ス入門:ネットショップはヘッドレス化するべき?

ヘッドレスコマ,スとは

コマ,スの勢いは止まりません。米国内のeコマ,スの売上は,2022年に1兆ドルに達すると予想されています英語。また,2024年までにはオンラ▪▪ン注文がリテ▪▪ル全体の20%を占めることになりそうです。

ヘッドレスコマ,スは,eコマースのアーキテクチャの一種で,バックエンドのインフラと顧客タッチポイントのフロントエンドを切り離します。

ヘッドレスの良いところは,デザインや開発に縛られることなく,どこでも販売できるという自由度の高さにあります。どこでもストアフロントになるのです。ここで要求されるのは,少しのクリエ,ティビティと,裏側のア,キテクチャを再考する意欲です。

デ,タによると英語,大企業の64%eコマ,スを最新化するために特注のソリュ,ションを開発しています。さらに76%が,12ヶ月以内に何らかのヘッドレス技術を採用する予定とのことです。

ヘッドレスは最近かなり注目をされていますが,すべての人に向いているわけではありません。あなたのブランドにふさわしいアーキテクチャといえるのかを判断するために,ヘッドレス化とは一体どういうことなのか,理解しておく必要があります。このガesc escドでお伝えしたいのは,まさにそこなのです。

ヘッドレスコマスとは?

ヘッドレスコマースは,ヘッド(フロントエンド)のエクスペリエンスをバックエンドの技術インフラから切り離すEコマースの技術および考え方のことです。

言い換えると,ヘッドレスコマースによって,ビジネスを動かしている基盤システムやエンジンからデジタルストアフロントを分離させることが可能です。テンプレートのフロントエンドに物足りなさを感じているブランドが,高度にパーソナライズされたカスタマーエクスペリエンスを提供できるようになります。

ヘッドレスのアーキテクチャにより,マーチャントは新しいテクノロジーを使ってコマース機能を備えた以下のようなデジタルストアフロントを構築できます。

  • ソ,シャルメディア
  • モバ@ @ルアプリ
  • スマトミラ
  • セルフサ,ビスキオスク
  • 自動販売機
  • 音声アシストテクノロジ(亚马逊Alexaなど
  • ウェアラブルデバ@ @ス

ヘッドレスコマ,スの仕組み

ヘッドレスコマースは,顧客タッチポイントをあなたのバックオフィスオペレーションに接続しますが,ここではAPI (アプリケションプログラミングンタフェスが使用されます。

お客さまが触れるコンテンは,ヘッドレスプラットフォムとは別の場所で管理できます。人気のCMS (コンテンマネジメントシステムPWA (プログレッシブ·ウェブ·アプリCRM (カスタマ.·リレ.ションシップ.マネジメント,その他のデジタルプラットフォ,ムを利用することが可能なため,すべてを扱うeコマスプラットフォムを見ける必要はありません。

このようなSaaS (ソフトウェア·アズ·ア·サ,ビス。これらは技術的にはヘッドレスコマースプラットフォームの外にありますが,それぞれのタッチポイントにおいて購入が発生するたびに,APIコ,ルによってデ,タがバックエンドに受け渡されます。

バックエンドは,コマ,スのアクティビティをすべて統合しています。注文処理,在庫管理,クレジットカード情報,商品詳細のアップデートなど,どこでどのように販売されたかを問わず,商品に関わるすべてをまとめる単一のソースとなります。

お客さまはヘッドレスのバックエンドを見ることはありません。あなたがショッピング体験を提供するために使用しているユーザーフロントのインターフェースのみを目にします。

ヘッドレスとほかのcmsアキテクチャの違い

モノリシックなプラットフォ,ムとも言われている従来のeコマ,スプラットフォ,ム英語と比べて,ヘッドレスのアーキテクチャは,成長する顧客ベースにリーチするためのツールをマーチャントに提供します。

比喩的に言うなら,ヘッドレスコマ,スはフロントエンドとバックエンドの結婚関係を切断します。しかしこの“離婚”においては,どらの側も勝者です。というのも、片方で発生した変更は他方にまったく影響しないからです。時間の節約になると同時に、異なる顧客セグメントを横断する改良されたカスタマーエクスペリエンスが可能になります。

フロントエンドとバックエンドの分離によって,お客さまのコンバージョンに最適なものだけを利用する可能性が開かれます。もっとも一般的と思われる使用例は,コマ,ス用のプラットフォ,ムの代わりにブランドの既存のCMSからコンテンをフロントエンドにプッシュすることです。こうすることで,コマ,スのバックエンドを経由せずにサト上のコンテンを変更できます。

フロントエンドに接続する必要のあるシステムが自社にほとんどない場合は,フルスのほうが,実際のところ最適かもしれません。

ヘッドレスは自社に適しているか?

ヘッドレスというソリューションは,戦略的な選択肢として急浮上していますが,それが自社に最適かどうかを判断する方法はあるのでしょうか吗?

まず一番重要なのは,コストです。大企業のヘッドレス化プロジェクト費用は,5万ドルから50万ドルの間と考えられます。さらに、機能やサポートツール、カスタマイズの程度などに応じて、年間のメンテナンス費用が発生します。

企業によっては,ウェブサ例:新商品のランディングペ,ジやブログ記事など。このようなテストであれば,開発チームのリソースに合わせて,上述の概算よりかなり低くおさえることが可能です。

“ヘッドレス化”は,必ずしもウェブサesc escトの構築を意味しません。フロントエンドの管理が可能なShopify APIと関連する開発ルを使用すれば,カスタム体験を構築できることを覚えておきましょう。

そのほかのヘッドレスプラットフォ,ム上のチャネルモバルアプリ,オディオストリム,ビデオゲムの統合などは,もしアプリを使ってカスタムストアフロントを構築するなら,月額99ドル程度のコストで実現できます。

基本的に,ヘッドレス化の費用は構築する内容の複雑性に応じて変わってきます。構築と実装はコストの1に過ぎません。外部のエ,ジェンシ,費用,ヘッドレスCMSの月額サブスクリプション費用なども見過ごさないでください。

コストがそれほど問題にならないのであれば,ヘッドレスコマースのアーキテクチャが自社に適しているかを分析します。以下の項目に当てはまるようなら,ヘッドレスのオプションを検討しましょう。

  • すでにしっかりしたインフラがあって,ほかのツールを既存のテクノロジーに組み込み直すのが簡単ではない。
  • フロントエンドとバックエンドの調整を同時におこなうことができないので,競合と比べて自社の動きが遅い気がする。
  • ストアフロントの読み込みに時間がかかり過ぎる。読み込まれる前にユ,ザ,が離脱してしまうことがよくある。
  • ストアフロントのテ、マやテンプレ、トが、希望するカスタマ、ズに対応していない。
  • iOS安卓のネ@ @ティブアプリがない。。
  • 現在のeコマ,スのプラットフォ,ムでは実現できない独自のストアフロント体験を構築したいスマ,トミラ,スマ,トウォッチ,自動販売機など

ヘッドレス化するメリット

ヘッドレスコマ,スは,場所を選ばないコマ,スです。急速な成長を前提とし,コマ,スやテクノロジ,の動きに合わせて変更できる柔軟性があります。

ヘッドレスコマ,スのシステムは,主要な3.の要素を実現します。

1市場投入までの時間の短縮

ヘッドレスなら,実験も変更も迅速におこなえます。フロントエンドとバックエンドを一緒に作業できないという昔ながらの開発問題も緩和されます。

ヘッドレスにより,カスタマー側の作業は独立しておこえるので,バックエンド側の作業を待つ必要がなくなり,その逆も然りです。これはつまり,コードをコピーしてそれぞれのチームが互いの進行を気にすることなく作業できるということを意味します。

eコマ,スのバックエンドとフロントエンドの問題を切り離すと,頭痛の種がだいぶ減ります。たとえば,フロントエンド開発者は,バックエンドシステムの支払いプロセスを中断することなくウェブサイトの雰囲気を変更することができます

2管理の強化と高速なスケ,リング

ヘッドレスはみんなに対してフェアです。異なる言語でコーディングされた既存システムは,たとえカスタマーエクスペリエンスに悪い影響を与えていても,重要な統合を妨害します。

デ,タによると英語57%eコマ,ス業界のリ,ダ,た,は,現在のシステムでは12ヶ月以上ビジネスをサポ,トすることはできないと言っています。

ヘッドレスは強力なAPI英語によって,任意のプログラム言語を使ったショッピング体験を構築するために既存システムERPPIMIMSなど)(英語の統合を可能にします。テクノロジーの推移に対応できるだけでなく,ヘッドレスはあなたが自分のペースを確保し,コマースの動きと同じ速さで順応できるようにします。

“ブランドがスケ,ルすると,用户体验とテクノロジは成長を加速させるルとなります。Shopifyテーマで急速にスケールしたブランドは,対処すべき新たな課題や,継続的な成長を可能にする新しい要件を発見することになります。」

ブランドが成長してShopifyテーマへの要求が増えてくると,ヘッドレスコマースのようなカスタムソリューションを高く評価するようになるのです

3パソナラズの向上

ヘッドレスの場合,ユ,ザ,の行動が社内共通の指標となります。どのデバイスを使用しているかに関係なく,開発者はお客さまへのデータ提供の方法において柔軟性が得られます。

ヘッドレスでは即座にスプリットテストが可能なため,カスタマーエクスペリエンスやコンバージョン率の最適化を図ることができます。お客さまがショッピングをしているどのストアフロントに対しても、データを提供して変更をデプロイでき、カスタマージャーニー全体のパーソナライズを可能にします。

ショッピング体験が高度にパソナラズされていると,お客さまは予定よりも多くの支出をする傾向が40%高くなります英語。ブランドは,ヘッドレス化することによって,顧客獲得のトレンドの変化に対応できる敏捷性を得られるのです。

ヘッドレス化して,サイトのバックエンドとユーザーが目にしているフロントエンドを分離すると,モバイル,デスクトップ,ウォッチ,アプリ,POSなど,それぞれのタッチポイントで要求されるユーザーエクスペリエンスを即座に満たすことが可能になります

今までは1のバックエンドにすべて連結していたため,異なるエクスペリエンスの提供が制限されていました。今は,ディープな開発作業をしなくても,デバイスごとにまったく異なるバリュープロポジションを展開できます。」

——哈维·霍德蓝图

ヘッドレスコマ,スのトレンド

ヘッドレス化のメリットがわかったので,次はヘッドレスコマ,スの未来に進むべき4の理由を確認しておきましょう。

モバ▪▪ルコマ▪▪スの隆盛

昨今,デスクトップだけでオンラ▪▪▪ンショッピングをしている人を見▪▪▪けるのはむずかしいでしょう。2022年には,スマホで買い物をするモバルユザは18750年万人になる見通しです。2025年には,モバ▪▪ルコマ▪▪スの総支出額英語2700年億ドルに達すると見込まれています。

ヘッドレスコマ,スのア,キテクチャであれば,マ,チャントはその支出を捉えることができます。レスポンシブテーマに依存することなく,開発者はバックエンドに影響を与えないモバイルサイトを完全カスタマイズで構築可能です。また,脸谱网の“購入”ボタンのようなソシャルコマス機能を利用して,モバルデバスを使う91%SNSユザ英語を獲得することもできます。

新しいモバ▪▪ルサ▪▪トまたはアプリとヘッドレスコマ,スのプラットフォ,ム間のAPIコ,ルがデ,タの受け渡しをおこないます。eコマースのバックエンドを犠牲にすることなく,モバイルユーザーがすでに利用していて商品を閲覧したり購入したりしているプラットフォームで商品を販売する技術をあなたは手に入れることができるのです。

コアウェブバ@ @タルに対するヘッドレスの影響

現代の消費行動において,検索エンジンは大きな役割を果たしています。商品をオンラesc escンで探すとき,ほぼ半数48%の消費者は谷歌必应雅虎などの検索サ@ @トを利用しています。

搜索引擎优化をマ,ケティング戦略で重視しているなら,20206月の谷歌の発表内容を知っていなければいけません。アルゴリズムが大きく変更され,ペ,ジ速度が今まで以上に重視英語されるようになりました。コアウェブバ@ @タル(核心网页至关重要)指標が谷歌アルゴリズムにおいてメ▪▪ンとなり,どのペ▪▪ジやサ▪▪トを検索ランキングで上位表示するかを決定します。最大含量涂料累计布局移位FID(首次输入延迟),これらの指標のどれもがペ,ジの読み込み速度に関係しています。

ヘッドレスコマ,スは,あなたのeコマスのタッチポントが検索エンジンの結果ペジで成功を収められるようにします。フロントエンドとバックエンドが別になっているため,サイトビジターが読み込むのはフロントエンドだけで,検索エンジンクローラーがアクセスするのもそこです。

ヘッドレス化することで,必然的に高速なフロントエンドのモダンJavaScriptフレ,ムワ,クを活用できるようになります。谷歌はコアウェブバイタルをランキング指標として用いているのですから,ビジネスとしてこれを真剣に考慮すべきです

パソナラズがすべて

ウェブ消費者がもっとも懸念するのはオンラ@ @ンのプラ@ @バシ@ @です。とはいえ,リサ,チによると,消費者はパソナラズされたショッピング体験英語が得られるなら顧客デ,タの共有を許容するという事実が見えてきます。10人中9英語は,より安く簡単なエクスペリエンスのために進んで行動デ,タを共有する傾向にあります。

そのため,eコマ,スブランドの31%英語は,顧客デ,タの活用がビジネスプランを進める最大の契機になると信じています。また別の29%は,そのデ,タを使用してより良いカスタマ,エクスペリエンスを創出していくべきだと言っています。

ヘッドレスコマ,スは,このようなデ,タの収集とプラットフォ,ム全体での共有を可能にします。お客さまがeコマスサトでアカウントを作成し,購入ジャニを別のデバススマ,トウォッチなどで継続した場合,ヘッドレスのア,キテクチャはそのデ,タを双方で同期します。

パーソナライズされたおすすめ商品,デバイス間でのショッピングカートの保存機能,注文履歴に応じたお好みの支払いオプションなどを提供しましょう。

ヘッドレスコマ,スは,商品を複数のチャネルでプロモ,ションしたい企業にとって,とくに有益です。たとえば,ウェブサイトで商品カタログを宣伝して,同じ商品とコンテンツをネイティブモバイルアプリでもプッシュできます

cmsを使って各部門の利点を活用

ヘッドレスのソリュ,ションを採用するなら,eコマ,スのバックエンドと同じCMSを使用する必要はありません。理想的とはいえないeコマ,スプラットフォ,ムに甘んじることなく,WordPress意旨Squarespaceなどの既存CMSを使って,すべてのストアフロントに対してコンテンをアップデトすることが可能です。

主持演出のオ,ナ,である汤姆·赫斯特は,次のように説明します。「2以上のCMSを同時に使用している会社が増えているのは,ク,ルなトレンドだと思います。たとえば,マ,ケティングチ,ムはブログやペ,ジレベルのコンテン,編集にWordPressを駆使していることが多いですが,営業やロジスティクスのチ,ムはeコマ,スとしてShopifyを好みます。」

ヘッドレスなら,WordpressのコンテンAPIShopifyeコマスAPIを使って,1のウェブサトを機能させることができます。この方法だと,それぞれの業務に適したルが選べるため,チムの柔軟性が大きく向上します。そしてフロントエンドにおいては,一貫したブランドとして表現できるのです

ヘッドレスとオムニチャネルコマ,スのマリア,ジュ

カスタマ,ジャ,ニ,は複雑になる一方です。消費者の74%英語は,取引の開始から完了までに複数のチャネルを使います。76%は,状況に応じたいろいろなコマ,スチャネルを希望しています。

マッキンゼ,がリテ,ル業界の未来予想を発表したとき,パ,トナ,であるPraveen Adhiは次のようにコメントしました。

“あなたがだれで,何を持っているかに合わせて,瞬時に衣装を変えるデジタルマネキンを見ることになるでしょう。商品に触れ,感じて,より良く知るための店内体験も豊富になります。」

ただし,商品を購入しても,現在のようにそれを持って店の外に出ていくわけではありません。商品はバックルームから出てくるか、車の中に置かれるか、あるいは自宅に届いているのかもしれないのです

単一のeコマースサイトだけでは,商品の発見や支払いプロセスの大部分を占めるチャネルごとの要求を満たすのに十分ではない場合があります。

ショッピング体験がオンラ▪▪ンとオフラ▪▪ンで可能となるオムニチャネル英語とヘッドレスの組み合わせは,完璧と言えます。ヘッドレスコマ,スは,モバ@ @ルアプリでも、スマートミラーやウォッチのような物联网デバ超市超市スでも,ボ超市超市スショッピングでも,PWA (プログレッシブウェブアプリでも可能なのです。

ヘッドレスコマースがあらゆるカスタマータッチポイントを販売機会に変え,すべてのコマース要素は単一のバックエンドで管理されます。

ヘッドレスの加上マ,チャント:KOTN

Shopifyは,マーチャントが希望する技術スタックやビジネスロジック,またはバイヤーエクスペリエンスを実現するために,プラットフォームの変更を余儀なくされるべきではないと考えます。

Kotn英語は,その点における素晴らしいケ,ススタディです。オンラ电子邮箱ンでアパレル販売をおこなう同社は,Shopify店面API英語を使って2のストアを1に統合しました。新しいストアには,新しいCMS,チェックアウトペ,ジ,カスタム商品ペ,ジがあります。実現したかったパーソナライズされたショッピング体験を提供するために,カスタムアプリやハックを用いる必要はなくなりました。

ヘッドレス化して以降,Kotnのサ@ @ト変更は今まで以上に迅速になりました。速くなったのはそれだけではありません。Kotnのサト速度は,トラフィックが集中するピク時期であっても,急激に速くなったのです。また,ビジネスの成長や新たなテクノロジーの登場に合わせてスケールできるインフラも手に入りました。

Shopifyはわたしたのニズの80%をカバしています。ほかのマ,チャントの場合も同じだと思います。残りの20%の部分はヘッドレスで対応し,そこに時間をかなり投じました。わたしたちが取り組んでいるのは,ShopifyにはShopifyが得意なことをやってもらって,自分たちは自社の独自性を強調できる領域にフォーカスすることです。ヘッドレスにいて思案を重ね,そこに到達しました
本杰明·塞尔(Kotn共同創設者)

ヘッドレスコマスのウェブサト事例

基层农民合作社

基层农民合作社は,サステナブルな食肉を米国内のお客さまに販売する小規模な農場経営者の集まりです。ヘッドレス化を決めた際,このリテ,ラ,はShopify +パ,トナ,の阿尔法欧米茄代理公司と協力して,素晴らしいユ,ザ,エクスペリエンスを提供できる最先端の技術を組み入れました。

基层农民合作社は,Shopify +をヘッドレスコマ,スのプラットフォ,ムとして使用しています。カスタム商品ペ,ジとチェックアウトをサポ,トするために,NetsuitePWARuby on Railsなどのルも使われています。

お客さまのために最高のユ,ザ,エクスペリエンスを提供したかったのです。プログレッシブウェブアプリは,モバイルからの平均注文額を大きく向上しました。収益が増加したことで、サステナブルな取り組みをサポートしています

Babylist

すぐに使えるようになっているコマースプラットフォームは,ブランドが必要としている機能や柔軟性を備えているとは限りません。Babylistを例にとってみましょう。これは,出産を控えている人々が,ギフトに欲しいウィッシュリストを共有できるオンラインプラットフォームです。このサトでは商品をサドパティのリテラから取得しています。ユザは,商品を品質やサイズで比較することができ、年齢別のおすすめや、最安価格などを1ウェブサトで得られます。

Babylistのサ@ @トをモノリシックなeコマ,スプラットフォ,ムで作り直すのは,ほぼ不可能です。そこには,出産を控えている人とギフトを買って贈りたい人,2種類のカスタマ,エクスペリエンスが存在します。

Babylistは,ヘッドレスに移行して複数のプラットフォ,ムを1のテクノロジの上に統合しました。CMS(意旨)注文管理システム(Shopify),チェックアウト(Shopify +)がそこに含まれています。

その結果英語がこらです。

  • 新しいヘッドレスサ145%上昇
  • 初月以降,月間のiOSアプリチェックアウトは300%上昇
  • オンラ102%成長

无花果

无花果は,コマスにヘッドレスのアプロチを採用しているオンランリテラの1社です。サ@ @トのバックエンド機能を管理するためにShopify +を利用しています。

さらに,ランディングペ,ジのデザ,ンに柔軟性をもたせる目的でUnbounceNext.jsも使用します。それぞれのカスタムランディングペ,ジは,Shopifyの商品ペ,ジと連携し,お客さまは本当にユニ,クなエクスペリエンスが得られ,購入へと至ります。无花果はまた,2022年までにモバ▪▪ルデバ▪▪スで消費されると推計されている4320年億ドル英語を取りにいくために,モバ。

これらのカスタムタッチポ电子邮箱ントは,APIコ,ルによってデ,タをShopify +に返します。そこから,注文の管理,SKUの更新,在庫レベルのアップデ,トが可能です。

ヘッドレスの準備は好吧

経験豊富でしっかりしたインラフをもっている企業も,エンタープライズ仕様のアーキテクチャを構築中の企業も,上述したチェックボックスに複数チェックが入るようなら,ヘッドレスコマースのアプローチが最適と言えるかもしれません。

同様に,ビジネスのオペレーションが複雑になりつつあり,価格よりもエクスペリエンスで競合と差別化したい場合には,ヘッドレスの未来が待っています。

原文:Elise Dopson电子邮件ラスト:Diego Blanco翻訳:深津望

よくある質問

ヘッドレスコマスとは何ですか?

ヘッドレスコマースは,フロントエンドの顧客体験と,バックエンドのインフラ技術を分離したシステムアーキテクチャのことです。

ヘッドレスコマスのメリットは?

市場へのスピド対応,制御とスケルの高速化,自在なカスタマズがメリットとして挙げられます。

Shopifyはヘッドレスコマ,スにぴったりですか?

ヘッドレスコマースの鍵となるAPIが多く開放されており,様々なレベルのカスタマイズが可能なのでヘッドレスコマースを実現するならShopifyはぴったりです。

ヘッドレスコマ,スの事例を教えてください。

D2Cでマットレスを販売するコアラさんは,ヘッドレスコマ,スを活かして事業を行なっています。

ネットショップを開設しよう!

Shopify無料トラ▪▪アルはこ▪▪ら