Chrome Dev Summit 2018 is happening now and streaming live on YouTube. Watch now.

マニフェストでアプリ名を定義する

監査が重要である理由

ウェブアプリ マニフェストの name プロパティの値は、ユーザーのモバイル端末に表示されます。よって、人が読める形式のアプリ名を指定する必要があります。

short_name が指定されていない場合、モバイル端末のホーム画面では、アプリアイコンの下に name の値がラベルとして表示されます。

監査に合格する方法

ウェブアプリ マニフェストに name プロパティを追加します。

{
  ...
  "name": "Air Horner",
  ...
}

Chrome における最大文字数は 45 文字です。

アプリに "Add to Homescreen" 機能を適切に実装して、テストを実施する方法については、マニフェストを使用するで紹介しているガイドをご覧ください。

監査方法

このセクションでは Lighthouse による監査方法と監査スコアの算出方法を説明します。

Lighthouse ではマニフェストを取得して、name プロパティがあるか検証します。 なお、Lighthouse で取得するマニフェストは、Chrome がページで使用するマニフェストとは別のファイルであるため、正確な結果が出ない場合があります。