Optimisation mobile : applications web progressives vs. applications natives

Au-delà des sites web optimisés pour les appareils mobiles, les applications incarnent une option importante pour l’optimisation de l’ergonomie et de la facilité d’utilisation (ce qu’on appelle aussi l’utilisabilité ou usability). Avec les applications web progressives et les applications natives, les webmasters ont le choix entre deux options. Quels sont les avantages apportés par les applications mobiles et quelle est l’option la plus appropriée pour le SEO ?

L’utilisation d’Internet a fortement changé avec l’apparition des smartphones. L’utilisateur peut faire des achats, s’informer et communiquer à tout moment. C’est la raison pour laquelle les webmasters devraient absolument optimiser leur offre pour les appareils mobiles. Il faut également ajouter qu’une bonne accessibilité des sites web pour les mobiles est un facteur de classement dans la recherche mobile. En dehors de cela, des applications peuvent aussi livrer les contenus souhaités pour smartphones et tablettes, et ce de façon optimisée.

Informations générales concernant les applications

À l’aide des applications, l’accès aux contenus est nettement simplifié pour les smartphones. Le service est presque toujours possible sans saisie de texte. Dans le même temps, l’utilisateur se focalise sur l’offre de l’entreprise. Il n’est pas possible à l’utilisateur de revenir sur la page précédente en tapant sur un bouton « retour » ou d’être distrait par une barre de navigation. Seule la fermeture de l’application permet d’en sortir.

De plus, les applications offrent l’avantage de renforcer la fidélisation des clients. Ceux qui s’intéressent à l’offre et qui finissent par installer l’application correspondante y passeront en moyenne plus de temps. Selon une étude statistique, plus de 85 % des utilisateurs utilisent leur smartphone avec des applications. Les propriétaires de sites web souhaitant atteindre des utilisateurs mobiles avec leur offre devraient donc se concentrer sur la popularité des applications.

Contrairement aux sites web, il est nécessaire d’installer les applications sur le smartphone avant de pouvoir les utiliser. Ce faisant, deux types d’applications entrent en jeu : les applications natives et les applications web progressives.

1. Les applications natives

Les applications natives doivent être spécialement créées pour un système d’exploitation défini. Cela entraîne d’une part des coûts de développement assez élevés, mais cela est très intéressant d’un point de vue technique car les applications natives peuvent profiter de tous les avantages d’un système d’exploitation.

Ainsi, ces applications peuvent utiliser au mieux le matériel présent, comme les caméras ou les capteurs, puisqu’ils sont optimisés pour le système d’exploitation correspondant.

Autres avantages des applications natives :

• les applications natives peuvent sécuriser les données dans la mesure de la capacité de sauvegarde présente sur le terminal mobile,
• avec des applications natives payantes, le chiffre d’affaires d’une entreprise peut être augmenté sur la boutique d’applications correspondante, pouvant ainsi couvrir les frais de développement,
• dans la mesure où les applications natives sont hébergées dans la boutique du fournisseur correspondant, les développeurs ne doivent pas s’occuper directement de leur commercialisation,
• après l’installation, l’icône de l’application apparaîtra automatique sur l’écran.

Cependant, les applications natives n’ont pas que des avantages : ainsi, plusieurs versions d’applications doivent, par exemple, être développées et publiées pour les différents systèmes d’exploitation. Concernant les mises à jour, celles-ci doivent être effectuées via la boutique correspondante.

Illustration 1 : actualisation des applications dans le App Store de Apple

Le gros désavantage des applications natives sont les frais élevés qu’elles engendrent. Les coûts ne concernent pas seulement le développement de l’application en lui-même, mais aussi son entretien. Outre le CMS, une autre utilisation doit être entretenue et continuellement actualisée.

Les applications natives concernent toutes les applications listées dans les boutiques d’applications de Google, Apple ou encore Microsoft et qui peuvent être téléchargées par les utilisateurs. Les possibilités d’utilisation pour les applications mobiles sont les jeux smartphone, les versions mobiles des magasins en ligne ou les services spéciaux de prestataires de services et d’entreprises qui ne peuvent pas (ou rarement) proposer un site web.

Instagram ou WhatsApp sont de parfaits exemples pour une application native centrale d’une entreprise. L’application météo (WeatherApp) de Yahoo! est un exemple de service délocalisé.

Illustration 2 : Instagram est un exemple parfait d’une application native

2. Les applications web progressives (PWA)

Les applications web progressives reposent sur une initiative de Google. Il ne s’agit pas véritablement d’une application au sens premier du terme, mais d’une page web modifiée qui s’adapte au périphérique ou au navigateur utilisé. Le principe de fonctionnement des PWA se fonde sur l’approche du Progressive Enhancement, donc de l’idée qu’une page web peut être adaptée successivement au réglage technique d’un terminal.

Le développement d’applications web progressives se base sur des standards web ouverts. Ce faisant, le balisage est séparé du CSS, tout comme le contenu du design. Même JavaScript est séparé de ces deux éléments. De cette manière, il devient possible de rendre tous les contenus disponibles et de les rendre visibles sur l’appareil. Dans le même temps, une fonctionnalité minimale des PWA est garantie grâce à ce procédé, et ceci indépendamment du fait que le périphérique de sortie ou le navigateur prenne en charge ou non le JavaScript ou le CSS.

Si une application web progressive est consultée, l’application Shell sera installée comme base dans le cache de l’appareil ou du navigateur. Par la suite, les éléments clés pourront être chargés immédiatement. L’application Shell se compose elle-même du minimum d’éléments HTML, CSS et JavaScript dont une page web a besoin pour être performante. Il s’agit donc d’une sorte de code Bundle avec lequel l’interface utilisateur sera créée sur l’appareil et où le contenu peut être chargé de manière dynamique sur une API.

Illustration 3 : fonctionnement d’une appli Shell

Contrairement aux sites web mobiles, les PWA disposent de nombreuses caractéristiques que les applications natives possèdent également. En principe, les applications web progressives combinent les avantages des applications web aux avantages de sites web plus conformes et optimisés pour les appareils mobiles.

Voici les points communs entre les PWA et les applications natives :

• l’application peut envoyer à l’utilisateur des messages push,
• l’application peut être enregistrée avec une icône sur l’écran du smartphone,
• de nombreuses fonctions d’une PWA peuvent être utilisées sans ou avec une connexion Internet très lente.

Cependant, les PWA peuvent être un désavantage quand il s’agit d’intégrer du matériel. Par exemple, il est impossible d’intégrer des capteurs d’empreintes digitales ou le Bluetooth dans la fonctionnalité. Actuellement, des problèmes sont encore présents avec l’iOS d’Apple, étant donné que le système d’exploitation ne prend pas encore en charge les applications web progressives dans leur intégralité. L’utilisation d’PWA reste donc pour le moment limitée aux appareils Android. Sur ces derniers, les applications spéciales fonctionnent pourtant avec toutes les fonctions possibles et utiles.

Les avantages des PWA par rapport aux applications natives :

• pas besoin de code de base particulier pour la programmation, étant donné que les PWA peuvent être également développées avec HTML5,
• les applications web progressives peuvent être trouvées dans la recherche Google car elles sont entièrement indexables,
• les mises à jour ne doivent pas être actualisées sur une boutique d’applications. Au lieu de cela, l’application web sera mise à jour à l’aide du service Worker,
• une PWA peut aussi être utilisée hors ligne, dans la mesure où elle charge les contenus et les fonctionnalités dans le cache de l’appareil correspondant. Lorsqu’une connexion Internet est à nouveau disponible, les fonctionnalités et les contenus se synchronisent avec le serveur,
• les frais de développement sont bien moindres que pour les applications natives. Cela est dû au fait qu’une PWA fonctionne sur toutes les plateformes et qu’elle n’ait pas besoin de version particulière en fonction du terminal,
• pas besoin de boutique d’applications pour la commercialisation de l’application. L’utilisateur n’a rien à installer, puisque l’application fonctionne avec le navigateur,
• les utilisateurs peuvent changer d’application et partager les contenus de l’PWA plus simplement. Il y a également moins de ruptures en cliquant sur les liens et en changeant de page,
• les PWA chargent immédiatement, contrairement aux applications natives qui nécessitent plus de temps,
• les liens avec les applications web progressives sont cryptés par SSL/TLS et sont donc ainsi plus sûrs que les liens web des applications traditionnelles. Le serveur doit cependant être créé,
• les PWA sont conformes et s’adaptent à tous les périphériques de sortie.

Les possibilités d’utilisation des applications web progressives

Les PWA peuvent en principe utiliser toutes les fonctionnalités pouvant être également employées avec des applications natives, étant donné que l’accès au matériel du terminal est possible. En pratique, il s’agit en particulier d’applications qui livrent des contenus variés, mais qui s’actualisent sans nouvelle installation ou mise à jour sur un app store.

À ce propos, les pages web d’actualités en font partie, ou encore les applications météo développées par Google.

Illustration 4 : Appli PWA de Google Weather

Même l’offre de Flipboard est disponible sur une application web progressive. Tout d’abord, on utilise le navigateur, comme à l’accoutumée pour les pages web mobiles.

Illustration 5 : Flipboard comme PWA dans le navigateur

Ensuite, l’utilisateur reçoit un message pour savoir s’il souhaite enregistrer la PWA sur son écran. Le résultat est similaire à l’icône d’une application native. Cependant, l’icône ressemble plus à un marque-page puisque la PWA est une page web mobile modifiée. Vous trouverez d’autres exemples de PWA actuels sur la page pwa.rocks.

Aspects importants pour le développement de PWA

Pour leur développement, les webmasters ont en premier lieu idéalement besoin du Codelab des PWA de Google. Sur la base de la plateforme Firebase, les premières PWA peuvent ensuite être conçues. La plateforme reprise par Google en 2014 offre de nombreuses possibilités pour modifier la fonctionnalité et le design des PWA. En même temps, l’application s’aligne sur d’autres groupes‑cibles. En outre, des tests peuvent être effectués très simplement. Un suivi de l’application est également possible avec Firebase. Enfin, les applications Firebase peuvent être associées avec Google-Analytics.

Vous trouverez ici une publication détaillée (en anglais) pour débuter avec la programmation d’applications web progressives, réalisée par Addy Osmani, un développeur Google Chrome.

Quelle version d’application est plus judicieuse pour le SEO ?

Jusqu’à présent, l’optimisation du référencement des applications était limitée à un bon listing dans les boutiques d’applications respectives et à l’indexation des applications. À l’aide du App indexing mise en place par Google, il est possible que l’utilisateur, en utilisant la recherche d’applications Google, reçoive des recommandations de liens qui renvoient directement aux contenus d’une appli installée.

Pour cela, le code source de la page web doit être travaillé. Des liens profonds (Deep-Links) sont déposés dans la section head qui mènent à la sous-page de l’application. Ces liens doivent être créés pour iOS et Android. En outre, ils peuvent également être intégrés dans le plan du site XML afin d’attirer l’attention du Googlebot.

Illustration 6 : Exemple de App indexing sur Zalando

Avec le développement en continu des applications web progressives, il existe plus de possibilités pour le SEO. Par exemple, un grand avantage consiste d’une part à partager l’application avec un lien et d’autre part à l’ouvrir avec un navigateur. Ces liens peuvent aussi être indexés par les moteurs de recherche. Ainsi, il est possible de lister quelques URL de PWA dans les SERP. Ici, nous devons prendre comme point de départ exclusivement les mobiles SERP, puisque cette forme d’application est alignée en grande partie sur les terminaux mobiles.

Même si l’indexation d’application offre la possibilité d’indexer les contenus des applications natives, il est nécessaire de remplir certaines conditions pour que l’utilisateur puisse en tirer un bénéfice. Pour pouvoir accéder à la page cible de l’application, l’utilisateur doit l’avoir installée. Si ce n’est pas le cas, alors il devra le faire. En outre, une adaptation du code source est nécessaire, ce qui signifie un investissement supplémentaire.

Conclusion

Les applications web progressives sont encore au début de leur développement et de leur diffusion. Jusqu’à présent, elles n’ont été utilisées que par peu d’entreprises. Si l’utilisation mobile d’Internet continue de se développer, les webmasters et les experts du SEO ne se poseront peut-être plus la question « appli natives ou PWA ? », mais devront plutôt choisir entre programmer une page web ou seulement une application web.

Avant que cela n’arrive, les PWA constituent un élargissement sensé des pages internet mobiles. Les notifications push, par exemple, ou une utilisation hors ligne peuvent mener à un engagement utilisateur plus important que pour les pages web traditionnelles.

Aujourd’hui, les Macbooks Apple utilisent déjà des applications telles que Microsoft Calculatrice. Il existe la même chose pour les tablettes, tous fournisseurs confondus. Il est ainsi envisageable qu’une application web progressive pourra un jour remplacer la page web. Pour les développeurs, les commerçants et les entreprises, ce progrès représenterait l’avantage que les pages web pourraient utiliser encore plus de fonctionnalités à la mesure des terminaux respectifs. Les appareils n’ont alors besoin ni de boutique d’applications ni d’autres caractéristiques complémentaires. Seul un navigateur resterait nécessaire pour l’accès aux contenus web. Ainsi, les applications web progressives peuvent aujourd’hui passer pour une sorte de déclaration de guerre de la part de Google aux App Store d’Apple, car le groupe réalise avec Cupertino son plus gros chiffre d’affaires. Toutefois, indépendamment de l’esprit de concurrence du géant d’Internet, les applications web progressives rendent le web mobile encore plus convivial et facile d’utilisation. En outre, comme le temps de programmation est bien moindre que celui des applications natives, les PWA sont moins onéreuses à concevoir et donc utilisables par une large part d’entreprises.

Du point de vue du référencement, les PWA pourraient représenter un avantage certain et sur le long terme être bien classées car elles chargent rapidement et veillent à la bonne interaction avec l’utilisateur. Comme pour tous les nouvelles évolutions sur le web, il faut enfin prendre l’aspect suivant en compte : celui qui commence aussi tôt que possible peut ainsi acquérir de l’expérience, chose importante pour le développement continu et l’optimisation de son offre.