インストール可能性はプログレッシブ ウェブアプリ(PWA)の基本要件です。ユーザーに PWA のインストールを促すことで、ユーザーが PWA をホーム画面に追加できるようになります。ホーム画面にアプリを追加すると、そのアプリを頻繁に操作するようになります。
ウェブアプリ マニフェストには、アプリをインストール可能にするために必要な重要な情報が含まれています。
Lighthouse ウェブアプリ マニフェストの監査が失敗する仕組み
Lighthouse では、インストール可能な最小要件を満たしたウェブアプリ マニフェストがないページにフラグが付けられます。
ページのマニフェストに次のプロパティが含まれていない場合、監査は不合格になります。
short_name
またはname
プロパティ- 192x192 ピクセルと 512x512 ピクセルのアイコンを含む
icons
プロパティ start_url
プロパティdisplay
プロパティがfullscreen
、standalone
、またはminimal-ui
に設定されている。prefer_related_applications
プロパティがtrue
以外の値に設定されている。
PWA をインストール可能にする方法
アプリのマニフェストが上記の基準を満たしていることを確認します。PWA の作成の詳細については、インストール可能にするをご覧ください。
PWA がインストール可能であることを確認する方法
Chrome の場合
アプリがインストール可能な最小要件を満たしている場合、Chrome は beforeinstallprompt
イベントを発生させます。このイベントを使用して、ユーザーに PWA のインストールを促すことができます。
他のブラウザの場合
ブラウザによって、インストールの条件や beforeinstallprompt
イベントのトリガーの条件は異なります。詳しくは、以下の各サイトをご覧ください。