{"id":31662,"date":"2024-11-12T12:39:31","date_gmt":"2024-11-12T12:39:31","guid":{"rendered":"https:\/\/www.seobility.net\/?post_type=wiki&p=31662"},"modified":"2025-03-21T16:30:42","modified_gmt":"2025-03-21T16:30:42","slug":"Progressive_Web_Apps","status":"publish","type":"wiki","link":"https:\/\/www.seobility.net\/de\/wiki\/Progressive_Web_Apps","title":{"rendered":"Progressive Web Apps"},"content":{"rendered":"

Definition<\/span><\/h2>\n

Progressive Web Apps (PWAs) sind Webanwendungen, die wie normale Webseiten geladen werden, aber dem Benutzer Funktionen bieten, die sonst nur f\u00fcr native mobile Anwendungen verf\u00fcgbar sind. Sie sind kein neues Framework oder eine neue Technologie, sondern eine Kombination einer Reihe von Best Practices, um eine Webanwendung \u00e4hnlich wie eine Desktop- oder mobile Anwendung zu gestalten. Progressive Webanwendungen bieten unabh\u00e4ngig vom verwendeten Browser optimale Benutzererfahrungen, da sie auf Progressive Enhancement<\/a> beruhen. Wie bereits bestehende Web-Apps werden sie direkt auf der zugeh\u00f6rigen Website gehostet. Entwickler k\u00f6nnen sie direkt auf ihrem Webserver aktualisieren, ohne diese Aktualisierungen an verschiedene App Stores zu senden.\n<\/p>\n

\"PWA\n<\/p>\n

Beispiel einer Progressive Web App von trivago.de<\/a>\n<\/p>\n

Charakteristische Merkmale von Progressive Web Apps<\/span><\/h2>\n

Discoverable<\/span><\/h3>\n

Da PWAs so wie Websites eine URL besitzen, sind sie indexierbar und verkn\u00fcpfbar. Dies bedeutet, dass Suchmaschinen Zugriff auf die Daten im Zusammenhang mit dem Benutzerverhalten auf der PWA haben – anders als in einer nativen App, wo das Nutzerverhalten nicht mehr verfolgt und f\u00fcr die Analyse gemessen werden kann, sobald der Benutzer in der Anwendung ist. Google f\u00fchrt einige Best Practices f\u00fcr die Indexierung<\/a> von PWAs auf.\n<\/p>\n

Ohne Installierung<\/span><\/h3>\n

PWAs k\u00f6nnen \u00fcber den „Add-To-Homescreen“ Button ohne Installation oder gro\u00dfen Speicherplatzverbrauch auf einem Smartphone abgelegt werden. Ein wichtiger Teil des App-Erlebnisses besteht darin, dass Benutzer App Symbole auf ihrem Startbildschirm haben und auf Apps tippen k\u00f6nnen, um sie auf ihrem Smartphone zu \u00f6ffnen. Web-Apps k\u00f6nnen dieses native App Feeling \u00fcber die im Web App Manifest festgelegten Eigenschaften und \u00fcber die „Add-To-Homescreen“ Funktion bieten.\n<\/p>\n

Verlinkbar<\/span><\/h3>\n

Eine der leistungsst\u00e4rksten Funktionen ist die M\u00f6glichkeit, unter einer bestimmten URL eine Verkn\u00fcpfung zu einer App herzustellen. PWAs sind verlinkbar und k\u00f6nnen einfach geteilt werden. Es wird kein App-Store ben\u00f6tigt.\n<\/p>\n

Netzwerkunabh\u00e4ngig<\/span><\/h3>\n

PWAs funktionieren auch, wenn das Netzwerk unzuverl\u00e4ssig arbeitet oder gar nicht erreicht werden kann. Die grundlegende Idee hinter der Netzwerkunabh\u00e4ngigkeit ist, dass eine Webseite erneut aufgerufen und deren Inhalt angezeigt werden kann, auch wenn kein Netzwerk verf\u00fcgbar ist. Zudem k\u00f6nnen Inhalte auch bei schlechter Konnektivit\u00e4t durchsucht werden, wenn der Benutzer sie bereits einmal aufgerufen hat. Dies wird durch eine Kombination folgender Technologien erreicht:\n<\/p>\n