PWA と Magento: 次世代モバイル ショッピング エクスペリエンスの作成

これは、Scandiweb のコンテンツ リードである Viesturs Abelis によるゲスト投稿です。

プログレッシブ Web アプリケーション。 誰もがそれらについて話しているので、それらが正確に何であるかわからない場合でも、おそらくすでにそのテクノロジーを使用しているでしょう. Twitter、Starbucks、AliExpress、その他無数の企業が PWA の実装に成功しており、毎日何百万人もの人々が使用しています。

その結果が現れました。Twitter では、セッションあたりのページ数が 65% 増加し、送信されたツイートが 75% 増加し、直帰率が 20% 減少しました。 AliExpress では、セッションあたりの訪問ページ数が 2 倍になり、コンバージョン率が 104% 増加しました。 Google は、PWA の成功事例の驚異的なポートフォリオを蓄積してきました。

数年前には、開発コストが高く、カスタム ソリューションが避けられないことから、主にデジタル ジャイアントによって活用されていたテクノロジーが、今日ではますます民主化され、アクセスしやすくなっています。 新たな PWA ソリューションと PWA の広範な採用のおかげで、このテクノロジは今や誰もが利用できるようになりました。

PWA はゲームチェンジャーのように見えますが、ますます多くのマーチャントが時流に乗っているため、何が起こっているのか、この新しいテクノロジーがあなたにとって何を意味するのかを理解することが重要です.

プログレッシブ Web アプリケーションとは

プログレッシブ Web アプリケーションは、新しいタイプの Web 開発テクノロジ (アイデアはしばらく前から存在していましたが) であり、Web とネイティブ アプリの長所を組み合わせて、ユーザーのブラウザーで優れたアプリのようなデジタル エクスペリエンスを作成します。 したがって、PWA と聞くと、ネイティブ アプリの機能と完全な機能を備えたモバイル Web サイトを思い浮かべてください。

正確にはどの機能について話しているのですか？ 何よりもまず、PWA は高速です。 ページの読み込み速度が 300% 向上することが実証されているため、高度に最適化されたページはほぼ瞬時の読み込み時間に達し、ネイティブ アプリと同じくらい応答性が高く快適に使用できます。

その他の機能には、フルスクリーン UI、ホームスクリーン保存、プッシュ通知、ハードウェア アクセシビリティ、オフライン モードなどがあります。 PWA は、すばらしい Service Worker によって可能になりました。これについては、Google デベロッパー コミュニティによるこの講演で詳しく知ることができます。PWA は、さまざまな最新のデジタル開発をバンドルして、真にアプリのようなエクスペリエンスを提供します。

必要に応じて、アプリ ストアに展開することもできます。 ただし、これらのプラットフォームに制約されるネイティブ アプリとは異なり、PWA は通常の Web サイトのように機能し、Google でインデックス可能であるため、検索可能になるだけでなく、読み込み時間が短縮され、エクスペリエンスが向上するため、SERP が向上する可能性があります。 これはまた、かさばるダウンロードや自動更新がないことを意味し、摩擦のない最初のエンゲージメントを実現します.

PWA の人気が高まっているのは、ネイティブ アプリとモバイル Web の使用方法の間に新たな機会のギャップが生じたことが原因である可能性があります。モバイル Web はより多くの訪問者を獲得しますが、アプリはより優れたエクスペリエンスを提供し、エンゲージメントの点で Web よりも優れています。 PWA は、人々が求めるエクスペリエンスを、探している場所に提供します。

PWA: 誇大広告か未来か?

あらゆる新技術と同様に、採用よりも注意が必要です。 ブラウザーのサポートに大きく依存し、初期段階では不安定であり、現在も継続的な開発が行われているため、PWA は確実に採用するための確実性と安心感をまだ提供していません。 マーチャントは PWA を理解しようと躍起になっているため、PWA には謎の空気が漂っています。

ただし、1 つ確かなことは、単なる誇大広告ではないということです。 テクノロジーは健全であり、アーリーアダプターは大きな恩恵を受けており、知識が広がるにつれて採用も進んでいます.

PWA はほぼすべてのマーケティング KPI にプラスの影響を与えます

実際のケーススタディでは、パフォーマンス、エンゲージメント、サイト滞在時間、生成されたリード、再エンゲージメント、コンバージョンなど、ほぼすべてのマーケティング KPI にプラスの影響を与える PWA の能力が実証されています。

モバイル ファーストの時代において、このような革新的なテクノロジーが従来のデジタル チャネルよりも優れていることは驚くに値しません。また、モバイル エクスペリエンスを優先することの重要性は依然として高まる傾向にあります。 モバイル ショッピングはますます e コマースを支配しています。 Google は最近、モバイル ファースト インデックス作成を発表しました。これは、2019 年 7 月 1 日以降、すべての新しい Web サイトでデフォルトで有効になっています。 また、かなりの数の新しいインターネット ユーザーがモバイルでデジタル ジャーニーを開始しています。

したがって、標準以上のモバイル体験を提供することは両手を広げて歓迎されており、その重要性が高まっているため、世界中のマーケティング担当者が競争力を維持するために、そうすることにより多くの焦点を当てるようになる可能性があります.

PWA はアクセシビリティの点で重要な役割を果たしているため、顧客により良いデジタル エクスペリエンスを提供するだけでなく、新しいエクスペリエンスを提供することも重要です。 PWA の軽量データ要求により、UX を妥協することなく、ネットワーク カバレッジが最適ではないユーザーでもアクセス可能なデジタル エクスペリエンスが可能になります。 たとえば、Uber の拡張イニシアチブは PWA と連携して行われ、接続が遅い地方やその他の地域でも魅力的で応答性の高いエクスペリエンスを確実に体験できるようにしました。

そして、世界中の PWA の採用が進行中である今、世界中の加盟店が現在および将来の顧客に対して同じことを行うことができます。

Magento は両手を広げて PWA を歓迎します

Magento は、しばらくの間 PWA に目を向けてきました。 2017 年 9 月に PWA スタジオが導入され、2019 年 1 月についに光が見え、5 月に Magento Imagine 2019 が始まるまでに、PWA は誰もが頭に浮かび、確かに会議のホットなトピックでした。

Magento は PWA に真っ先に飛び込み、PWA の機能を紹介する他の多くのソリューションが開発されていますが、コミュニティは、マーチャントや拡張機能ビルダーが結集できる決定的なソリューションがないため、フォローすることにやや消極的です. さらに、これはカスタム開発の試みにつながり、特に大幅に変更され、高度にカスタマイズされたストアフロントに関しては、採用を軽視し、コストがかかり、持続​​不可能になります.

それにもかかわらず、現時点では、多数の Magento 商人のために PWA ストアフロントが開発されています。 Magento は PWA に多額の投資を行っており、他の国も同様です。

Magento の商人にとって、PWA で何が起こるかは問題ではありませんか? PWAはこちらです。 問題は、どのように始めるかです。

Magento 向けの 3 つの PWA ソリューション

Magento は、市場で最も強力な e コマース ソリューションの 1 つです。インターネット上のすべての e コマース ストアの 12% で利用されており、採用は年々増加しています。 このような市場シェアを持つ PWA プラットフォームになることは、Magento がインターネットを根本的に再定義するのに役立ちます。彼らは、店舗で PWA を取得することに関心のあるすべてのマーチャントがそうできるようにすることで、まさにそれを行っています.

Magento ストアの PWA を取得したい場合は、いくつかのオプションを利用できます。 ここでは、注目に値する 3 つを紹介します。

マジェント PWA スタジオ

Magento PWA Studio は、新しい流行に対する Magento の答えであり、数年前から開発が進められてきました。 Magento 2.3 とともにリリースされた、Magento 用の PWA フロントエンドを構築するための開発者ツールのスイートです。 開発、展開、およびメンテナンスに必要なすべての機能を開発者に提供し、豊富なドキュメントで補完する Magento PWA スタジオは、ストアを未来に向けようとしている Magento マーチャントにとって頼りになるツールになる可能性があります。

Inchoo が Magento PWA スタジオ ツールを使用して開発したこのデモ ストアをご覧ください (注: モバイル デバイスで行ってください)。

ScandiPWA

Magento PWA Studio とは異なり、ScandiPWA (Scandiweb によって開発された) は、一連のツールやストアフロントではなく、オープンソースの Magento ファーストのテーマです。 これは、インフラストラクチャを変更することなく、Magento 2.3 ストアに直接インストール可能であり、Magento 開発者にとってなじみのある方法で、ニーズに合わせて拡張できることを意味します。 コミュニティから高く評価されている ScandiPWA のすぐに使えるテーマは、手間がかからず、高性能の既製の PWA ソリューションを探している人にとって素晴らしいソリューションであることで多くの注目を集めています.

ScandiPWA デモ ストア (注: モバイル デバイスで行ってください) または GitHub リポジトリを参照してください。

Vue ストアフロント

市場で最も人気のある PWA ソリューションの 1 つである Vue Storefront は、Vue.js で記述されたオープンソースのプラットフォームに依存しない e コマース向けのプログレッシブ Web アプリです。 活況を呈しているコミュニティで、最大の PWA ハブの 1 つです。 その大規模さを考えると、かなり複雑なソリューションです。 Magento ファーストではなくプラットフォームに依存しないということは、Magento の一部の機能が欠落していることを意味しますが、開発が進むにつれてこれが修正されることが期待できます。

Vue Storefront デモ ストア (注: モバイル デバイスで行ってください) または活発な GitHub リポジトリを探索してください。

Magento-First PWA ソリューションの利点

Magento プラットフォームのマーチャントである場合、Magento ファーストの PWA ソリューションは、PWA レースに参加する最も簡単な方法です。 このようなソリューションには、親しみやすさ、開発コストの削減、パフォーマンスの向上という追加の利点があり、マーチャントと開発者を満足させます。

ここでは、Magento ファーストの PWA ソリューションである ScandiPWA が Magento スタックを活用して素晴らしい PWA エクスペリエンスを提供する方法の 3 つの例を示します。

ミドルウェアなし

ScandiPWA は Magento ファーストの PWA テーマです。つまり、Magento ストアの上に直接インストールできるため、Magento バックエンドと直接関係を持つという利点があります。 ミドルウェアは複雑さのレイヤーを追加するため、これによりマーチャントは多くの手間を省くことができます.

例を次に示します。個別の PWA ストアフロントとして構築されたソリューションは、Web サイトのデータベースとのみ通信します。 これは、リダイレクトの処理などの一般的な問題に影響します。 Magento コアのインストールにヒットし、バックエンドで指定されたとおりにリダイレクトされるのではなく、別のストアフロントで、ユーザーが想定されている場所に確実に着陸するためのソリューションを開発する必要があります。

ミドルウェアには、単一の強力なソリューションを複数のプラットフォームにリンクできるため、Vue Storefront などのより普遍的な PWA ソリューションにかなりの利点がありますが、欠点は、広範な適応と、多くの場合、車輪の再発明が必要になることです。話すこと。 Magento ファースト ソリューションは、すぐに利用できる Magento 機能を活用することでこれを回避し、ビジネスの開発コストを節約します。

Magento に精通し、時間を節約する

Magento ファーストの PWA ソリューションの大きなメリットは、親しみやすさです。 開発者にとって使い慣れた環境を継続して使用することで、開発者とあなたの採用が容易になり、開発プロセスが合理化されます。

Magento は、世界で最も先進的な e コマース プラットフォームの 1 つであることを証明しており、プラットフォームを中心に成長したコミュニティはそれを示しています。 これは、世界中の隅々に Magento スペシャリストを見つけることができることを意味し、PWA の斬新さにもかかわらず、まったく新しい環境で作業する場合と比較して、オンボーディングははるかにスムーズになるはずです. Magento のツールは、開発者とマーチャントの両方によく知られており、実証済みの成功の歴史があります。

したがって、Magento ファーストの PWA ソリューションを選択するマーチャントは、低コストを期待でき、何が起こっているかをよりよく知ることができます。

簡単で低コストの移行

ScandiPWA は、Magento のすぐに使用できるテーマです。 Magento ファーストのソリューションは、実装に関して大きな利点をもたらします。 プラグアンドプレイの Magento ソリューションを使用すると、フロントエンドをゼロから完全に作り直して再作成する必要がなくなり、ビジネスを危険にさらすリスクを負わずに PWA の利点を活用できます。

確立されているように、ミドルウェアを追加し、完全にカスタム化されたフロントエンドを持つことは、Magento ファーストのソリューションには通常存在しないレベルの複雑さをもたらします。 これには、追加のオーバーヘッド、メンテナンス、およびサポートのコストが伴います。

結論

プログレッシブ Web アプリは定着しています。 採用に対する慎重な見通しにもかかわらず、世界中の商人は、何が起こっているのかを正確に把握し、適切なソリューションを探し、PWA のパイオニアの多くの成功を再現しようとしています。

できるだけ早くドアに足を踏み入れようとしている Magento 加盟店には、いくつかのオプションがあります。Magento PWA スタジオを使用して独自のソリューションを開発するか、Vue Storefront などのプラットフォームに依存しない PWA ソリューションを選択するか、Magento ファーストを使用するかです。 ScandiPWA などのテーマ。 Magento の使い慣れた環境から離れすぎずに、ビジネスで PWA のすべての利点を活用できるため、最も簡単でコスト効率の良い方法は後者です。

Viesturs Abelis は Scandiweb のコンテンツ リードであり、ScandiPWA の活発なエバンジェリストです。