Des statistiques récentes ont confirmé qu'il y a 4.68 milliards d'utilisateurs mobiles surfant et explorant activement le Web. Et en 2016, le trafic mobile a dépassé le trafic desktop en revendiquant 51.3 % des internautes comme utilisateurs d'appareils mobiles. Même si ce terme a été lancé depuis la dernière décennie, il est vraiment maintenant que l'ère "Mobile-First" a commencé.
Par conséquent, il ne sera pas surprenant de voir des organisations travailler d'abord pour fournir de meilleurs services et une meilleure expérience aux utilisateurs mobiles. Cependant, Google a sauté dans le train mobile il y a quelques années lorsque PWA et AMP ont été présenté.
Vous souhaitez en savoir plus sur les annonces AMP ? Cliquez ici
PWA et AMP ont été conçus pour améliorer l'expérience Web d'un utilisateur tout en utilisant une plate-forme compatible avec les appareils mobiles. Mais les utilisateurs confondent souvent PWA et AMP. Laissez-nous vous faire gagner du temps et vous aider à comprendre la différence entre PWA et AMP.
Qu'est-ce que la PWA ?
PWA signifie Web App progressive. Il est conçu pour donner aux utilisateurs l'apparence et l'expérience d'une application mobile en accédant à ses pages Web sur un navigateur. En termes simples, PWA est une page Web optimisée pour fournir une fonctionnalité similaire à une application. PWA fonctionne lorsqu'une plate-forme ou ses services sont accessibles sur le Web mobile, mais sans installer son application mobile.
Comme mentionné, PWA se concentre sur la fourniture de fonctionnalités de type application. Ceci comprend:
- Transition plus rapide entre les pages
- Une interface complète de type application
- Possibilité d'envoyer des notifications push (nécessitant l'autorisation des utilisateurs)
- Accessibilité au contenu hors ligne, et plus encore.
Nous avons déjà une application mobile, alors pourquoi avions-nous besoin d'applications Web progressives ?
Les appareils mobiles permettent aux utilisateurs de télécharger des applications natives ‒ les applications que vous téléchargez depuis l'App Store ou Google Play ‒ mais PWA est mieux. Pourquoi et comment ?
André Gazdecki répondu la question dans un article de Forbes, "Les PWA sont plus efficaces que les applications natives. Ils fonctionnent à la demande et sont toujours accessibles, sans utiliser la mémoire ou les données précieuses d'un smartphone. En choisissant d'utiliser une PWA plutôt qu'une version native de la même application, les utilisateurs consomment moins de données. Cependant, cela ne signifie pas que les utilisateurs doivent sacrifier la commodité d'une application native. Ils peuvent toujours enregistrer la PWA sur leur écran d'accueil - elle peut être installée sans les tracas d'un vrai téléchargement.
Dernièrement, le plus populaire mobile natif les applications que nous utilisons sont rendre leur plateforme plus accessible en utilisant PWA, en particulier, les portails de commerce électronique et de médias sociaux.
Ensuite, qu'est-ce que l'AMP ?
AMP ou Page mobile accélérée a été introduit par Google en 2015 pour créer des pages Web à chargement plus rapide pour les appareils mobiles. Google a ouvert le 'Projet AMP' pour aider les développeurs à créer ces pages Web.
Afin de créer des sites Web adaptés aux mobiles, le JavaScript inutile (en ligne) est supprimé. De plus, le CSS est limité à 50 Ko pour une utilisation en ligne et Google met en cache le contenu du site Web pour fournir une fonctionnalité de type CDN. Le composant Web AMP, entre autres fonctionnalités, fournit également une insertion JavaScript (limitée) dans le cadre de la bibliothèque AMP à l'aide de laquelle vous pouvez ajouter une animation à vos pages Web mobiles sans risquer de latence.
Dans le scénario actuel, AMP n'est plus limité aux sites Web. Il y a Annonces AMP, des e-mails AMP et même des histoires AMP. La version AMP de tous ces éléments est conçue pour un rendu rapide sur les appareils mobiles.
Crédits image: Bannersnack
« De nos jours, si ce n'est pas instantané, ce n'est pas assez rapide. Même la création la plus mémorable ne remplira pas son objectif si la publicité est lente et perturbe l'expérience utilisateur. » explique le site AMP.
Comme prévu pour les publicités, les publicités AMP maximisent le retour sur investissement en obtenant un meilleur CTR. Il a été prouvé qu'ils offrent la même chose. Triplelift, une entreprise de technologie publicitaire native, a vu un augmentation de 13% dans ses revenus attribués au chargement d'annonces 6 fois plus rapide à l'aide d'annonces AMP.
PWA vs AMP : que choisir ?
| Paramètre | PWA | AMP |
|---|---|---|
| Définition | Une page Web qui donne l'apparence d'une application mobile. | Conçu pour fournir des pages Web rapides et adaptées aux mobiles sur les appareils mobiles. |
| Comment c'est fait | Codé principalement en Javascript. Cependant, conçu comme une application Web et inclut des fonctions telles que les notifications push. | Le site Web est supprimé du CSS et du Javascript non requis pour offrir des pages Web à chargement rapide tout en maintenant l'expérience utilisateur. |
| Recommandé aux: | Les applications Web progressives sont largement adoptées par les entreprises de commerce électronique et de médias sociaux. | Les pages mobiles accélérées sont recommandées pour tous les éditeurs ciblant une audience mobile. |
| Avantages sociaux | - App comme fonctionnalités. - Rapide, fiable et engageant. - Élimine la nécessité de concevoir des applications pour différents systèmes d'exploitation (Android/iOS) en utilisant un langage différent. - Accessibilité du site hors ligne. - Les utilisateurs n'ont pas besoin de télécharger l'application et ses mises à jour. | - Chargement plus rapide des pages Web. - Bon pour le référencement mobile. - Meilleures chances d'augmenter le trafic - Amélioration des vues d'annonces. - Le fait d'être présenté sur le carrousel des meilleures histoires de la recherche Google entraîne un taux de clics (CTR) plus élevé. |
| Résultat | Une page Web qui recherche et offre des fonctions et une expérience similaires à celles d'une application mobile. | Une page Web à chargement plus rapide avec une meilleure expérience utilisateur |
AMP et PWA peuvent-ils être utilisés ensemble ?
Oui, AMP et PWA peuvent être utilisés ensemble pour offrir des expériences utilisateur élégantes. Voici à quoi cela ressemblera :
L'utilisateur recherche un service et un résultat compatible AMP apparaît sur son écran. Cela signifie qu'un site Web léger et pré-caché attend que l'utilisateur clique dessus. Une fois que l'utilisateur a cliqué sur le site Web, les éditeurs peuvent engager l'utilisateur avec une page Web semblable à une application qui demande d'envoyer des notifications push. Cette page Web permet à l'utilisateur des fonctionnalités telles que :
- Navigation hors ligne du contenu et du service
- Transition fluide même pendant une connexion Internet lente
- Une expérience semblable à une application
Qu'est-ce qui nous empêche d'adopter cette idée ?
Le principal défi est le développement. Alors que AMP fonctionne sur la règle d'utiliser uniquement HTML et CSS, et d'éviter complètement JavaScript (pour la plupart), les pages PWA sont conçues principalement à l'aide de service workers activés par JavaScript.
Cependant, cela peut être contré en créant des pages AMP séparées utilisées pour les SERP, après quoi le trafic est transféré vers la page PWA. Cela signifie que la page AMP peut être utilisée pour bien se classer sur les moteurs de recherche, et une fois que l'utilisateur clique pour ouvrir la page AMP, le navigateur lance la page PWA pour l'engagement et la rétention des utilisateurs.
A lire également: La bonne façon de monétiser l'inventaire AMP
Mot de la fin
PWA et AMP sont des technologies différentes pour les téléphones mobiles. AMP est utilisé pour charger les pages Web plus rapidement et PWA est utilisé pour fournir l'apparence des applications natives.
As analysé par Adobe, 40 % de leurs revenus provenaient des appareils mobiles du 1er novembre au 31 décembre 2018. Avec 10.5 % de trafic mobile générant des conversions, contrairement au trafic sur ordinateur où le taux de conversion était de 7.4 %, il est clair que les entreprises, grandes et petites, devraient prendre leurs audiences mobiles au sérieux et commencer à investir dans AMP, PWA et/ou les deux, en fonction de leurs besoins.
Fin janvier 2019, 12 % des annonces diffusées par Google étaient des annonces AMP. On dit également qu'il est adopté par la plupart des éditeurs, en particulier ceux qui se préoccupent de la diffusion des publicités et de la vitesse de chargement.
Les deux sont des outils puissants pour améliorer les performances du site et l'expérience utilisateur. Vous pouvez choisir l'une des deux technologies ou simplement mettre en œuvre les deux pour profiter du meilleur des deux. Le choix t'appartient.
Shubham est un spécialiste du marketing numérique possédant une riche expérience de travail dans le secteur des technologies publicitaires. Il possède une vaste expérience dans le secteur du programmatique, dans la conduite de stratégies commerciales et de fonctions de mise à l'échelle, y compris, mais sans s'y limiter, la croissance et le marketing, les opérations, l'optimisation des processus et les ventes.
2 Commentaires
Confus choisit également lequel choisir. Mais je pense que pour moi c'est plus adapté à AMP, car le blog que j'ai n'est qu'un simple blog et les visiteurs ne viennent que des moteurs de recherche. Si vous voulez dessiner les deux, est-ce difficile ?Sha
Salut Shan,
Non, ce n'est pas difficile. Cependant, je pense que vous avez pris la bonne décision en choisissant uniquement AMP pour votre blog. Nous l'avons essayé une fois auparavant et cela a vraiment fait une différence dans notre classement général, cependant, nous avons eu un problème avec le suivi des URL des pages.
Merci,