Magento 2 怎么创建加速的移动页面

快速响应的移动Web体验不再是梦想。他们很热而且正在发生。在我们现在生活的世界中,没有人愿意等待一毫秒的时间来加载网站。很多时候研究表明,事实并非如此。加载速度低于3秒的网站的跳出率高达53%。 但是,不用担心,有几种方法可以解决此问题,而Google的“加速的移动页面”(AMP)就是其中一种。除了在用户体验和增加转换率方面增加AMP提供的通常的优势外,它还为在Google上搜索的网站提供了令人印象深刻的SEO优势列表。 

最近,Google切换到了移动优先索引:Googlebot现在不再首先获取桌面网站版本,而是首先获取有关移动版本的信息。此外,谷歌最近表示,AMP是其排名最高的因素之一,因此,它的实施不仅使您的网站移动友好,而且还提高了该网站在Google搜索结果中的排名。 AMP的另一个优势是,它支持所有主要的SEO工具,例如Google Analytics(分析),AdWords转换跟踪,Google跟踪代码管理器以及许多其他工具。 由于AMP在搜索结果中引起了用户的更多关注,因此AMP的实施也提高了点击率。 最后,AMP支持许多在线广告。AMP检查广告标语的安全性,并通过特殊组件比典型页面更快地加载它们。 因此,难怪我们从客户那里收到的网站要求范围包括更多广告和更多对AMP的请求。

AMP如何工作

说到技术和使这些页面打动的所有重要内容,AMP页面是由三个主要元素构成的: AMP HTML ,AMP Javascript, Google AMP缓存。

  • AMP HTML : 第一个元素是HTML的受限版本。某些标记,属性和样式被限制使用,或被AMP HTML库中的标记代替。通过牺牲一些通过HTML和Javascript自定义制作的元素,这可以帮助您将移动设备上的网站加载速度最多缩短不到1秒。
  • AMP Javascript:第二个元素是AMP JavaScript库,它们异步工作并保证快速页面加载。重要的是要注意,任何自定义或第三方JavaScript的使用都受到限制,但是AMP JS组件的数量非常多,因此您将能够涵盖网站的大部分功能。稍后我们将深入探讨这一部分的大部分内容。
  • Google AMP:第三个是AMP Google缓存。如果您的网页符合所有要求并通过了AMP验证测试,则Googlebot会将其编入索引并将其添加到Google CDN中。因此,当您在Google上搜索网页时,即使您的互联网连接不畅,该网页也会立即从AMP Google缓存中加载。

您应了解AMP代码的限制:

首先,您不能使用自定义样式和自定义/第三方javascript附加文件。 所有样式都必须写成特殊的

我需要在Magento上创建所有页面的AMP版本吗

快速答案,不,您不需要为商店中的所有页面制作AMP版本。在静态页面上实施AMP是有意义的,因为静态页面上的内容不会根据用户操作而改变,并且会显示在Google搜索结果页面上。

例如,创建Checkout或Cart页面的AMP版本没有意义,因为它们通常不用于SEO,并且包含许多自定义JavaScript,这是AMP标准所禁止的。

我们建议使用以下Magento页面的AMP版本:

  1. 所有类型的产品页面
  2. 类别
  3. 搜索结果页面
  4. CMS页面

如果您还没有自定义这些页面,那么它们将是静态的,并且是一些AMP的不错的选择。可以通过JS库和AMP组件轻松实现价格计算或与客户互动之类的更改。

如果您没有大量定制这些页面,那么它们是静态的,适合使用AMP。价格计算或与客户交互等更改可以通过js库和AMP组件轻松实现。

如何创建主和amp版本的网站的页面

现在,要创建站点页面的主版本和amp版本,需要为其分配两个不同的url。你可以在Magento中为amp版本创建自己的路由,或者在URL中添加一个“?amp =1”谷歌会将其视为一个新页面。我们更喜欢添加一个?amp=1参数,因为它更容易和更快。

如何通过模块创建 Magento AMP 兼容页面

本文参考并转载:https://magecom.net/how-to-create-accelerated-mobile-pages-in-magento-2/#c1