ヘッドレス コマースは未来ですか、それとも過去ですか?

ここ数年、「ヘッドレス」という言葉が飛び交っているのを見たことがあるでしょう。 消費者への直接販売の分野では特に激しい会話が繰り広げられており、過去 12 か月間で、Shopify でのヘッドレス ソリューションの構築について話し合うために Eastside Co にアプローチする企業の数は確実に増加しています。 ヘッドレスを理解するには、いくつかの質問に答える必要があります。

ヘッドレスとは？

ヘッドレス Shopify ウェブサイトが何であるかが 100% わからない場合でも、心配はいりません。 誰もが言葉を投げかけていますが、私は約束します.ほとんどの人は詳細を知りません.私は専門家であると主張するつもりはありません.

(この時点で、私が専門家ではないのに、なぜヘッドレスについての記事を書いているのか疑問に思われるかもしれません。良い点です。うまくいけば、この記事の最後までにそれを明らかにしたいと思います。)

簡単に言えば、ヘッドレス アーキテクチャとは、フロントエンド システムとバックエンド システムを「分離」し、API を使用して 2 つのシステムを接続し、それらの間で関連データを渡す場所です。

まだ混乱していますか？

ネイティブの Shopify ビルドを見ると、コンテンツが保存および表示される場所はすべて 1 つのシステムです。 ヘッドレス Shopify ビルドでは、コンテンツ ストレージを、コンテンツが表示されるプレゼンテーション レイヤーから分離しています。

これら 2 つの要素を分離することにより、Web サイトのフロントエンド表示レイヤーは、バックエンド システムの機能とアーキテクチャによって制限されなくなります。

実際、ヘッドレス ソリューションのフロントエンドは Web サイトでさえない場合があります。 ネイティブのモバイル アプリや POS (販売時点情報管理) システムである可能性があります。 Shopify に関して言えば、プレゼンテーション レイヤー (フロント エンド) を販売チャネルと考えるのは、おそらく真実からかけ離れたものではありません。

Shopify ネイティブ ビルドであっても、「オンライン ストア」をフロント エンドと見なし、Shopify システムをバック エンドと見なすことができます。

したがって、ヘッドレス Web サイトは、ソリューションのフロント エンドをバックエンドに直接組み込むことを避けるための明示的な決定にすぎません。

うまくいけば、それは今では明らかですが、人々が従来のネイティブの Shopify テーマではなく、このルートを選択する理由はまだ説明されていません.

ヘッドレス コマースの利点は何ですか?

一般的にヘッドレス ソリューションが選択される理由のいくつかに入る前に、何かを明らかにする価値があります。 これからお話しするメリットの多くは、必ずしもヘッドレス ビルドに固有のものではなく、特定のメリットをもたらす特定の技術的アプローチを自由に選択できる結果です。 (これらについては説明しますが、知っておくべき重要なことは、ヘッドレスになったからといって、以下にリストされているすべての利点が得られるわけではないということです。実行することで大きな違いが生まれます。)

1 - サイトの速度

超高速のサイト速度とヘッドレス ビルドは密接に関連しているように思われ、サイト速度の向上はヘッドレスの主なメリットとしてよく挙げられます。 ただし、これは、ヘッドレスを選択したためにサイトが高速ではない場合の 1 つです。フロントエンドを分離することで静的に生成するオプションがあるため、サイトは高速です。 これは、Web ページを提供するときに、面倒な作業や計算を行う必要がないことを意味します。

ただし、悪いニュースがあります。 ヘッドレス化の主な理由がサイトの速度だけである場合、それはおそらく十分な理由ではありません。 設備投資のコミットメントと同様に、デューデリジェンスを行う必要があります。 もちろん、サイトの速度はカスタマー エクスペリエンスに影響を与えます。ほとんどの場合、ヘッドレス アプローチは、ネイティブの Shopify ビルドよりも高速なサイトを提供しますが、費用便益分析を行う場合、ヘッドレス技術スタックを実装および維持するコストよりも、速度の向上から常に多くを得ることができます。

2 - CMS の柔軟性

歴史的に見て、人々がネイティブの Shopify テーマではなくヘッドレス ビルドを選択した最大の理由の 1 つは、Shopify CMS に固有の制限でした。 Shopify オンライン ストア 1.0 は、テンプレート駆動型のシステムでした。 コンテンツ管理の唯一の柔軟性は、「セクション」(モジュラー コンテンツ ブロック) が Web サイトのホームページ セクションに導入されたときにもたらされました。 長い間、他のほとんどすべてをテンプレートに組み込むか、テーマ設定にハッキングするか、カスタム フィールドを介して実現する必要がありました。 これらすべてを行っても、ホームページ外の各テンプレートは大部分が修正されており、テンプレートを根本的に変更したり、新しいコンテンツ セクションを追加したり、独自のランディング ページを作成したりするには、開発者の介入が必要でした。

ヘッドレス ソリューションと、Sanity や Contentful などの独自の CMS を選択できる機能により、思い通りの CMS を作成し、これまで以上にモジュール化された方法で必要なページを構築できます。

これは、Shopify がオンライン ストア 2.0 をリリースしたときにすべて変わりました。 本質的に、これはサイト全体のセクション (以前はホームページに限定されていた) のリリースでした。 したがって、厳格なテンプレートにとらわれる代わりに、任意のページで任意の順序で使用できるコンテンツ モジュールのホスト全体を構築できます。 これにより、コンテンツの編集がはるかに迅速になり、内部チームは、開発者の介入なしに既存のコンテンツを編集したり、新しいランディング ページを作成したりする柔軟性が大幅に向上しました。

Shopify Unite London 2022 で、クライアントのためにこのレベルの柔軟性を実現するために通常はヘッドレス ビルドに焦点を当てていたエージェンシーは、実際には、より多くのクライアントが Shopify のネイティブ テーマに戻ることを選択していることに気付きました。複雑でしばしば高価な技術スタックを維持する必要はありません。

3 - 創造性とフロントエンドの柔軟性と自由

この点は CMS の柔軟性にある程度関連していますが、違いがあります。 ヘッドレス アプローチとは、フロントエンドで無限の柔軟性が得られることを意味します。 つまり、デザイナーは影響をほとんど、またはまったく受けずに自由に行動できますが、それは常に良いことではありません。

プレゼンテーション レイヤーの外観と機能を完全に自由に作成できます。一見したところ非常に魅力的なサウンドですが、深く掘り下げると、ユーザーにとって深刻な問題が発生する可能性があります。

e コマース Web サイトは、基本的に 4 つの主要な領域で構成されています。

• ホームページ
• コレクション・カテゴリーページ
• 製品ページ
• チェックアウト

これらのページで受け入れられている機能と動作は、長年にわたってオンライン ショッピングに慣れ親しんできたユーザーのおかげで、ユーザーに根付いています。 ユーザーは e コマース エクスペリエンスに明確な期待を抱いており、既知の行動を再学習させることは大きな障害となる可能性があります。

信じられないほど忠実なユーザー ベースを持つ非常に大規模な事業の場合、顧客は物事を理解するのに時間がかかるかもしれませんが、ほとんどの場合、顧客はシンプルで親しみやすいエクスペリエンスを望んでいます。

完全な創造の自由を利点として考えるときは、e コマース サイトの構造とデザインが顧客体験を壊す前にどこまでプッシュできるか自問する価値があります。 適切に設計された堅牢な e コマース エクスペリエンスが必要な場合は、Shopify のネイティブ テーマで完全に可能です。

4 - 複数の頭にサービスを提供する機能

これは、メインの非ヘッドレス ストアフロントから追加の販売チャネルを提供することが一般的に難しい従来のプラットフォームにより適している場合があります。 ただし、 Shopify メインのオンラインストアの外に複数の販売チャネルを持つことは非常に簡単です.

ヘッドレス コマースは未来ですか?

答えは、ヘッドレスはすべての問題を解決する特効薬ではないということです。 人々が 2 年前にヘッドレス Shopify ソリューションを選んだ理由は、今日ヘッドレス ソリューションを選ぶべき理由と同じではありません。 実際、人々が過去にヘッドレスを選択した理由の多くは、オンライン ストア 2.0 を利用したネイティブの Shopify テーマに戻ることを選択した理由と同じです。

ヘッドレスのすべての利点については、ヘッドレス スタックの初期投資と継続的なメンテナンス コストが常にネイティブの Shopify ビルドよりも高くなることを考慮する必要があります。 総所有コストが長期的に特定のビジネスにとって実行可能であり、それに付随するテクノロジー要件をサポートするインフラストラクチャがあることを確認する必要があります。

ヘッドレスは、Shopify でより実行可能になりつつあります。 Shopify の Hydrogen フレームワークのリリースにより、Shopify アプリのエコシステムがヘッドレス ソリューションに統合するのがはるかに簡単になるということもまた良い賭けです。これはまだしばらくお休みかもしれません。

ヘッドレスが意味を持つのはいつですか?

究極の柔軟性、カスタム CMS、電光石火の速度、および複数の出力またはヘッドをサポートする機能を探している場合は、長期的にはヘッドレスが適切なソリューションになる可能性がありますが、速度や柔軟性だけを求めている場合は、利用可能なより良いオプションかもしれません。

ただし、あなたのショップが、すでにヘッドレスになっているより広いサイトまたはプラットフォームの一部になる場合、完全にカスタムの URL 構造を持つ必要がある場合、または非伝統的な e コマース エクスペリエンスを扱っている場合、ヘッドレスは非常にうまくいく可能性があります。チケット。

ヘッドレス コマースが適切なソリューションであるかどうかを検討しており、客観的な見解が必要な場合は、当社の技術チームに連絡してチャットしてください。