{"id":62148,"date":"2021-10-29T00:15:32","date_gmt":"2021-10-29T00:15:32","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/applications-web-progressives-pwa-pour-le-referencement-avantages-statistiques-exemples\/"},"modified":"2021-10-29T00:15:32","modified_gmt":"2021-10-29T00:15:32","slug":"applications-web-progressives-pwa-pour-le-referencement-avantages-statistiques-exemples","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/applications-web-progressives-pwa-pour-le-referencement-avantages-statistiques-exemples\/","title":{"rendered":"Applications web progressives (PWA) pour le r\u00e9f\u00e9rencement : avantages, statistiques, exemples"},"content":{"rendered":"<p><center><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/Aplicaciones-web-progresivas-PWA-para-SEO-beneficios-estadisticas-ejemplos.jpg\"><\/center><\/p>\n<p><strong>Les derni\u00e8res ann\u00e9es ont rendu certaines choses tr\u00e8s claires.  Si vous avez une entreprise en ligne, vous devez d&#8217;abord en faire votre entreprise pour devenir mobile. <\/strong><\/p>\n<p>Deuxi\u00e8mement, votre exp\u00e9rience mobile doit \u00eatre fluide et sans friction si vous voulez qu&#8217;elle se traduise en dollars.  Enfin, les utilisateurs de smartphones sont tr\u00e8s inconstants et malgr\u00e9 le t\u00e9l\u00e9chargement de plus de 113 milliards d&#8217;applications en 2018, les utilisateurs n&#8217;utilisent encore r\u00e9guli\u00e8rement qu&#8217;environ 9 applications par jour.<\/p>\n<p>Donc, vous devez \u00eatre sur un appareil mobile.  Vous devez \u00eatre g\u00e9nial sur mobile.  Et les gens ne t\u00e9l\u00e9chargeront probablement pas ou n&#8217;utiliseront probablement pas votre application r\u00e9guli\u00e8rement.  Que faites-vous alors?<\/p>\n<p>Cr\u00e9ez quelque chose qui combine l&#8217;interface \u00e9l\u00e9gante et facile \u00e0 utiliser d&#8217;une application mobile sans r\u00e9ellement cr\u00e9er d&#8217;application.<\/p>\n<p>Oui, je parle d&#8217;applications web progressives ou PWA.<\/p>\n<p>En termes simples, une PWA est un site Web adapt\u00e9 aux mobiles qui se comporte comme une application, mais n&#8217;a pas besoin d&#8217;\u00eatre t\u00e9l\u00e9charg\u00e9 pour \u00eatre utilis\u00e9.  Les utilisateurs ont la possibilit\u00e9 d&#8217;enregistrer une PWA sur leur t\u00e9l\u00e9phone et de la lancer en tant qu&#8217;application, mais c&#8217;est enti\u00e8rement facultatif.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"fr-fic fr-dib fr-draggable aligncenter\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/Aplicaciones-web-progresivas-PWA-para-SEO-beneficios-estadisticas-ejemplos.png\" alt=\"Exemple de capture d'\u00e9cran de la fa\u00e7on dont Starbucks a utilis\u00e9 une application Web progressive\" width=\"1174\" height=\"1088\"><\/p>\n<p>Les PWA offrent une myriade d&#8217;avantages tout en contrebalan\u00e7ant les inconv\u00e9nients inh\u00e9rents \u00e0 la cr\u00e9ation et \u00e0 la maintenance simultan\u00e9es d&#8217;un site mobile et d&#8217;une application mobile.  Examinons de plus pr\u00e8s comment vous pouvez tirer le meilleur parti des PWA.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Vitesse_tu_tappelles_PWA\"><\/span><strong>Vitesse, tu t&#8217;appelles PWA<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>C&#8217;est sans aucun doute l&#8217;une des caract\u00e9ristiques les plus int\u00e9ressantes de la PWA.  Les entreprises peuvent cibler les utilisateurs qui peuvent avoir une connexion de donn\u00e9es lente ou m\u00eame ceux qui sont hors ligne avec une PWA en utilisant les meilleures pratiques de d\u00e9veloppement mobile telles que la mise en cache du contenu \u00e0 l&#8217;avance, la compression, etc.<\/p>\n<p>Pourquoi devriez-vous vous soucier de la vitesse du site\u00a0?  Car cela impacte directement votre r\u00e9f\u00e9rencement et votre taux de conversion.<\/p>\n<p>En janvier 2018, Google a officiellement annonc\u00e9 ce que de nombreux experts en r\u00e9f\u00e9rencement soup\u00e7onnaient depuis longtemps que la vitesse mobile serait un facteur cl\u00e9 dans les classements de recherche organique pour les sites Web.  Avec cela est venu la course folle pour optimiser les sites Web mobiles, am\u00e9liorer les temps de chargement des pages, am\u00e9liorer la navigation et les travaux.  Dans le cas des PWA, les pages se chargent instantan\u00e9ment gr\u00e2ce \u00e0 la mise en cache pr\u00e9alable et permettent aux utilisateurs une exp\u00e9rience utilisateur simple et rapide.  Une victoire SEO d\u00e9finitive.<\/p>\n<p>La recherche a montr\u00e9 au fil du temps qu&#8217;il existe une corr\u00e9lation entre la vitesse du site et les taux de conversion.  Une baisse de la vitesse du site entra\u00eene g\u00e9n\u00e9ralement une baisse correspondante des taux de conversion et vice versa.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"fr-fic fr-dib fr-draggable aligncenter\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1633564808_970_Aplicaciones-web-progresivas-PWA-para-SEO-beneficios-estadisticas-ejemplos.png\" alt=\"Pensez aux statistiques de Google sur la vitesse du site et les conversions.\" width=\"733\" height=\"372\"><\/p>\n<p>Source\u00a0: Pensez avec Google<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-126414 size-full\" src=\"https:\/\/www.searchenginewatch.com\/wp-content\/uploads\/2019\/05\/PWAs-vs-Native-Apps-vs-Responsive-Websites.png\" alt=\"Tableau de comparaison PWA vs Native Apps vs Responsive Website\" width=\"2839\" height=\"1600\"><\/p>\n<p>Source : Un Nord<\/p>\n<p>Les sites Web peuvent profiter de taux de conversion consid\u00e9rablement am\u00e9lior\u00e9s gr\u00e2ce aux temps de chargement de page plus rapides offerts par les PWA.  Le g\u00e9ant des cosm\u00e9tiques Lanc\u00f4me est pass\u00e9 \u00e0 une PWA en 2017 et a constat\u00e9 une am\u00e9lioration significative de la vitesse et des taux de conversion.  Ils ont connu une baisse de 84\u00a0% du temps jusqu&#8217;\u00e0 ce que la page soit interactive et une croissance de 17\u00a0% des taux de conversion.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Meilleur_compromis\"><\/span>Meilleur compromis<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Google dicte les exigences fondamentales qu&#8217;un site Web doit remplir pour \u00eatre consid\u00e9r\u00e9 comme une application Web progressive.  Une exp\u00e9rience utilisateur fluide, notamment une navigation facile, des notifications push rapides, une compatibilit\u00e9 entre navigateurs, des pages r\u00e9actives sur tous les appareils sont des exigences importantes qui conduisent \u00e9galement \u00e0 une croissance de l&#8217;engagement.<\/p>\n<p>Les PWA imitent de vraies applications mobiles en permettant aux utilisateurs de les installer sur leurs appareils.  Avec l&#8217;application d\u00e9sormais sur leurs t\u00e9l\u00e9phones portables, les possibilit\u00e9s d&#8217;interaction et d&#8217;engagement deviennent exponentiellement plus grandes, comme le magazine Forbes l&#8217;a constat\u00e9 lorsqu&#8217;ils ont lanc\u00e9 leur propre PWA.  Les utilisateurs \u00e9taient avertis chaque fois qu&#8217;un nouveau contenu \u00e9tait disponible via des notifications push.  Avec des temps de chargement de page ultra-rapides, des transitions rapides et une mise en page l\u00e9g\u00e8re, Forbes PWA a accompli ce qui suit :<\/p>\n<ul>\n<li>Augmenter la profondeur de d\u00e9filement par 3x<\/li>\n<li>Am\u00e9liorer les sessions par utilisateur de 43%<\/li>\n<li>Obtenez une augmentation de 6X du nombre de lecteurs compl\u00e9tant des articles<\/li>\n<li>Doublez votre taux de participation, ce qui signifie une augmentation de 100% de la participation.<\/li>\n<\/ul>\n<p>Pour un site de publication comme Forbes, un engagement \u00e9lev\u00e9 \u00e9quivaut \u00e0 des conversions \u00e9lev\u00e9es, tout cela gr\u00e2ce \u00e0 votre nouvelle PWA.<\/p>\n<p>Nous savons que les mesures d&#8217;engagement du site Web telles que la dur\u00e9e 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\u00e9montre ici, le temps pass\u00e9 sur le site a une corr\u00e9lation certaine avec votre classement dans les recherches organiques.  Plus la dur\u00e9e de la session est longue, plus elle aura de chances d&#8217;\u00eatre class\u00e9e sur Google.<\/p>\n<p><img decoding=\"async\" class=\"fr-fic fr-dib fr-draggable aligncenter\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1633564808_561_Aplicaciones-web-progresivas-PWA-para-SEO-beneficios-estadisticas-ejemplos.png\"><\/p>\n<p>Source : Moyen<\/p>\n<p>Vous pouvez dire bonjour \u00e0 la premi\u00e8re page de Google, tout cela gr\u00e2ce aux PWA et \u00e0 leurs taux d&#8217;engagement sup\u00e9rieurs sur le site Web.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Tout_est_dans_les_URL\"><\/span>Tout est dans les URL<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Les applications Web progressives adoptent vraiment les meilleures pratiques de r\u00e9f\u00e9rencement dans tous les sens du terme.  Des m\u00e9ta-descriptions claires et concises \u00e0 l&#8217;ajout de donn\u00e9es de Schema.org pour une meilleure indexation et analyse des donn\u00e9es du site par les robots de recherche\u00a0;  un site Web optimis\u00e9 pour la recherche est plus susceptible de faire le piratage PWA que d&#8217;autres.<\/p>\n<p>Les PWA ne n\u00e9cessitent pas diff\u00e9rents types d&#8217;URL \u00ab mobile.site.com \u00bb pour offrir une excellente exp\u00e9rience mobile.  Ils sont automatiquement configur\u00e9s pour offrir une exp\u00e9rience coh\u00e9rente, quel que soit l&#8217;appareil.  Un autre avantage est que les PWA sont n\u00e9cessairement compatibles HTTPS.  Cela augmente non seulement votre site dans les r\u00e9sultats de recherche organiques, mais rassure \u00e9galement les utilisateurs sur la s\u00e9curit\u00e9 de votre site, ce qui entra\u00eene des taux de rebond inf\u00e9rieurs, des taux de clics plus \u00e9lev\u00e9s et probablement des taux de conversion plus \u00e9lev\u00e9s.<\/p>\n<p>Chaque page est livr\u00e9e avec sa propre URL unique, ce qui rend m\u00eame les pages profond\u00e9ment int\u00e9gr\u00e9es facilement tra\u00e7ables et d\u00e9tectables par les moteurs de recherche.  Les URL uniques pour chaque page facilitent \u00e9galement le partage de pages sur les r\u00e9seaux sociaux et d&#8217;autres sites, sans parler du fait qu&#8217;elles peuvent \u00eatre explor\u00e9es de mani\u00e8re plus transparente.<\/p>\n<p>Avec la pr\u00e9-cache en place \u00e0 l&#8217;aide des techniciens de maintenance, toutes les URL des PWA sont charg\u00e9es m\u00eame lorsque votre appareil est hors ligne, ce qui permet aux utilisateurs d&#8217;utiliser des appareils plus anciens ou de mauvaises connexions r\u00e9seau.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Pour_finir\"><\/span>Pour finir<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u00c0 mesure que les utilisateurs \u00e9voluent et expriment plus clairement leurs pr\u00e9f\u00e9rences, les entreprises doivent s&#8217;assurer de capter ces signaux et de s&#8217;adapter pour rester pertinentes pour leur public cible.  L&#8217;utilisateur d&#8217;aujourd&#8217;hui nous dit qu&#8217;il s&#8217;attend \u00e0 des d\u00e9placements rapides et sans friction sur ses appareils mobiles, sans \u00eatre oblig\u00e9 de t\u00e9l\u00e9charger une application pour cette exp\u00e9rience utilisateur sup\u00e9rieure.<\/p>\n<p>Il est temps de capter ces signaux et d&#8217;investir dans des PWA qui combinent la facilit\u00e9 du Web mobile avec la vitesse et la facilit\u00e9 d&#8217;utilisation d&#8217;une application mobile.  Deux pour le prix d&#8217;un, c&#8217;est ce que vous obtenez avec les PWA.  Alors, quand allez-vous construire le v\u00f4tre ?<\/p>\n<p>Rohan Ayyar est un blogueur passionn\u00e9 sur les affaires et la technologie, avec des id\u00e9es pr\u00e9sent\u00e9es dans des publications telles que Fast Company, Business Insider, Fortune et Adweek.  Il peut \u00eatre trouv\u00e9 \u00e0 Twitter .<\/p>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 ez-toc-wrap-center counter-flat ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/fr\/applications-web-progressives-pwa-pour-le-referencement-avantages-statistiques-exemples\/#Vitesse_tu_tappelles_PWA\" >Vitesse, tu t&#8217;appelles PWA<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/fr\/applications-web-progressives-pwa-pour-le-referencement-avantages-statistiques-exemples\/#Meilleur_compromis\" >Meilleur compromis<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogging-techies.com\/fr\/applications-web-progressives-pwa-pour-le-referencement-avantages-statistiques-exemples\/#Tout_est_dans_les_URL\" >Tout est dans les URL<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/blogging-techies.com\/fr\/applications-web-progressives-pwa-pour-le-referencement-avantages-statistiques-exemples\/#Pour_finir\" >Pour finir<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>Les derni\u00e8res ann\u00e9es ont rendu certaines choses tr\u00e8s claires. Si vous avez une entreprise en ligne, vous devez d&#8217;abord en faire votre entreprise pour devenir mobile. Deuxi\u00e8mement, votre exp\u00e9rience mobile doit \u00eatre fluide et sans friction si vous voulez qu&#8217;elle se traduise en dollars. Enfin, les utilisateurs de smartphones sont tr\u00e8s inconstants et malgr\u00e9 le [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":62149,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-62148","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogs"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/62148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/comments?post=62148"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/62148\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media\/62149"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media?parent=62148"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/categories?post=62148"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/tags?post=62148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}