AMP

AMP 速度的电子商务

未分类

投资于加速移动页面 (AMP) 的电子商务公司的早期结果表明，这种格式在转化率、速度、跳出率和移动获取成本方面都得到了回报。

  • 巴西Fastcommerce的客户在移动设备上看到转化率提升了 15%，与他们在 200 万个 AMP 页面上的非 AMP 页面相比 
  • WompMobile为电子商务网站创建有效的移动体验，并看到转化率提高了 105%，并且使用 AMP 页面后跳出率降低了 31%。 
  • Wego.com是中东和亚太地区最大的旅游市场，在创建了关键着陆页的 AMP 版本后，合作伙伴转化率提高了 95%，并且广告转化率提高了 3 倍。 
  • AMP 促进了法国有机零售商Greenweez近一半的移动流量，从 2017 年 1 月到 3 月，他们看到移动转化率提高了 80%，并且移动获取成本降低了 66%。  

我们已经看到AMP 带来了几乎即时的页面加载，这使其成为用户与您的网站进行首次交互的理想选择。但是，电子商务体验远不止速度，而 AMP 是您在这一旅程中的理想合作伙伴。对于那些希望看到类似于 Greenweez 或 Fastcommerce 的成功的人，我们想概述 AMP 在电子商务中可以实现的一切。

基础知识

让我们从您的电子商务网站的基础知识开始。在 AMPbyExample 网站上查看AMP for E-commerce 入门指南。在那里，您可以找到沙盒示例，以开始构建产品页面、产品类别页面和结帐/付款流程。为您的客户提供他们做出决策所需的一切 - 评论、照片、产品定制等等。

印度最大的在线时尚平台 Myntra 在其最重要的着陆页上看到了速度提高了 60%，跳出率降低了 40%。通过使用 amp-bind，它们还在这些页面上实现了排序、筛选和尺寸选择，为用户提供了丰富的体验。

AMP 支持的一些亮点包括

  • 动态内容：为了确保您的客户始终看到最新信息，可以使用 amp-list 和 amp-bind 来获取和呈现页面上的最新内容。
  • 结账/付款：您可以直接在 AMP 页面中实现购物车并启动结账流程。无论您是想使用支付请求 API、使用amp-form，还是将用户重定向到您网站上的非 AMP 页面，都取决于您。WompMobile 分享了他们在今年的 AMP 会议上的支付实施，您可以在链接的视频中查看。
  • 个性化/登录：amp-list 可用于向您的客户提供个性化内容，无论是推荐产品还是保存其购物车的状态。
  • A/B 测试：为了了解对您的用户最有效的内容，您可以在 AMP 页面上使用 amp-experiment 来进行用户体验实验。

对于本机不支持的功能，你可以使用 amp-iframe 嵌入内容并结合聊天应用程序、地图或其他第三方功能等功能。或者，如果你愿意，你还可以将内容移交给网站上的非 AMP 页面。

amp-bind

许多这些引人入胜且有用的电子商务体验都是通过 amp-bind 实现的，amp-bind 是一种交互模型，它允许你将用户操作与不同的文档状态链接起来. 7 月份，我们详细介绍了许多 amp-bind 带来的新机遇，以下是一些针对电子商务的关键机遇。

在下面我们构建的示例中，你可以看到筛选和排序操作

正如我们提到的，你可能会发现更多我们尚未发现的能力。探索可能性，并 与社区分享 你的发现。

AMP + PWA

当 Wego（中东最大的旅游市场）使用 AMP 重建其着陆页，并使用 PWA 重建其更具交互性的页面时，他们发现 网站性能有了极大的提升。他们的 AMP 页面速度提升了 10 倍以上，自然页面访问量增加了 12%。

虽然 PWA 支持引人入胜的类似应用程序的功能，但 PWA 所需的服务工作者在用户首次加载你的网站时不可用。AMP 提供了一个理想的网站入口点，允许 PWA 在后台加载。通过 AMP + PWA 实施，Wego 的转化率提高了 95%，网站访问量增加了 26%。

正如您所见，电子商务网站尤其可以从这种组合中受益：AMP 大幅提升了您网站上的第一页速度，而 PWA 提升了每次后续点击的加载时间。当转化漏斗跨越多个页面时，这一点尤其有用。

另外，PWA 还支持引人入胜的类似应用的功能，例如添加到主屏幕按钮、推送通知、在网络条件较差时的可靠性，以及即使用户完全离线时的功能。

要详细了解如何实施 AMP + PWA 网站，请查看我们的 视频教程 和 指南。

分析

amp-analytics 同时支持第三方分析工具和您自己的内部分析解决方案。您可以找到已内置配置以与 amp-analytics 组件配合使用的所有第三方工具的列表 在此处 – 包括 Adobe Analytics、Google Analytics、Clicky Web Analytics 等。对于内部实施，请查看我们的 AMP By Example on Analytics。在今年早些时候的 AMP 会议上，eBay 和 Pinterest 等公司还详细介绍了他们如何为 AMP 纳入分析，因此请查看链接的视频以了解更多信息。

* * *

AMP 项目致力于帮助网站利用该格式的闪电般快速速度进行电子商务。您可以在未来几个月内期待看到更多资源，例如 AMPstart.com 上的新电子商务模板。感谢 AMP 开发社区对您的工作和反馈。一如既往，如果您有任何问题或功能请求，请 告诉我们。

发布者：Lisa Wang，AMP 项目产品经理