Das Manifest der Web-App erfüllt die Anforderungen an die Installierbarkeit nicht

Die Installierbarkeit ist eine der Hauptvoraussetzungen für Progressive Web-Apps (PWAs). Wenn Sie Nutzer dazu auffordern, Ihre PWA zu installieren, können sie sie zu ihren Startbildschirmen hinzufügen. Nutzer, die Apps zu Startbildschirmen hinzufügen, interagieren häufiger mit diesen Apps.

Ein Web-App-Manifest enthält wichtige Informationen, die erforderlich sind, um Ihre App installierbar zu machen.

So schlägt die Manifest-Prüfung der Lighthouse-Webanwendung fehl

Lighthouse kennzeichnet Seiten ohne Web-App-Manifest, das die Mindestanforderungen an die Installierbarkeit erfüllt:

Die Lighthouse-Prüfung zeigt, dass der Nutzer die Web-App nicht über den Startbildschirm installieren kann

Wenn das Manifest einer Seite die folgenden Attribute nicht enthält, schlägt die Prüfung fehl:

  • Eine short_name- oder name-Property
  • Eine icons-Eigenschaft, die ein 192 × 192 px und ein 512 × 512 px großes Symbol enthält
  • Eine start_url-Property
  • Ein display-Attribut, das auf fullscreen, standalone oder minimal-ui festgelegt ist
  • Ein prefer_related_applications-Attribut, das auf einen anderen Wert als true festgelegt ist.

So machen Sie Ihre PWA installierbar

Sorgen Sie dafür, dass Ihre App ein Manifest hat, das die oben genannten Kriterien erfüllt. Weitere Informationen zum Erstellen einer PWA findest du unter Installation möglich machen.

Prüfen, ob Ihre PWA installierbar ist

In Chrome

Wenn Ihre App die Mindestanforderungen für die Installierbarkeit erfüllt, löst Chrome ein beforeinstallprompt-Ereignis aus, mit dem Sie den Nutzer zur Installation Ihrer PWA auffordern können.

In anderen Browsern

Andere Browser haben andere Kriterien für die Installation und zum Auslösen des beforeinstallprompt-Ereignisses. Weitere Informationen finden Sie auf den entsprechenden Websites:

Ressourcen