什么是 AMP by Google 以及如何在 PrestaShop 中实施它?
卡洛斯·卡马拉
您知道您的 PrestaShop 商店是否满足AMP
不久前,我们在这篇博客中向您介绍了“加速移动页面”或 AMP 计划,该项目旨在显着提高我们网站的加载速度。
当时,加速移动页面仅适用于新闻和博客页面,但从那时起,该项目不断发展,现在还允许包含产品页面。
这使得它非常适合提高我们商店在移动设备上的速度,您不觉得吗?
因此,今天我将告诉您关于这个有趣的主题应该考虑的一些因素,以及在电子商务中实施加速移动页面的方式。
什么是 AMP(加速移动页面)以及它由什么组成?
加速移动页面或 AMP 是一种开源编码标准,旨在提高智 伊朗电报电话号码列表 能手机和 iPhone 上网页的加载速度。 AMP 项目允许专业人士创建慢速页面的稍微轻量版本。
如果这种风格的页面要正常工
作,就需要使用更简化的 HTML 语言,而不是完整(而且笨重!)的版本。这种格式允许网站在较小的媒体(例如智能手机)上加载速度更快。
该功能有几个特点:
优化CSS和HTML代码,CSS内嵌元素大小小于50kb。
“延迟加载”图像加载,即只有向下滚动时才会出现图像。
与 ADS 和 Analytics 完全兼容,就像任何普通页面一样。
不使用 JavaScript。
加速移动页面类型网站必须经过 AMP JS 库中包含的“加速移动页面验证器”的批准。必须上传自定义字体,并且必须指定图像的高度和宽度。不允许使用表格。
所有这些前提都将减少加载时间,让我们忘记必须等待一个世纪才能访问内容的挫败感。
AMP 对我们的网页有哪些限制?
这听起来不错,但是技巧在哪里呢?为了实现即时加载速度,除了利用Google的缓存之外,它还对我们在Accelerated Mobile Pages页面上可以使用的效果施加了一些限制。
例如,弹出窗口等效果不能在 AMP 中使用,并且它不支持将外部内容加载到我们的网站,或者简而言之,不支持任何可能减慢网站加载速度的内容。
但不用担心,您不必更改页面模板或重新设计它,因为加速页面与普通页面共存。假设您的网站上可以有普通版本和移动增强版本。
特别是因为目前您无法在我们的类别页面、购买页面或我们商店的其他页面上使用 AMP。
我们页面的加速移动页面版本只会显示在通过搜索引擎或最重要的社交网络中的链接到达这些页面的移动设备上,而如果用户直接使用手机访问您的商店或使用计算机进入,您将始终看到普通版本。
因此,即使我们在商店中实施了 Accelerated Mobile Pages 版本,我们也不能将网站的所有速度优化委托给 AMP ,我们还必须优化正常导航的速度,不能忽视这方面。
在线商店中是否值得拥有 AMP 页面?
在线商店中的 AMP 页面
AMP 页面加载速度非常快,但我们已经看到它们对我们的页面施加的限制。幸运的是,我们页面的移动版本和普通版本可以毫无问题地共存。
现在,值得在 PrestaShop 中实施 AMP吗?
加速移动页面的主要优势无疑是移动设备上的速度(以及由此带来的 SEO 改进),但其副作用是我们将在移动设备上拥有一个更加清晰且不受干扰的产品页面,以便客户可以更轻松地购买。
如果您认为您的产品页面可能过于平淡,我提醒您,在加速版本中,您可以有图像轮播、视频、在社交网络上分享的按钮,如果您需要,您甚至可以添加广告!所以您不必担心这一点。
另一方面,无论我们的在线商店如何优化,AMP页面都会使用Google的缓存来提供内容,因此无论如何,它们总是比我们商店的普通版本快得多。
我们已经在这篇博客中与您讨论了SEO 趋势,但现在 Google 也宣布对其2018 年下半年的算法进行更新,称之为“速度更新”,这将在其网站中给予更大的权重移动索引具有更快的响应速度。
尽管他们声称不会查看网络使用的技术,但如果您放大了您的产品页面,那么您在这方面肯定会获得很多收获。
最后,更快的页面转化更多,因此更快地向用户显示的产品页面将帮助我们更快地决定购买并且不会失去销售机会。
因此,尽管AMP有局限性,但实施它将帮助我们获得更好的用户体验、更好的SEO网站以及更好的转化。看起来很值得,不是吗?
如何在我的企业网站上实施 AMP?
PrestaShop 针对在移动设备上的使用进行了优化,即使您不想使用默认模板,模板市场中也有各种各样的响应式模板。
但是,默认情况下,PrestaShop 不实现加速移动页面。
当然,无论你的产品页面多么简单,无论它有多快,你都不能使用与AMP版本相同的页面,因为它稍微 2017 年国际理论物理中心会议 改变了HTML代码的结构,因此你必须有特定的加速页面的版本。
如果您不使用 PrestaShop 或者您更喜欢自己在商店中实施 AMP,则什么是影响者营销以及如何将其整合到您的电子商务策略中? 必须为要扩展的每个页面手动创建 AMP 版本。此版本的页面必须遵守 AMP 语法及其规则,当然,一旦创建,您
ted Mobile Pages 生成特定站点地图的功能。
要给这个伟大的模块加上一个“但是”,那就是它有限的设计选项。例如 要求并与其完 ,您可以为所有按钮定义的颜色是唯一的,并且在网站首页等页面上的颜色不能为用户提供太多清晰度:
AMP 模块 – 加速移动页面
2.AMP专家模块
此模块的选项比前一个模块少,因为它不允许您选择希望网站的哪些页面拥有 AMP 版本,也不允许您使用此功能为页面生成站点地图。
然而,AMP专家模块确实允许您自定义一些细节,例如设计,例如列表中价格的颜色,以及许多其他选项,例如购买按钮的颜色。
该模块还在 AMP 页面上提供了一些产品订购选项,而且您 要求并与其完