ウェブアプリマニフェストがインストール可能性の要件を満たしていない

インストール可能性は、プログレッシブウェブアプリ (PWA) の基本的な要件です。ユーザーに PWA のインストールを促すことで、ユーザーが PWA をホーム画面に追加できるようにします。ユーザーは、ホーム画面に追加するアプリをそれ以外のアプリよりも頻繁に利用します。

ウェブアプリマニフェストには、アプリをインストール可能にするための重要な情報が含まれています。

# Lighthouse によるウェブアプリマニフェスト監査が失敗する原因

Lighthouse は、インストール可能性の最低要件を満たすウェブアプリマニフェストがないページをフラグします。

以下のプロパティがないページのマニフェストは、監査は失敗します。

• short_name または name プロパティ
• 192x192 ピクセルと 512x512 ピクセルのアイコンを含む icons プロパティ
• start_url プロパティ
• fullscreen、standalone、または minimal-ui に設定された display プロパティ
• true 以外の値に設定された prefer_related_applications プロパティ。

# PWA をインストール可能にする方法

上述した要件を満たすマニフェストがアプリにあることを確認してください。 PWA の作成について詳しくは、Installable コレクションを参照してください。

# PWA がインストール可能であることを確認する方法

# Chrome の場合

アプリがインストール可能性の最低要件を満たしている場合、Chrome はbeforeinstallprompt イベントを発生させます。このイベントを使用して、ユーザーに PWA のインストールを促すことができます。

# 他のブラウザの場合

他のブラウザは、インストールの条件および beforeinstallprompt イベントをトリガーする条件が異なります。完全な詳細については、それぞれのサイトを確認してください。

• Edge
• Firefox
• Opera
• Samsung Internet
• UC Browser

# リソース

• Web app manifest does not meet the installability requirements (ウェブアプリマニフェストがインストール可能性の要件を満たしていない) 監査のソースコード
• Add a web app manifest (ウェブアプリマニフェストを追加する)
• Discover what it takes to be installable (インストール可能にする方法について)
• Web App Manifest (ウェブアプリマニフェスト)
• Does not use HTTPS (HTTPS を使用していない)