Les applications Web progressives (PWA) profitent-elles au référencement ? (Avec statistiques et exemples)

Dans un monde qui est de plus en plus collé à leurs appareils mobiles et aux applications qui les accompagnent, il est logique de créer des expériences qui visent, comme l'a dit un ingénieur logiciel senior chez Google Alex Russell, à "brouiller la frontière entre le contenu Web et les applications".

Les deux dernières années ont rendu certaines choses très claires : si vous avez une entreprise en ligne, vous devez en faire votre entreprise pour qu'elle soit mobile d'abord . Deuxièmement, votre expérience mobile doit être fluide et sans friction si vous voulez qu'elle se traduise en dollars. Enfin, les utilisateurs de smartphones sont super inconstants et malgré le téléchargement de plus de 113 milliards d'applications en 2018, les utilisateurs n'utilisent encore régulièrement qu'environ 9 applications par jour.

Donc, vous devez être sur mobile. Vous devez être génial sur mobile. Et les gens ne vont probablement pas télécharger et utiliser votre application régulièrement.
Oui, je parle des applications Web progressives ou des PWA .

Les applications Web progressives sont populaires auprès de la foule de l'optimisation des moteurs de recherche car elles offrent de grandes promesses pour le marketing en ligne.

Concernant la question ci-dessus, OUI, les Progressive Web Apps profitent au SEO . Mais en quoi les PWA sont-elles bonnes pour le référencement ? Découvrons-le dans cet article.

Qu'est-ce qu'une PWA ?

Dans les termes les plus simples possibles, un PWA est un site Web adapté aux mobiles qui se comporte comme une application mais n'a pas besoin d'être téléchargé pour être utilisé. Les utilisateurs ont la possibilité d'enregistrer une PWA sur leur téléphone et de la lancer comme une application, mais c'est totalement facultatif.

Les PWA apportent une multitude d'avantages tout en surmontant les inconvénients inhérents à la création et à la maintenance simultanées d'un site mobile et d'une application mobile.

Vous pouvez approfondir la définition d'une PWA ainsi que ses fonctionnalités sophistiquées via cet article : "Qu'est-ce que la PWA ? Tout ce que vous devez savoir sur les applications Web progressives »

Quatre technologies clés d'une PWA

Tout cela est possible grâce à l'utilisation de quatre technologies, nécessaires au fonctionnement d'une PWA :

1. Fichier manifeste de l'application Web (qui permet l'accès à l'écran d'accueil)
2. Agent de service (pour l'assistance hors ligne)
3. Transport Layer Security (TLS) (garantit la confidentialité et l'intégrité des données)
4. Architecture shell d'application (permet des temps de chargement rapides)

Contrairement à une application native et à un site Web réactif, une application Web progressive offre un grand nombre d'avantages :

Google explore-t-il les sites PWA ?

Les applications Web progressives utilisent la flexibilité de JavaScript, ce qui signifie que Google considère la page publiée unique comme un site JavaScript. Une nouvelle URL peut être créée pour la PWA, de sorte que le Googlebot ira de l'avant et explorera la page comme il le ferait pour toute autre page publiée sur le Web.

Google explore les sites PWA comme il explorerait un site AJAX ou JavaScript, mais certains problèmes peuvent potentiellement avoir un impact sur la « crawlabilité » - les développeurs doivent donc savoir comment optimiser le site pour s'assurer que la page est correctement indexée.

Meilleures pratiques recommandées par Google en matière de référencement pour les applications Web progressives

John Mueller de Google a fourni une mise à jour détaillée sur la façon dont Google gère les PWA et les sites JavaScript en général en mars 2016.

Dans le post, il souligne ce qui suit :

• Ne vous cachez pas à Googlebot. Il est important que le développeur utilise la technique de détection des fonctionnalités et d'amélioration progressive afin que tous les utilisateurs aient accès au contenu. Ce n'est pas non plus une bonne idée de rediriger vers une page de navigateur non prise en charge.
• Utilisez rel=canonical lorsque vous diffusez du contenu à partir de plusieurs URL afin de ne pas être coupable de violations de contenu en double.
• Évitez le schéma AJAX-Crawling sur les nouveaux sites.
• Googlebot n'indexera pas les URL avec "#". De nombreuses applications Web progressives utilisent le symbole dièse dans leur structure d'URL, ce qui signifie que les moteurs de recherche supprimeront tout au-delà du #. La seule solution consiste à implémenter une structure d'URL en utilisant les règles de référencement traditionnelles. Cela peut être délicat pour certains sites et entreprises, mais c'est une étape nécessaire à mesure que nous avançons.
• Testez pour voir comment Googlebot voit la page. Vous pouvez utiliser l'outil Fetch and Render de Google Search Console pour voir votre site exactement comme Google le voit.
• Assurez-vous que les ressources requises ne sont pas bloquées par robots.txt.
• Réduisez le nombre de ressources intégrées dans la page (en particulier le nombre de fichiers JavaScript requis pour afficher la page), car ceux-ci peuvent ne pas être entièrement chargés.
• Utilisez un fichier de sitemap précis pour signaler toute modification de votre site Web lors de l'utilisation des pages mobiles accélérées (AMP).
• N'oubliez pas que certains moteurs de recherche et fournisseurs de services Web accédant au contenu peuvent ne pas prendre en charge JavaScript ou prendre en charge un sous-ensemble différent.

De plus, Lighthouse est un outil utile de Google en ce qui concerne les PWA. Cet outil a été créé par Google afin d'améliorer la qualité des applications Web. Cet outil vous montrera si votre application Web est prête à devenir une PWA. Lorsque vous avez ajouté votre site Web à cette application, Lighthouse le mesure sur les quatre critères et affiche les problèmes que vous devez résoudre pour augmenter le taux de votre application Web.

Donc, voici comment exactement les applications Web progressives aident le référencement

Il est vrai que les PWA peuvent améliorer considérablement votre profil de recherche organique .

Comment?

En rendant votre expérience utilisateur meilleure que vos concurrents. Eh bien, au moins mieux qu'avant la mise à niveau vers une application Web progressive. Lorsque vous offrez une excellente expérience utilisateur, les internautes souhaitent visiter votre site plutôt que des options concurrentes. Lorsqu'ils verront votre marque dans les résultats, ils se souviendront que vous leur avez donné ce qu'ils voulaient et que l'expérience a été positive.

Les référenceurs savent que le taux de clics influence la position de recherche . Plus de clics ou de votes par les chercheurs pour un résultat et au fil du temps, il augmente.

Mais ce n'est qu'une mesure que vous pouvez mesurer. Toutes les petites choses que vous faites pour rendre votre site le meilleur créent une expérience qui dépasse les informations. Cela influencera indirectement et directement votre SERPS et généralement dans un sens positif.

Vitesse de site plus rapide

C'est sans aucun doute l'une des fonctionnalités les plus intéressantes des PWA. Les entreprises peuvent cibler les utilisateurs qui pourraient être sur une connexion de données lente ou même ceux qui sont hors ligne avec un PWA en utilisant les meilleures pratiques de développement mobile comme la mise en cache du contenu à l'avance, la compression, etc.

Pourquoi devriez-vous vous soucier de la vitesse du site ? Parce que cela impacte directement votre référencement

Les tests de vitesse de Google prenant effet dans moins d'un mois, le plus grand avantage des PWA est peut-être leur plus grande vitesse par rapport aux autres plates-formes mobiles et applications natives. Et ce n'est pas seulement Google qui demande des sites plus rapides - c'est VOS UTILISATEURS ! La plupart des utilisateurs abandonneront un site mobile s'il met plus de trois secondes à se charger. (Faites-vous une faveur et vérifiez la vitesse de votre site ici !) Et si votre site n'est pas à jour, ils sont partis.

Forbes a vu une amélioration massive de la vitesse une fois qu'ils sont passés aux PWA, réduisant leur vitesse de chargement mobile de 3 à 12 secondes, jusqu'à 0,8 seconde ! Donc, pour vous assurer que votre marque est aussi proche que possible du haut de la liste de recherche de Google, il est temps de faire des PWA votre premier choix de marque pour la stratégie mobile.

Meilleur engagement

Google dicte les exigences fondamentales qu'un site Web doit remplir pour être considéré comme une application Web progressive. Une expérience utilisateur fluide, y compris une navigation facile, des notifications push opportunes, la compatibilité entre navigateurs, des pages réactives sur tous les appareils sont quelques exigences importantes qui conduisent également à une croissance de l'engagement.

Les PWA peuvent imiter de vraies applications mobiles d'une manière incroyable. Avec un PWA, vous aurez toujours la possibilité de l'enregistrer sur votre écran d'accueil, où il apparaîtra sous forme d'icône sur votre appareil, tout comme une application, mais vous n'aurez pas à passer par le processus de téléchargement de l'App Store. Et comme il n'y a pas de téléchargement, les PWA nécessitent beaucoup moins de stockage que les applications mobiles natives. Starbucks a créé une PWA qui faisait 0,4 % de la taille de sa propre application native ! De plus, les mises à jour de contenu se produisent automatiquement lors de l'actualisation, ce qui permet aux utilisateurs d'accéder aux dernières fonctionnalités, fonctionnalités et mises à jour de sécurité sans jamais lever le petit doigt (ou appuyer sur ce bouton ennuyeux "Installer la mise à jour").

 Lecture recommandée : PWA vs application native : laquelle vous convient le mieux ?

Avec l'application désormais sur leurs téléphones portables, les chances d'interaction et d'engagement deviennent exponentiellement plus élevées, comme l'a constaté le magazine Forbes lorsqu'ils ont lancé leur propre PWA. Les utilisateurs ont été informés chaque fois qu'un nouveau contenu était disponible via des notifications push. Avec des temps de chargement de page ultra-rapides, des transitions rapides et une conception de page légère, la PWA de Forbes a réussi à atteindre les objectifs suivants :

• Augmenter la profondeur de défilement de 3x
• Améliorer les sessions par utilisateur de 43 %
• Obtenez une augmentation de 6x du nombre de lecteurs complétant des articles
• Doubler leur taux d'engagement, ce qui signifie une augmentation de 100 % de l'engagement

Dans le cas d'un site de publication comme Forbes, un engagement élevé équivaut à des conversions élevées, tout cela grâce à leur nouveau PWA.

Nous savons que les mesures d'engagement du site Web telles que la durée de la session, les taux de clics et les taux de rebond ont un impact direct sur les classements de recherche. Comme Larry Kim le démontre ici, le temps passé sur le site a une corrélation certaine avec votre classement de recherche organique. Plus la durée de la session est élevée, plus votre classement probable sur Google est élevé.

Vous pouvez dire bonjour à la première page sur Google, tout cela grâce aux PWA et à leurs taux d'engagement supérieurs sur le site Web.

Tout tourne autour des URL

Les applications Web progressives adoptent véritablement les meilleures pratiques de référencement dans tous les sens du terme. Des méta-descriptions claires et concises à l'ajout de données Schema.org pour une meilleure indexation et analyse des données du site par les robots de recherche ; un site Web optimisé pour la recherche est plus susceptible de réduire la PWA que les autres.

Les PWA n'ont pas besoin de différents types d'URL "mobile.site.com" pour offrir une excellente expérience sur les appareils mobiles. Ils sont automatiquement configurés pour offrir une expérience cohérente, quel que soit l'appareil.

Un autre avantage est que les PWA sont nécessairement compatibles HTTPS. Non seulement cela améliore votre site sur les résultats de recherche organiques, mais rassure également les utilisateurs quant à la sécurité de votre site, ce qui entraîne des taux de rebond plus faibles, des taux de clics plus élevés et des taux de conversion probablement plus élevés.

Chaque page est livrée avec sa propre URL unique, ce qui rend les pages profondément intégrées facilement explorables et détectables par les moteurs de recherche. Des URL uniques pour chaque page facilitent également le partage de pages sur les réseaux sociaux et d'autres sites, sans parler d'un suivi plus transparent.

Avec la mise en cache préalable en place à l'aide de service workers, toutes les URL sur les PWA se chargent même lorsque votre appareil est hors ligne. Cela permet aux utilisateurs qui utilisent des appareils plus anciens ou des connexions réseau médiocres.

Envelopper

Les applications Web progressives sont idéales pour le référencement, car elles sont conçues pour offrir les meilleures expériences Web. Mais comme toute autre chose, les développeurs et les spécialistes du marketing peuvent tout gâcher.

Suivez les meilleures pratiques du Web et vous récolterez les bénéfices d'un excellent trafic de recherche organique. Cela signifie rendre votre site mobile d'abord, rapide sur mobile, utilisable sur toutes les tailles d'écran et avoir du son sur le référencement de la page.

Les PWA vous aident à établir des relations durables avec les clients. C'est une grande récompense, mais vous bénéficierez également d'un ascenseur universel, comme la recherche organique, car votre site donne la priorité à l'expérience utilisateur.

Si vous suivez toutes ces bonnes pratiques, vous réussirez, même si vous ne ciblez pas le trafic de recherche organique.

Il est temps de saisir ces indices et d'investir dans des PWA qui combinent la facilité du Web mobile avec la vitesse et la convivialité d'une application mobile. Deux pour le prix d'un, c'est ce que vous obtenez avec les PWA. Alors, quand allez-vous construire le vôtre ?