如何为电子商务实施AMP

2022-05-26 09:40:29

买家的整体体验对于完成销售是至关重要的。

在网络购物和电子商务方面，怎么强调速度的重要性都不过分。毕竟，如果花费超过3秒钟来加载网站，40%的用户都将会离开。搜索引擎推动并优先考虑快速加载移动页面。

这最终让位于诸如加速移动页面（AMP）和开放源代码框架之类的举措，用于提供快速载入移动内容。

我们都知道，手机友好已经不够了。Google表示“AMP和电子商务是天作之合，因为AMP使网页更快，快速的页面帮助购买转化。

许多公司正在利用AMP来增强客户体验，当然最终会增加转化。eBay一直是AMP的显著的采用者之一。它们在2016年结合AMP生产了八百多万个产品页面，并计划进一步顺延。

让我们来看看在电子商务方面AMP的一些功能以及它们是如何实现的。

电子商务AMP实践

AMP最初推出，旨在使静态内容（如文章和博客文章）加载更快。

然而，考虑到用户想要尽快查找信息的在线购物体验的本质，在电子商务上实现AMP是有意义的。

然而，这个实施背后的过程应该彻底地进行审查，因为有许多移动部分。

电子商务AMP实施

首先，没有必要在您的网站的每一个部分都实施AMP。首先彻底评估一个网站的哪些部分是最好的，最有意义采用AMP。

例如，主页可能是开始的好地方，因为内容是相对静态的，主要用于展示受欢迎的产品。 产品类别页面也可能是一个好主意，因为这些页面通常包含各种图像，视频等，并且它们的加载时间对于创建良好的用户体验至关重要。

让我们分解哪些AMP功能可以使用，特别是在产品类别页面和单个产品页面上，为用户创造快速的体验。

在电子商务页面上实施受欢迎的AMP功能

当浏览电子商务网站时，许多用户在首页或产品类别页面上开始他们的在线体验。

AMP什么功能在这个页面上使用将是理想的？

考虑使用Amp-carousel来呈现用户使用移动优化方法来浏览按子类别排列的其他产品。

Amp-carousel是能够在水平轴上显示多条相关内容的组件。



一旦用户将其发布到单个产品页面，也可以使用AMP。某些AMP功能可以帮助创建一个时尚，优雅的页面来展示产品。

Amp-carousel 和Amp-video可用于突出显示某些图像或视频。应该注意，视频源文件应通过HTTPS提供。

Amp-accordion功能可以帮助网站的各个部分包含更详细的产品或功能说明。Amp-accordion可为任何扩展的元素增加扩展属性。



然后可以利用CSS选择器来调整accordion的样式。这为用户提供了一个页面内容的高级概述，并跳转到页面的特定部分（如果他们愿意）的方式。用户可以与Amp-social-share元素共享产品。

Amp-sidebar允许用户轻松浏览网站的其他部分，并在网站的所有页面上添加导航菜单。这可以通过点击按钮进行打开和关闭，也可以从点击Amp-sidebar中点出。

当涉及到用AMP为用户显示相关产品，也有多种选择。

其中一个选项是Amp-list。此功能将CORS请求发送到提供适当相关项目列表的JSON端点。嵌入相关项目，文章等的列表时，这是理想的。一个Amp-mustache模板为用户填充这些。

这个mustache只是一个不含逻辑的模板语法。




Amp-access可用于定制购物者的内容，以便潜在地增加转化。这是因为可以根据用户的特定状态显示不同的内容，例如是否登录。

Amp-analytics可用于了解用户如何与网站进行深入互动。AMP支持的几个著名的分析供应商，如Google AdWords，Google Analytics（分析），Nielsen，comScore等。

在购买时结合AMP

当涉及到实际的交易时，可能会发生从AMP到HTML的转换。这里重要的是要确保转换是快速的，并且与用户迄今为止的体验一致。用户不希望自己正在从一个站点被打乱到另一个站点，特别是在进行在线购买时。

但是，在创建路径购买的无缝体验方面，要注意的是，AMP和渐进式网络应用程序（PWAs）之间的关系。

AMP提供了一种简单的方法来缩小Amp-install-serviceworker的差距。Service worker是在你的浏览器运行的背景下，与网页区别开以打开功能的大门，而不需要网页或用户交互。

这使得AMP页面可以为域名安装service worker，无论用户在哪里看到页面。AMP将与任何移动网站合作，但是如果与PWA正确组合，则会是最佳的。

PWA比m站点或响应式网站快得多。AMP和PWAs的合作确保了用户的体验确实是快速和一致的。

用户可以从AMP获取初始页面的即时加载，然后在网站的其余部分进行简单的快速应用程序体验。另外，可以从PWA抢先开始缓存内容，以便所有必要的内容都准备就绪，并且用户拥有无缝的体验。

关于电子商务AMP的常见问题

如何确保AMP在网站上正确实现？

为了测试AMP功能是否正常工作，AMP验证器可用于测试AMP的实现。

AMP会对SEO有直接的影响吗？

不是直接的，但是，由于速度的提高，Google提升AMP页面，以便有机搜索达到SERP的最前头。

如何通过分析来跟踪AMP页面？

最简单的解决方案是使用Amp-analytics功能。这是Google Analytics（分析）内置功能的解决方法。

产品评论怎么样？

在电子商务网站上，评论通常通过JavaScript库加载。AMP不支持此库。然而，通过正确的做法和UX，用户可以了解他们如何访问网站剩余部分的内容。

AMP的一个主要缺点是什么？

AMP取决于简化的JavaScript和CSS。这可以使得AMP页面上的跟踪和广告比纯HTML页面更加困难。但是，主要的缺点是时间。AMP确实需要很长的时间才能实施，因为代码是专有的，并限制了一些CSS并限制了一些JavaScript（即不允许使用iframe）。

概要

AMP可以在电子商务网站上创造更快，更好的用户体验。当然，更快更好的可以带来更多的转化。Google一直在进行更新以改进此功能。