Les PWA ou applications web progressives, comme on pourrait les traduire, sont des pages web ou des sites qui « ressemblent » aux traditionnelles applications dites « natives » que l’on trouve via les app stores sur son téléphones mobile. Elles sont l’une des priorités de Google pour 2018 et nous vous suggérons de vous y intéresser de près ! Voici dans cet article une présentation des PWA, ainsi qu’un exemple de code utilisé pour le site web Autovisual.com.
Introduction aux PWA alias les Progressive Web Apps
Les applications web progressives comme on pourrait les traduire sont des pages web ou des sites qui « ressemblent » aux traditionnelles applications dites « natives » que l’on trouve via les app stores sur son téléphones mobile. Mozilla définit les Progressive Web Apps (que nous désignerons PWA par la suite) comme des « applications web progressives » faisant office de « bons vieux sites web mais en mieux ».
De gros acteurs sont passés aux PWA, de nombreux exemples de différents marchés sont représentés sur le show case de Google (source : https://developers.google.com/web/showcase/) ou encore sur PWA.rocks. On y retrouve des géants du web, des éditeurs, des jeux ou encore des e-commerçants.
Définition des PWA : Il s’agit de sites web dont on peut partager l’URL et qui sont accessibles sans app store. Les PWA doivent être optimisées pour des situations de mobilité et leurs formats doivent s’adapter aux différents appareils et supports.
Elles doivent aussi avoir la même expérience utilisateur qu’aurait un mobinaute avec l’icône de l’application disponible sur l’écran d’accueil, des notifications, un affichage en full screen.
Les 8 fonctionnalités préconisées par le support Google
Les PWA doivent répondre à plusieurs critères. Elles doivent être :
Audrey Schoonwater, Consultant SEO / Chef de projet Technique (http://audreyschoonwater.fr/)