PWA : clé ultime pour se doter d’une expérience optimale ?

  • 137
  • 177
  • 19 Avr 2022

PWA : CLÉ ULTIME POUR SE DOTER D’UNE EXPÉRIENCE OPTIMALE ?

 

Le mobile est la source de trafic numéro 1. Il permet d’être toujours connecté et c’est cette facilité d’usage qui rend incontournable la présence sur mobile. Pour autant, un même visiteur sera 2 fois plus difficile à convertir sur mobile que sur desktop. Cela signifie que beaucoup de clients préfèrent passer commande sur desktop au lieu de leur mobile. Une part probable des  ventes se perd ainsi donc dans cette transition.

 

AMÉLIORER SON TRAFIC EN MOBILITÉ : POINT DE SITUATION

 

Une des solutions à ce problème est l’application native sur mobile. Cependant, on s’est rendu compte que non seulement il faut passer la barrière de l’installation (une app est plus intrusive qu’un site web car elle nécessite une manipulation et reste sur le device), mais en plus le trafic reste moins important.

 

La Progressive Web App, ou PWA, dispose d’une autre approche. Le web devient une plateforme d’application. C’est donc un site, référencé sur Google, pour lequel il n’y a pas besoin d‘installation et dont l’expérience utilisateur va se rapprocher au maximum d’une expérience native.

 

AVANTAGES ET PRÉ-REQUIS D’UNE PWA RÉUSSIE
 

Les principales valeurs ajoutées d’une PWA sont naturellement les suivantes :

  • Meilleure performance desktop et mobile
  • Architecture plus ouverte (ex : Google Playstore est ouvert pour les PWA)
  • Le design de l'expérience utilisateur est plus flexible
     

Pour développer une PWA, certains pré-requis sont nécessaires : 

  • Une API côté serveur (GraphQL…)
  • Une application javascript côté client (React, Vue.js, Angular…)
  • Un mode offline (Service worker)
  • Une solution technique de server-side rendering (Server node.js + bundle javascript OU Navigateur headless OU Pré-rendering)

 

LA PWA EST-ELLE SEO-FRIENDLY ?
 

Les pages d’une progressive web app se chargent en utilisant du javascript. De fait, il existe une problématique d’indexation dans les moteurs de recherche. Dans l’idéal, il faut avoir un rendu côté serveur, pour la première page du site, de façon à ce que les robots puissent recevoir le code de la page sous forme html classique. 

C’est là notre principale recommandation pour ne prendre aucun risque sur le référencement de votre PWA, et ainsi favoriser le trafic de votre application.

 

Afin de mettre en place une réponse en phase avec les attentes de nos clients, nous préconisons certaines solutions du marché qui répondent aux besoins et enjeux de nos clients. Parmi elles vous trouverez :


Magento PWA Studio est un ensemble d'outils qui permet le développement, le déploiement et la maintenance d'une vitrine PWA sur Magento 2.3 et plus. Il utilise des outils et des bibliothèques modernes pour créer un système de construction et un cadre qui adhère au principe d'extensibilité de Magento.

 

Front Commerce est une plateforme e-commerce modulaire pour améliorer les performances et l'ergonomie des visiteurs.

 

Vue Storefront, une PWA Headless et une solution agnostique du Backend, conçue pour être connectée à n'importe quelle plateforme e-commerce comme Magento, HCL Commerce, etc.

 

ScandiPWA, le premier thème PWA pour les boutiques Magento . Il s'agit d'une solution d'application Web progressive open source ultra-rapide et prête pour le hors-ligne.

 

 

Retrouvez le webinaire en cliquant ici !

Formations open source

Durée : 2 jours
Lieu : Paris