电子商务技术

是pwas的方式吗?您需要了解关于电子商务的渐进式Web应用程序的一切

杰米•玛丽亚Schouren /10分钟读

是pwas的方式吗?您需要了解关于电子商务的渐进式Web应用程序的一切

获取印刷版

滚动不累吗?下载一个PDF版本,以便于离线阅读和与同事分享。

将您的信息添加到下面将PDF发送到您的收件箱。
下载PDF的链接很快就会到达你的收件箱。

自2015年推出Progressive Web Apps以来,许多公司都充分利用了这项技术。他们能够提供高粘性的用户体验,同时触及新用户基础。最著名的使用案例来自Twitter、Trivago、阿里巴巴和沃尔玛等大公司,它们的转换率翻了一番,收入增长速度也比以往任何时候都快。

这些商业巨头的PWA成功案例是对各种小型和中型企业的诱人。With the use of Progressive Web Apps, merchants can now provide the same high-converting, app-like experience of a native app to a much larger audience on the mobile web — making this a can’t-miss technology for businesses of any size.

什么是渐进的Web应用程序?

在其核心,一个进步的Web应用程序(PWA)是一个Web应用程序,使用最新的Web功能,以提供一个本地应用程序的体验给用户。这种技术将带来网页和原生应用之间的一致性,并将两者替换为单一实例。

从历史上看,本机应用程序提供比移动网络更丰富的经验,创造了与最终用户的高接合。一个渐进式Web应用程序是一个网站,与本机应用程序相同的方式,这意味着它们是非常快的,可以添加到智能手机的主屏幕,发送推送通知甚至脱机工作。

渐进式网络应用程序是:

1.可靠。

它们立即加载,而不管网络状态如何。它们消除了对网络连接的依赖,确保了即时和可靠的用户体验即使网络连接不好或根本不存在。

2.令人难以置信的快。

如果您的网站很慢,客户会离开,让您错过潜在的销售。PWA.负荷非常快并快速响应用户交互。改进的网站性能积极影响转换,用户体验,和保留率

3.高度吸引力。

它们提供真正的本机应用体验,包括Web功能,例如发送推送通知的选项,并显示在主屏幕上。

为什么您的业务需要渐进式Web应用程序

随着移动流量超过桌面流量——目前60%的流量来自移动设备——商家提供最好的购物体验来吸引他们的受众是至关重要的。而移动流量正在增长而在美国,转化率则不然:手机流量仍然只占总转化率的16%。

谷歌报道称,当一家电商商店转向一个渐进式网络应用程序时,他们的整体营收通常会增长20%,在某些情况下,移动端转化率会翻倍。

任何新的和现有的网店我们应该考虑不仅仅把他们的服务作为一个标准的网上商店,而是作为一个进步的网络应用程序。由于大多数电子商务网站还没有采用这项新技术,他们代表了一个罕见的和令人兴奋的机会,以取得领先的竞争。

1.通过在主屏幕上安装更好的用户采用。

渐进式Web应用提供了高度吸引人的用户体验,具有与原生应用相同的功能。进步式Web应用程序可以安装在主屏幕上,用户可以直接访问它们。

在一个典型的月里,智能手机用户的平均应用下载量接近于零。人们不下载应用程序。

使用渐进式网络应用程序,“下载”就像访问一个网页链接并接受提示一样简单。从用户的角度来看,该网站将变成一个“真正的”应用程序——所以不是浏览器的快捷方式——通过被放在主屏幕上。这与从应用商店下载的结果相同,但省去了通过应用商店流程的麻烦。此外,在主屏幕上安装PWA后,不需要进一步更新。PWA的自动更新在后台,确保您的客户总是看到最新的内容。

也许这并不奇怪,企业报告他们的用户确实安装了他们的PWA,而他们之前已经拒绝了他们的原生应用。

Flipkart.60%的用户在卸载原生应用后重新使用Flipkart PWA。对于用户采用任何网站,快速安装PWA证明对用户的参与度和成功是不同的。

2.通过推送通知提高用户参与度。

类似于本机应用程序,PWA提供了向移动设备发送推送通知的能力。以非常直观的方式,业务可以达到他们最多的观众:直接在其移动设备上,创造高度吸引力的用户体验。

这些小信息有很大的影响:它们总是能吸引注意力。与电子邮件等传统营销方式相比,推送通知的最大优势是直接出现在用户手机上;他们从人群中脱颖而出,最重要的是,一个企业不需要做很多努力收集电子邮件地址或其他信息,才能与观众互动。

关于96%的网民匿名上网,他们不留下他们的电子邮件地址或联系信息在网站上,他们不建立一个帐户。这是一个巨大的盲点,每个企业都梦想着把它变成一个甜蜜点。

访问网站时允许推送通知的阈值远低于注册时事服务的阈值。谷歌报道近60%的用户正在允许他们的PWA发送通知,这显着增加了推广产品或服务的机会。行业基准显示与电子邮件相比,更多人将更多的人打开并单击Web推送通知。

3.减少开发成本,更快的创新和持续交付。

企业与A.Omnichannel,多平台策略他们目前正在构建、维护和推广4个系统:他们的(响应式)网站、Android应用、iOS应用,有些还包括Windows 10原生应用。

在建造,优化和维护响应网站已经是一个资源密集型进程,额外开发的本机应用程序很容易进一步投资。这不仅是由于创建应用程序,还持续监控,维护,改进和应用商店审查流程(并让我们不要忘记臭名昭着的30%的苹果税)。

渐进式Web应用程序完全消除了除PWA网站以外的任何平台的开发,维护和营销需求。这提供了一个独特的机会,可以从一个平台服务的所有频道,由一个团队构建,维护和维护。它急剧降低成本和上市时间,同时仍为所有客户提供相同的用户体验和能力,并保持多渠道策略

4.出色的即时性能。

互联网用户始终要求更多的速度,特别是移动 - 首先甚至移动在线使用的大量崛起。研究显示53%的访客在仅3秒的页面加载后留下一个网站,并且转换率在页面速度的每1秒延迟时减少了21,8%。

几乎令人难以置信的是,在3G网络上移动设备上的网页的平均加载时间为19秒和14秒,在4G网络上。

那个报告, ”对移动速度的需求“发现,在五秒钟内加载的移动站点比加载了19秒的时间更好地加载了:在5秒内加载的站点夸大了35%,平均会话较长70%,较高的较高率为35%。

先进的Web应用程序的设计是为极其流畅和快速的用户体验。利用web的速度优势和“本地风格”客户端缓存,它在页面加载方面的性能都优于这两方面。PWAs可以在1秒内加载,创造一个真正的“即时”速度体验,从一开始就吸引用户。

此外,渐进式Web应用程序在业务'服务器和用户的设备上使用显着较少的磁盘空间 - 提供更快的加载时间,更少的数据使用情况和更少所需的存储空间等福利。

BookMyShow的PWA加载时间不到3秒,转化率提高了80%以上。PWA比Android应用程序小54倍,比iOS应用程序小180倍。

5. PWA可以改善您的SEO。

因为PWA是基于网络的,一切都可以被搜索引擎发现。PWA内的任何内容都可以被谷歌和Bing链接、分享和排名。这与原生应用形成了对比,后者不允许搜索引擎机器人抓取。通过打破网络和原生产品之间的障碍,用户可以在任何时间、任何设备上直接连接到最复杂的数字产品。

超级快的加载时间,减少跳跃率,最小的数据使用和高粘性的体验是默认的SEO排名的助燃剂。由于PWA提供了这些开箱即用的优势,因此使用PWA将自动获得更高的SEO排名是合乎逻辑的。如果处理得当,这绝对是正确的。谷歌将排名设计良好的PWA比任何其他常规网站更高。

然而,技术SEO非常重要。确保以正确的方式提供渐进式Web应用程序技术的关键。渐进式Web应用程序利用JavaScript的灵活性,这意味着Google将单个已发布的页面视为JavaScript站点。Google抓取PWA网站就像它会抓取一个AJAX或JavaScript网站,但搜索引擎正确发现,爬网和准确索引内容的能力 - 这在历史上仍然依赖于JavaScript - 历史较差。

幸运的是,没有必要担心。开发人员建立PWAS需要了解如何优化网站以确保该页面适当地获得索引,这可以通过服务器端渲染等技术轻松完成 - 提供适当的架构以获得他们应得的最佳SEO排名。

这里有一些伟大的资源PWA SEO:

6.提高转化率。

它认为,更好的用户体验导致更高的转换率。如果从在线商店中删除摩擦和挫折,客户对客户变得更容易实现目标 - 因此是业务的目标。

在各个方面,PWA提供了巨大的机会,以提供更好的体验。

Lancôme.逐渐增加17%,IOS上的移动会话增加了53%,通过推送通知,回收的推车上的转换率增加了8%。

阿里巴巴在浏览器上的转化率提高了76%,在iOS上的月活跃用户增加了14%,在Android上的月活跃用户增加了30%,在Add to Homescreen上的互动率提高了400%。”

关于PWA的一切都更快,更瘦,光滑,更高效,而且用户感觉到。从即时背景加载到他们的主屏幕到全屏浏览,即时页面加载,以及设备空间的最小使用。用户拥有更好的体验,完成了他们的任务,并将在将来愉快地返回 - 无论是由高度啮合的推送通知触发。

剖析一个渐进的Web应用程序

在其核心,PWA是一个Web应用程序,它使用最新的Web功能来向用户提供类似的应用程序类似的体验。

2015年,Alex Russell介绍了“渐进式网络应用程序”一词。他讲述了自己和弗朗西斯·贝里曼之间的对话,其中他们“列举了[a]新的应用程序的属性”,基于现代浏览器的逐步和强大的演变。

他们创建了一组Web应用应该具备的“属性”,以获得进步Web应用的资格。这些属性是:

  1. 进步pwa应该适用于每一个用户,不管浏览器的选择,因为它的核心原则是逐步增强。
  2. 响应- PWA应该工作在任何设备,任何大小:桌面,移动,平板电脑,或任何下一步。
  3. 连接独立 —PWAs are not dependent on network availability.
  4. 应用类似的-用户将享受一个真正的本地应用体验,在速度和用户交互方面。
  5. 新鲜的 — The PWA is always up-to-date, no updates are required
  6. 安全-始终通过HTTPS服务。
  7. 可发现的-与真正的原生应用相比,PWA是可识别的“应用”,并允许搜索引擎查找和索引它。
  8. 重新接纳 — PWA gives marketeers the possibility to easily re-engage with visitors through features such as push notifications, which before were only available for native apps.
  9. 可安装 — A PWA allows users to add apps they find most useful to their home screen without the hassle of going through an app store.
  10. 可链接 — A PWA has an actual URL structure, making it easy to share the application via URL, but also makes the pages of the PWA available to be used for marketing purposes such as SEA.

这组“属性”是关于用户体验的全部,以及我们如何使用网络:安全,速度,参与和共享。然而,从技术上讲,渐进式Web应用程序可以由三个标准定义。

三个基线标准一个站点必须履行以获得PWA的资格:

  1. HTTPS- PWA需要提供HTTPS确保安全和安全的环境和数据传输。
  2. Web应用程序清单- PWA需要一个Web应用程序清单,一个包含设备需要知道的所有元数据的JSON文件,以便能够在主屏幕上安装它。该文件包含图标、颜色、字体、登陆页URL等信息。
  3. 服务工人- PWA最重要的成分是服务工作者。这些是技术上是'JavaScripe代理'解锁功能,例如离线模式,即时速度和发送推送通知的能力。

由于浏览器的局限性,网站上之前不可能在Web上不可能做到像推送通知和脱机模式的事情 - 但随着服务工作人员的使用,这些功能现在已经解锁了。该服务工作人员是由Google引入的技术,允许您以编程方式控制网络请求,这又允许您建立脱机体验并提供即时速度。此外,您可以在后台运行任务,这允许您即使在浏览器关闭时也会发送和显示推送通知。

你需要一个商店的PWA吗?

任何销售在线的公司都会受益于PWA。当移动页面加载时间从1秒到5秒时,反弹的概率随90%而增加。当客户通过缓慢结账时,销售处于危险之中。增强的用户体验和渐进式Web应用程序的快速页速允许客户快速有效地完成所需的任务。PWA提供两到四倍的页面速度,确保难以赢得的用户留在订婚和转换。

如果一个电子商务网站在使用一个渐进的网络应用程序时,转化率会翻倍,当然很难预测。有一件事是肯定的:有了这项新技术,企业现在可以为更多的移动网络用户提供与原生应用相同的高转化率、类似应用程序的体验。早期的采用者证明了Progressive Web Apps确实改变了他们的业务。

1.构建渐进式Web应用程序。

将电子商务网站转换为渐进式Web应用程序是任何网络商店肯定应考虑在明年内执行的过程。它不仅会为您提供所有的优势,还将确保您在竞争中保持终止。

然而,一个误解的误解是,如果您想要从PWA功能中受益,您需要完全更换前端,使企业认为采用PWA是一种高度密集型和昂贵的过程。

幸运的是,事实正好相反!PWA技术允许模块化实现,以最短的上市时间获益。例如,如果你想让你的观众有机会在他们的主屏幕上安装你的PWA,你需要做的唯一一件事就是安装一个Web应用程序清单。此外,像Push Notifications这样的原生应用可以在5分钟内完成,BigCommerce商店提供扩展。

在现有商店中应用这种技术是提高用户体验和增加转换率的第一步,在最短的市场上和实现低成本。

2.使用BigCommerce和Diity Falcon构建渐进式Web应用程序。

BigCommerce的高度可扩展开放SaaS无头平台通过企业级集成、灵活的api和webhook为企业提供了一个无限可能的世界。beplay红利为什么-200使用相同的技术,DEITY Falcon为高度参与的PWA店面构建了一个开源的启动平台。

结合神灵猎鹰,BIGCommerce正在为每个商店提供机会,从优势中获利渐进式网络应用程序。使用BigCommerce作为电子商务核心后端引擎,结合DEITY Falcon作为PWA前端,各种形状和规模的企业都可以开始为他们的用户提供健壮的,高度可扩展的和惊人的网络体验。从所有应用程序的优势中获利,同时最小化上市时间——所有这一切的总拥有成本比任何其他领先的电子商务平台更低。

执行摘要:你应该接下来应该做什么

在我们生活的大多数方面,移动电话严重嵌入,设备从根本上改变了我们如何商店。我们对更好和高度接触的用户体验的需求,即时加载时间,即时访问信息和网络独立性正在迅速增长。

作为企业主,我们不能忽视本机应用程序所提供的沉浸经验的结合,加上PWA为我们提供的互联网的范围和易于访问。渐进式Web应用程序入门不是应该延迟的东西。

无论你是选择全面的PWA,还是从小步骤开始,例如,推送通知和“添加到主屏幕”,采用PWA策略应该是任何类型的业务的优先级,无论大小。

凭借最低要求的投资和记录速度上市,任何人都可以开始大大改变他们今天为观众提供的经验,增加转换率 - 并最终改善他们的底线结果

想要更多这样的见解吗?

我们正处于使企业等特派团,如您的营销和销售提示,技巧和行业领先知识,以建立下一个房屋名牌品牌。不要错过帖子。注册我们的每周时事通讯。

分享

杰米•玛丽亚Schouren

杰米•玛丽亚Schouren

杰米·玛利亚(Jamie Maria)沉迷于电子商务,爱上了代码,她的思想离不开商业。在创新的驱使下,她致力于改善她周围的网络世界。她最初是一名本地应用程序开发人员,后来投身电子商务,与人共同创立了DEITY,她的使命是激发一场在线革命,让网络技术进化到PWA的使用。她的热情之一是让妇女和女孩永不停止追逐自己的梦想。

查看Jamie Maria Scouren的所有帖子

更少的发展。更多的销售。

让我们来检验你的后端。你专注于建立自己的品牌。

BigCommerce API可以为您的商业经验供电beplay体育50不能提现?

了解如何利用灵活的api来利用现有的技术堆栈。