アリババPWA：プログレッシブウェブアプリで勝利

公開: 2022-06-25

PWAは、一部の機能が不足しているためにネイティブアプリに遅れをとっている可能性がありますが、そのパフォーマンスがネイティブアプリほど堅牢ではないというわけではありません。実際、グローバルeコマースの巨大な中国市場であるAlibaba PWAを含め、ほとんどの種類のアプリをPWAに切り替えることができます。

ご存知のように、eコマースは、前後のやり取りのチェーンと表示コンテンツのかさばるサイズを伴うため、どのWebアプリよりもはるかに複雑です。今日のケーススタディでは、Alibaba PWA開発の過程と、それがプラットフォームの繁栄にどのように役立ったかについて、より深く知ることができます。

コンテンツ

アリババの概要

アリババは、1999年に中国の広州で設立されたアリババグループの一部です。わずか18人の従業員の小さなスタートアップから、B2Bトランザクションのための世界で最も急速に成長しているeコマースプラットフォームの1つであり、世界中に22,000人以上の従業員がいます。ロックダウンの1年前の2019年、Alibabaの総収益は2,480億ドルに達し、eBayやAmazonを上回りました。

Alibabaは、Alibaba.com、Taobao、およびTmallの所有者です。アリババの時価総額はすでに4000億ドルを主張しており、中国の売上高の80％以上を占めています。全体として、彼らはどの電子商取引会社よりも多くのビジネス、商人、および顧客の取引を処理します。

アリババは、中国のメーカーから国際的な卸売市場に大量生産された在庫を供給し、補充することを目指しています。梱包して配達できるものはすべて揃っていますが、最も人気のある2つのアイテムはアパレルと電子機器です。

2021年の第1四半期に、Alibabaは9億3900万人の月間アクティブユーザーを獲得しました。アリババの光棍節は一年で最も収益性の高い日であり、811万人のアクティブな顧客がいて、メガセールスと呼ばれる急速な大量消費の傾向を生み出しました。

アリババがPWAを利用するきっかけは何ですか？

主要なeコマース市場であるAlibabaは、PWAを信頼しています。それで、それはすべてのウェブサイトの所有者、特にオンラインビジネスの所有者に何を言うことができますか？ PWAについてさらに詳しく見ていきましょう。今後、デジタルランドスケープを形作るメガトレンドを見ていきましょう。

PWAはまったく新しいテクノロジーではありませんでした。スティーブジョブズは2007年にそれについて言及しました。Googleは2017年にプログレッシブウェブアプリの名前でそれを再導入しました。

PWAは、通常のブラウザ機能から始まり、ブラウザのサポートがあり、固有の構造を壊さない限り、時間の経過とともに最新の機能または改善を開発するプログレッシブエンハンスメントの戦略に基づいて名前が付けられています。

PWAは、Service Workerの使用を微調整することで、アプリのような機能をWebサイトベースのアプリに提供できます。言い換えれば、PWAは、ネイティブアプリがなくても、それ自体でモバイルでのブラウジング体験を可能にします。

PWAは、基本的にWebサイトですが、ホーム画面にインストールしてプッシュ通知を配信し、アプリと同じようにフルスクリーンモードを備えています。このように、PWAを使用すると、マーチャントは任意のブラウザーでシームレスに実行し、優れたユーザーエクスペリエンスを提供することで、多くのオーディエンスを引き付けることができます。

さらに、Service Workerは、キャッシュからのネットワーク要求をインターセプトして処理できます。これにより、PWAは、2回目のアクセスから即座にページコンテンツを提供し、インターネット接続に関係なくエラーのない読み込みを実行し、ユーザーが生成したコンテンツをオンライン同期に保存できます。

では、なぜPWAが非常に好まれているのでしょうか。まず、PWAは高速で、最初のページの読み込みからページの遷移までシームレスに実行されます。また、読み込み速度が速いほど、バウンス率が低くなり、優れたユーザーエクスペリエンスを作成するための労力を節約できます。

第二に、データは、モバイルデバイスを介したeトランザクションが短期間に著しく増加しており、eコマースの売上コンバージョンの大部分を占めていることを示しています。

Business Insiderは、アフィリエイトマーケティングと電子メールが、オンラインストアの売り上げを積極的に引き付けていることを明らかにしています。これは、購入を決定する前に、人々が携帯電話でさまざまな検証ソースから情報を探すという、購入傾向の非線形の形を意味します。

そのため、AlibabaはPWAを利用して、かさばるが堅牢で、読み込みが速く、繰り返し利用できるオンラインマーケットプレイスを構築しました。

PWA統合につながったAlibabaの課題

アリババは、優れたモバイルエクスペリエンスがなければ、今日のようにはなりません。モバイルウェブは、発見と使用の維持の主要な情報源です。彼らは常にデザインを革新し、モバイルでのパフォーマンスを向上させる方法を探していますが、それでも満足のいく体験を生み出すことは難しいと感じています。

モバイルブラウジングジャーニーは、アプリ以外のユーザーをアプリの使用に変換する戦略の一部となることを目的としていました。しかし、アプリが期待に応えられなかったことが判明し、多くの人がWebにとどまることにしました。代わりに、ユーザーはブラウザから直接トランザクションをすばやく便利に完了します。

PWAを使用すると、Alibabaはあらゆるデジタルタッチポイントの高品質と信頼性を維持できます。ユーザーは、高速で安全で魅力的なモバイルWebにとどまるか、アプリにとどまることができます。 2つを共存させることにより、Alibabaは、Googleおよびソーシャルメディアサイトでより高い可視性を示すことを可能にする追加サービスで競争上の優位性を形成しました。

アリババPWAの結果

PWAを構築することで、Alibabaは、初めての訪問者を魅了するまともなユーザーエクスペリエンスを提供し、リピーターや忠実な購入者につながります。アリババPWAの統合後、すべてのプラットフォームで総コンバージョン率が76％増加しました（コンバージョンは、訪問者がサプライヤーに直接連絡したときにカウントされます）。

AndroidはPWAを最もよくサポートしているため、Alibabaは「ホーム画面に追加」プロンプトを実装しました。これにより、他のモバイルWebと比較して4倍の再エンゲージメントレベルが復活しました。プッシュ通知を統合すると、PWAがネイティブアプリと同じように実行できるようになります。

アリババPWAは、ネイティブアプリのパワーを強化しながら、競争力を活用してコンバージョンを加速するためのWebサイトのアクセス可能で用途の広い使用を維持する、モバイルファーストでユーザー中心の方向性から生まれました。

機能について

エラーのないコンテンツ表示によるラグ耐性のある読み込み速度。
ページと要素間のレスポンシブトランジション。
直感的でシームレスなナビゲーション。
全体としての経験：シンプルで手間のかからない。ただし、Safariは、AlibabaPWAがもたらす機能を完全には実行しません。 iOSユーザーは、問い合わせの送信やチェックアウトなどの残りの部分を実行せずに、サイトを閲覧することしかできません。

結果

クロスブラウザコンバージョンで76％高くなっています。
iOSの月間アクティブユーザー数は14％増加しましたが、Androidは30％増加しました。
[ホームに追加]画面からのインタラクション率は4倍になります。

アリババPWAのようにオンラインビジネスの成長を活用する

PWAのメリットを活用する

ユーザーエクスペリエンスの向上

PWAは、モバイルブラウザで最適に利用できるアプリのような機能を所有しています。デザインを微調整して、モバイルネイティブアプリに合法的に慣れ親しみ、レスポンシブで印象的な要素の効果を高めます。ユーザーはPWAを元のアプリと区別できません。

一日の終わりにウェブサイトであるため、ユーザーがリロードまたはジャンプアウトしてジャンプバックできる自動更新プロセスがなければ、Alibaba PWAは実際のネイティブアプリのように機能し、わかりません。

ほとんどすべてのモバイルPWAデザインは、左側のスライドメニューと下部のナビゲーションでカスタマイズされているため、サイト全体を簡単に閲覧できます。ただし、iOSシステムはAndroidのようにPWA機能を完全にはサポートしていません。主なターゲットがiOSユーザーである場合は、このことに注意してください。

SEOにやさしい

他のページにリンクしたり、友人や家族と共有したり、検索エンジンの結果ページで見つけたりできるネイティブアプリを見たことがありますか？最初は奇妙に見えるこれら2つを組み合わせると、PWAになります。

ネイティブアプリを所有するより大きなブランドと競争する方法を探している場合は、PWAを採用し、その強みをニーズに合わせて活用することを検討してください。「卸売りを購入」などのキーワードを試してみると、Alibaba PWAがSEMで最初の場所を占めることが決まっていることがわかります。そのため、SEO戦略を活用して、ニッチ固有のキーワードでそれらに対抗するチャンスを手に入れましょう。

PWAを使用して適切に設計されたSEO戦略を実行でき、訪問者はPWAの魅力的なアプリのようなエクスペリエンスで頻繁な訪問者に変わる可能性が高くなります。 PWAは、非常に高速な読み込み速度とともに、平均的なWebサイトよりも長くユーザーをオンサイトに留めることができます。

バウンス率が低く、滞在時間が長く、移行がスムーズで、魅力的なインタラクションがありますか？今、私たちはグーグルのトップの位置のための潜在的なウェブアプリについて話している。

評判の向上

多くの技術者は、PWAの機能が不足している可能性があるため、PWAの能力と将来性を信じていますが、後で開発することもできます。成功したPWAの例であるブランドは、アリババ以外のデジタルランドスケープに関するPWAの記事からの直接の叫び声や参照からの大量のトラフィックを受け取り、スターバックスPWA、Tinder、フリップカートなどがあります。

PWAは、大多数のWebおよびアプリユーザーにとって比較的新しいものです。ユーザーが試してみるには、PWAの専門性を紹介し、宣伝する必要があります。 PWAの早期採用者として、サイトに関する情報をサードパーティの組織に公開すると、注目を集めることができます。

プレミアムPWAサービスで数える

ティグレンPWA

PWAは、最新のWebアプリテクノロジの製品であり、Service Worker、Web App Manifest、およびCacheAPIに関する最新の知識のアプリケーションを継承しています。熟練したWeb開発者でさえ、適切なトレーニングと経験がなければPWA開発に慣れていない可能性があります。

Tigrenは、導入された年からPWAと協力してきました。私たちは、世界中の何千ものオンラインSMBに高品質のプレミアムPWAソリューションを提供し、高い収益を上げてきました。

私たちは各プロジェクトを非常に満足し、細心の注意を払い、品質第一のアプローチで扱います。ベトナムに拠点を置く当社は、リーズナブルで手頃な価格の信頼できるeコマースソリューションプロバイダーの頼りになる代理店です。

私たちのソリューション

現在、Tigrenは2種類のPWAサービスを提供しています。

カスタムPWA開発：PWAを最初から構築するか、既存のPWAで部分的な機能を構築するか、既製のPWAソリューションをカスタマイズするように依頼できます。
3つの異なるデザインと独自の組み込み機能を備えたプレミアムTigrenPWAテンプレート。

重要なポイント

アリババはPWAの可能性を認識し、競争力を高めるために新しいテクノロジーを採用することを決定しました。
アリババPWAは、より多くのエンゲージメントポイントとコンバージョン率を取り戻し、この巨大な中国のB2B取引プラットフォームを他のブランドから分離しました。