Apps)とは、モバイル向けWebサイトをスマートフォンアプリのように使えるようにするための仕組みのことです。導入事例について紹介します。「PWAの機能を導入するか迷う」「SEOに影響が出ないか気になる」など気になる点がございましたら、こちらの無料相談フォームよりお気軽にご質問ください。Apps」の略称で、モバイル向けWebサイトをスマートフォン向けアプリのように使えるようにする仕組みです。PWAはそれ自体が何か特殊な一つの技術、というわけではありません。Workerなど)を利用しているWebサイトをPWAと呼びます。PWAを実装することでプッシュ通知やホーム画面へのアイコン追加など、アプリの特徴的な機能をWebサイトに持たせることができます。これにより、UX向上やユーザーエンゲージメントの改善にもつながるとして注目されています。PWAの機能PWAはアプリ的な側面とWebサイト的な側面を併せ持っています。特徴的な機能は以下の通りです。1ユーザーの手元の端末にインストール可能モバイル端末のホーム画面にアイコンを設置できるため、ユーザーはアイコンをタッチするだけでWebサイトを閲覧することができます。似た機能に「ウェブページのショートカットアイコンをモバイル端末のホーム画面に追加する」という既存機能があげられます。PWAは単にショートカットをホーム画面に設置した場合と異なり、後に紹介するプッシュ通知やキャッシュの利用などの機能が備わっています。PWAのアイコンから起動したWebサイトは、URLバーもなくフルスクリーンで表示できますし、起動時のスプラッシュスクリーンも設定できます。ネイティブアプリのインストールではなくPWA対応したサイトをインストールできることは、サイト運営者にとってもサイトユーザーにとってもメリットがあります。Storeなどでアプリを登録する際には審査が必要なため、アプリが配信できるようになるには時間がかかります。PWAはストアを経由しないため、PWAを実装したサイトをリリースすればすぐにアイコン設置が可能です。2OSごとの個別対応が不要ネイティブアプリの実装はOSに依存するため、インストールする端末がAndroidなのかiOSなのかによってアプリをそれぞれ用意する必要があります。PWA対応サイトはあくまでもWebサイトであり、OSには依存しません。Android、iOSそれぞれに個別対応する必要がないのです。・通信量、データ容量を食わない通常のアプリに比べ、PWAではダウンロードするデータ量が少なく、通信量やデータ容量が少なくすみます。Workerの機能を利用すると、キャッシュの利用が可能になります。これにより、以下のようなメリットが生まれます。・ページ表示速度の高速化キャッシュによってページを先んじて読み込めるため、ページの表示速度が早くなりユーザーがページを移動しやすくなります。・オフライン対応インターネットに接続していなくてもキャッシュを利用してページを表示するため、オフラインでもサイトを閲覧できます。オフラインの間に入力されたデータをオンラインになったら送信するといったこともできます。Workerの機能により、従来のWebサイトではできなかったプッシュ通知が可能になります。アプリ同様の積極的な通知・呼びかけがWebサイトからもできるようになります。Developer4検索結果やURLから、通常のサイトと同じようにアクセスすることができるアプリ的な機能が取り上げられがちですが、もともとはWebサイトなので、通常のWebサイトと同じようにアクセスすることができます。知人とページをシェアするときはアプリとは違いURLを送ればページを共有できますし、検索エンジンからPWA対応のサイトを見つけることもできます。\社内展開用に本記事のPDF資料をお使いくださいませ/PWAをサイトに導入するメリットこれらの機能を備えるPWAですが、実装することで得られるメリットは以下の2点にまとめられます。1ユーザーエンゲージメントの向上ユーザーのモバイル端末のホーム画面にサイトのアイコンを設置できるため、ユーザーはより手軽にサイトにアクセスできます。サイト側もプッシュ通知を活用することで、一定期間来訪がないユーザーへのアプローチやキャンペーンの通知などを積極的に行うことができます。これらの取り組みにより、サイトに対するユーザーエンゲージメントを高める事が可能だと考えられます。2ユーザー体験の改善PWAによりサイト読み込み速度が飛躍的に早くなり、またオフラインでもサイトを利用する事ができるようになります。データサイズやインターネット環境などの要因でユーザーの閲覧が阻害されないため、ユーザーがより快適にサイトを利用できるようになります。0.1秒表示が遅れるごとに売上が1%減ると言われるほど、Webサイトにおいて快適なユーザー体験は重要な要素です。ユーザー体験の改善によって、間接的にサイト上でのユーザー指標が改善すると考えられます。ヘルプ導入事例(日本国内で馴染みあるサービスに限る)日本国内に限っても、PWAを導入し成果があったサイトがいくつか存在します。アクセスしてPWAを体験してみてはいかがでしょうか。Retty(Rettyグルメニュース)https://retty.news/実名グルメサービス「Retty」の運営メディア「Rettyグルメニュース」もPWAに対応しています。モバイル端末で記事を読むストレスを軽減し、ユーザー体験向上を図ることを目的に導入されました。https://r.nikkei.com/日本最大級の経済紙である日経の電子版サイトです。毎月900本の記事を配信し、無料会員も含めると300万人に閲覧されている日経電子版では、ページ速度の改善などを目的にPWAを導入しました。DeckSUUMOhttps://smp.suumo.jp/日本の大手物件検索サイトもPWAに対応しました。毎月4,000万人が物件を検索するサイトで、その多くがモバイルユーザーです。DevelopersPWAの注意点1アプリストア経由で新規ユーザーに接触できないPWAは基本的に、Webサイトを訪問したユーザーに直接インストールしてもらいます。ネイティブアプリのように「アプリストアで偶然見つけてもらう」ということはありません。Webサイトとネイティブアプリを運用していれば、Webからもアプリストアからも新規ユーザーを獲得する機会があります。ネイティブアプリを持たずWebサイトにPWAを実装させた場合、アプリストアなどで新規ユーザーを獲得する機会は得られません。ネイティブアプリも運用しながらPWAも導入することももちろん可能ですが、その場合はネイティブアプリとPWAの両方を維持・運用するためのコストも二重になります。ネイティブアプリとの兼ね合いについては検討が必要です。Workerへのサポートを始めましたが、Androidに比べると一部の機能が制限されています。【制限される機能の例】(2023年11月現在)オフラインのデータ容量が制限される(50メガバイト)PWAのインストールを促すバナーが使えないiOS16.4からiOSでもプッシュ通知が利用できるようになりました。参考:iOSの11.3からのPWA対応でできるようになったことまとめWEBページでありながらアプリのような機能を持ったPWAにより、ユーザーへのアプローチができる、ユーザー体験を改善できるなど、Webサイトの可能性が広がりつつあります。16.4からプッシュ通知が使えるようになったことで、今後様々なサイトで実装が進むと考えられます。サイトリニューアルで後悔したくない方へサイトリニューアルによる検索流入悪化、コンバージョン悪化を防ぐポイントを資料にまとめました。無料相談もお気軽にご利用ください!リニューアル実施の前後は問いません!無料で資料を受け取る無料相談に申し込む※PWAの実装方法の詳細はこちらのページをご覧くださいシェアPIVOTにもスポンサード出演しました!チャンネル登録者数が100万人を超えるYoutubeチャンネルPIVOTにスポンサード出演しました!動画内では、マーケティング組織立ち上げのための新しい手段についてお話しています。マーケティング組織に課題がある方はぜひご覧下さい。目次に戻るもっと効果的な集客施策してみませんか?無料で相談してみる会社概要ダウンロードWeb戦略の情報を定期的に受け取りたい方メールマガジンを登録する取材・メディア掲載に関するお問い合わせは、こちらからお問い合わせください。