Tous les articles Doofinder > Blog > Marketing > Savez-vous ce que sont les PWA ? 6 raisons pour lesquelles elles vont rĂ©volutionner la navigation sur les mobiles Savez-vous ce que sont les PWA ? 6 raisons pour lesquelles elles vont rĂ©volutionner la navigation sur les mobiles Julia Vialenc 7 min SOMMAIRE Vous ne savez peut-ĂȘtre pas bien ce que sont les PWA. Mais câest un mot que vous allez beaucoup entendre dans les prochaines annĂ©es. đ Les PWA sont une nouvelle technologie en rapport avec les apps des smartphones. Elles pourraient supposer un avant et un aprĂšs dans les stratĂ©gies de marketing mobile. Et cela inclut les boutiques en ligne. Si vous souhaitez savoir comment, lisez attentivement cet article, car nous allons vous expliquer : Ce que sont exactement les PWA. Pourquoi elles sont si intĂ©ressantes pour un e-commerce (et quelques boutiques en ligne qui les utilisent dĂ©jĂ ). Les avantages et les points faibles de cette nouvelle technologie. Vous ĂȘtes prĂȘt ? Câest parti. đ Quâest-ce que les PWA et pourquoi vous devriez commencer Ă y penser ? PWA est le sigle de Progressive Web App ou « Application web progressive ». Et Ă moins que vous ayez des notions en programmation et en conception dâapps, il est trĂšs probable que cela ne vous dise rien. đ Pas dâinquiĂ©tude, Ă la fin de cet article, vous serez un expert en la matiĂšre. Mais pour que vous compreniez ce que sont les PWA (et pourquoi elles sont le futur des boutiques en ligne), nous devons commencer par la base. â 1. Apps web et apps natives Lorsque nous parlons dâapplications, la premiĂšre chose qui nous vient Ă lâesprit sont ces programmes que nous installons sur notre mobile et qui ajoutent plusieurs fonctionnalitĂ©s (comme WhatsApp, par exemple). Câest ce que lâon appelle les « applications natives ». Elles sont spĂ©cifiquement conçues pour fonctionner sur des appareils mobiles. Mais il y a ensuite un autre type dâapps, les applications web, qui peut-ĂȘtre ne vous disent pas grand-chose. Câest normal, car beaucoup dâentre elles sont conçues de façon Ă ce que vous ne remarquiez pas que vous en utilisez. Ce sont des apps qui ne sâinstallent pas mais qui sont exĂ©cutĂ©es par le navigateur de votre smartphone. Un exemple ? Twitter et Facebook en utilisent. Ce qui signifie que lorsque vous vous inscrivez sur un de ces deux rĂ©seaux depuis le navigateur de votre portable, câest une application, et pas une page web, que vous voyez en rĂ©alitĂ©. Il y a encore peu de temps, il sâagissait des deux types dâapplications principales qui existaient… mais ensuite, les PWA sont arrivĂ©es. â 2. Alors, en quoi les PWA sont-elles diffĂ©rentes des apps normales ? PlutĂŽt que de parler de diffĂ©rences, il faudrait parler de points communs. Les applications web progressives sont un type dâapps qui fonctionnent sur tous les appareils et qui rĂ©unissent le meilleur des apps natives et des apps web. Voici un exemple pour mieux comprendre : Imaginez quâun jour vous dĂ©cidez de remplacer votre site normal, sur WordPress, Prestashop ou nâimporte quel autre CMS, par une PWA. Dans ce cas-lĂ , votre boutique en ligne aurait lâaspect dâun site normal et courant, avec une URL dâaccĂšs… mais Ă lâintĂ©rieur, la technologie utilisĂ©e serait celle dâune app mobile. Et pourquoi feriez-vous cela ? Voici un exemple pratique : Lâentreprise Alibaba a remplacĂ© son site web par une PWA et a rĂ©ussi Ă augmenter son taux de conversion sur mobiles de 76 %. Et ce nâest quâun des nombreux avantages de ces nouvelles applications. đ đ Avantages et inconvĂ©nients des PWA pour les boutiques en ligne La partie technique de cet article est terminĂ©e. Nous allons maintenant voir ce qui nous intĂ©resse vraiment : Pourquoi vous devriez songer sĂ©rieusement aux PWA dans votre stratĂ©gie ? Comme toute technologie, ces applications ont de nombreux points forts mais Ă©galement des points nĂ©gatifs. Nous vous donnerons les deux et ce sera Ă vous de dĂ©cider si vous les utiliserez ou non. đ â 1. Avantages Pour commencer, nous allons voir les bons cĂŽtĂ©s des applications progressives. âĄïž A. Une vitesse de charge (ultra) rapide Vous savez dĂ©jĂ combien il est important que le site de votre e-commerce charge rapidement (et comment lâinverse peut faire capoter les ventes). Mais vous savez aussi que câest plus difficile sur les mobiles. Câest en partie inĂ©vitable, car un smartphone sera toujours moins puissant quâun ordinateur, et par consĂ©quent, la vitesse de chargement de nâimporte quel site sera moindre. Câest pour cette raison que les PWA sont intĂ©ressantes. Comme elles sont conçues comme une application mobile, elles sont trĂšs performantes. La façon dont elles sont conçues fait quâelles sont trĂšs trĂšs lĂ©gĂšres. Cela signifie que le mobile de lâutilisateur doit charger beaucoup moins de ressources que sur un site entiĂšrement conçu avec un code HTML. De lĂ le point suivant. âĄïž B. Un design responsive, mais vraiment Le concept dâun site qui sâadapte Ă tous les Ă©crans ne date pas dâhier. Dâailleurs, cela fait des annĂ©es que Google pĂ©nalise tous les sites dont le design nâest pas responsive. Le problĂšme est que cette technologie nâest pas encore parfaite. Parfois, mĂȘme si vous utilisez un template bien conçu, certains appareils (plus anciens, avec un Ă©cran aux dimensions peu courantes…) affichent mal le site. Il se peut que le texte dĂ©borde de lâĂ©cran et quâil ne soit pas pratique Ă lire, ou que lâon ne puisse pas cliquer sur un appel Ă lâaction car il est dĂ©placĂ©. Bien quâil sâagisse de petites erreurs, elles peuvent avoir un impact nĂ©gatif sur lâexpĂ©rience utilisateur. Ceci va Ă©galement changer avec les PWA. Pour vous mettre en contact, le design responsive adapte le code HTML dâun site (une technologie crĂ©Ă©e pour les ordinateurs) aux Ă©crans des nouveaux smartphones. En revanche, une PWA utilise la mĂȘme technologie que les mobiles. Câest pourquoi elle sâadapte de maniĂšre bien plus prĂ©cise Ă nâimporte quel appareil (aussi bien des ordinateurs, que des smartphones et des tablettes). Et si vous ajoutez Ă cela un chargement ultra-rapide, le rĂ©sultat est… âĄïž C. Une meilleure expĂ©rience utilisateur = plus de ventes Pour lâexemple dâAlibaba, ce nâest pas un hasard. Car comme vous le savez, lorsquâil sâagit de transformer un utilisateur en client, lâexpĂ©rience utilisateur de votre site compte. Et pas quâun peu. Vous devez ajouter Ă cela le fait que la plupart des utilisateurs utilisent leur portable pour faire des achats en ligne. Un systĂšme qui amĂ©liore lâexpĂ©rience sur mobile est donc un pari gagnant, peu importe sur quel appareil on se trouve. âĄïž D. AmĂ©lioration du positionnement SEO AprĂšs tout ce que vous venez de lire, vous vous dites peut-ĂȘtre : « Mais si câest une app, comment ça se passe avec le positionnement sur Google ? » Ce dernier sâamĂ©liore beaucoup. đ Au final, les PWA restent fondamentalement des pages web. Le robot de Google est parfaitement capable de lire leur code source et de les indexer comme nâimporte quel site. Ajoutez Ă cela une bonne vitesse de chargement, un design super adaptable et une meilleure expĂ©rience utilisateur, qui sont Ă©galement des facteurs qui influent sur le positionnement SEO. En effet, il est probable que les e-commerces conçus comme des PWA aient un avantage sur les SERP. âĄïž E. Votre boutique fonctionne 24 heures sur 24 (mĂȘme sans connexion Internet) Câest la principale diffĂ©rence entre avoir un site et une PWA. Si la personne qui est sur votre boutique nâa pas Internet, le message « error 404 » apparaĂźtra. En revanche, avec une PWA, elle pourra continuer de naviguer dessus et utiliser la plupart de ses fonctions comme sâil sâagissait dâune app native. Ainsi, elle aurait toujours accĂšs Ă votre catalogue et pourrait mĂȘme recevoir des notifications normales. La seule diffĂ©rence est quâelle ne disposerait pas dâoptions en ligne et ne pourrait pas finaliser son achat, mais le temps que la connexion revienne, elle pourrait toutefois continuer dâajouter des produits au panier, par exemple. âĄïž F. Notifications push natives Ă la diffĂ©rence dâun site, qui vous oblige Ă installer un plugin, les PWA ont un systĂšme propre qui gĂ©nĂšre des notifications push. Et cela signifie que : Elles fonctionnent sur nâimporte quel appareil, que ce soit sur un site, sur un mobile ou mĂȘme sur un wearable (comme une smartwatch), sans avoir Ă installer quoi que ce soit ni Ă demander Ă un dĂ©veloppeur de le faire. Elles peuvent ĂȘtre gĂ©olocalisĂ©es : les PWA peuvent se connecter aux autres applications du mobile, dont le GPS. Une façon de profiter de cette fonction serait dâenvoyer une notification Ă un client lorsquâil passe prĂšs de votre boutique physique pour le prĂ©venir quâil y a une offre en cours. Ou si vous vendez Ă lâinternational, vous pouvez segmenter vos notifications par pays mĂȘme si certains utilisateurs nâont pas de compte client. Comme vous pouvez lâimaginer, bien utilisĂ©es, elles peuvent ĂȘtre un outil trĂšs puissant. â 2. InconvĂ©nients Voyons maintenant le point nĂ©gatif, les inconvĂ©nients. MĂȘme si plutĂŽt que de parler dâinconvĂ©nients, nous devrions parler de carences logiques pour une technologie aussi rĂ©cente. DĂ©couvrons-les. âĄïž A. Elles ont des fonctionnalitĂ©s limitĂ©es La technologie des PWA reste encore peu explorĂ©e. Cela signifie que leur utilisation est encore limitĂ©e. Par exemple, contrairement Ă une app native, avec une PWA vous ne pouvez pas encore accĂ©der Ă lâappareil photo de votre portable. Mais câest une chose qui arrivera avec le temps. âĄïž B. Vous ne pouvez pas crĂ©er votre boutique vous-mĂȘme Câest sĂ»rement son plus gros point faible. Pour lâinstant, et le temps que cette technologie continue dâĂ©voluer, il nâexiste pas dâĂ©quivalent du CMS chez les PWA. Autrement dit, vous ne pouvez pas tĂ©lĂ©charger de plateforme comme WordPress, Prestashop ou Magento et vous crĂ©er une boutique en ligne tout seul. Vous avez besoin de lâaide dâun dĂ©veloppeur. Cela finira trĂšs certainement par changer aussi. đ Vous avez vu tout le potentiel des PWA pour les e-commerces Maintenant, cela veut-il dire que vous deviez tout de suite trouver un programmateur pour transformer votre boutique en ligne en app progressive ? Probablement pas. Il sâagit dâune technologie qui a encore du chemin Ă parcourir, mais il est important que vous la gardiez bien en tĂȘte. En attendant, vous pouvez continuer de travailler sur tous les aspects qui influent sur lâexpĂ©rience utilisateur : Un design adaptĂ© aux mobiles. Une bonne utilisabilitĂ©. Un checkout simple. Un moteur de recherche interne intelligent (de ceux qui aident vos utilisateurs et qui font grimper vos ventes). Ce ne sont pas les moyens qui manquent. đ EBOOK GRATUIT ECOMMERCE GROWTH HACKING TĂLĂCHARGER EBOOKS Augmentez les ventes de votre eCommerce de 20% 10 plus grands eCommerce du monde Comment ouvrir une boutique en ligne