在互联网上冲浪和浏览应该是快速而简单的。网站管理员一直在努力通过优化网站性能和提高网站速度来实现这一目标,而实现此目标的一种好方法是使用AMP for WordPress。网站主要是为更大的屏幕设计的。但是,较小的屏幕数量正在增加,甚至超过了笔记本电脑和个人计算机。手机现在占数字媒体时间的65%。手持设备需要的页面加载速度与在大屏幕上的加载速度一样快,甚至更快。

为了满足对快速加载内容的这种需求,可以在Apple(新闻),Facebook(即时文章)和Snapchat(发现)上使用针对特定移动平台设计的应用程序。今年年初。Google引入了加速移动页面(AMP),以加速移动内容的交付并提供更好的用户体验。

什么是AMP?

AMP项目由Google于2015年10月宣布,并于2016年2月启动。这是一个开放源代码计划,它使发布者可以创建一次移动优化内容,并将其立即加载到移动网络的任何位置。2016年2月24日,Google开始在其移动搜索结果页面的轮播中部署与AMP兼容的内容。用户可以滑动转盘,然后点击要阅读的项目。Pinterest报告说,这些页面的速度是普通移动优化页面的4倍,使用的数据量则少了8倍。由于页面的格式化和传递方式,这是可能的。

AMP介绍

截止2016年8月,Google搜索索引中有超过1.5亿个AMP文档,并且以每周400万个的速度增长。8月初,谷歌还开始预览Google放大内容的搜索。它期望在今年晚些时候更广泛地实施它。

哪些网站应该使用AMP?

2月,该项目开始面向发行商。但是AMP的采用已经远远超出了出版业,已经扩展到娱乐,旅行,电子商务等领域。早期采用者收到了好评的报告。《华盛顿邮报》报道,AMP文档的加载时间缩短了88%,移动回访用户数量增加了23%。eBay是转向AMP的主​​要电子商务公司之一,拥有近1500万个基于AMP的产品浏览页面。很快,这些页面有望在搜索中被发现。

那么哪些网站应该使用AMP?绝对是那些严重依赖移动设备来吸引流量的公司。但是考虑到越来越多的用户选择使用移动设备浏览WordPress(或任何网站)的Internet AMP,可能是一个不错的选择。

AMP有什么不同?

此内容交付系统基于AMP HTML框架,并且比通常的HTML更快,因为:

  • 它是标准HTML框架的精简版本,减去所有JavaScript内容。对于JavaScript,该框架依赖于通用的AMP JS库。
  • 内容被缓存并存储在公共云中,因此消除了从服务器进行查询和获取所需的时间。

还有许多不同之处,但是这里提到的两个应该使你快速而广泛地理解。

为什么发布者和博客应该启用用AMP?

只要阅读移动设备上缓慢加载的页面对于用户而言仍然是令人沮丧的体验,发布者就会损失从移动广告上获得的收入。AMP将帮助在网站上吸引并留住较长时间的访问者,并有可能带来点击收入。AMP页面出现在闪电图标旁边,以将其从普通网页中标记出来。查看器单击此选项,将直接进入AMP查看器中的AMP页面。不仅如此,内容还将立即在Google搜索中提供,并可以通过Twitter,LinkedIn,WordPress,Parse.ly,Adobe Analytics,Nuzzel和Pinterest等社交平台进行访问。

此外,发布商将有权访问Google Analytics(分析)以观察其网页的效果。他们可以挑选出自己的最佳内容,并使用它们来优化网站性能和用户体验。AMP提供了另一个优势,因为它兼顾了高性能和用户体验,因此发布者资源可以集中在提供出色的内容上。

AMP需要哪些优化?

实际上,AMP是Google要求的统一的网站优化方法。为了使网页符合AMP,你需要进行各种优化:

  • 只允许使用异步JavaScript,以防止其延迟页面渲染。这意味着你不能使用自己创建的任何JavaScript,而必须依靠AMP元素来处理页面的交互式内容。允许在iframe中使用JS,但前提是它不妨碍呈现。
  • 静态调整所有资源的大小 – AMP加载页面时无需等待图像和iframe等资源下载。这些资源的大小必须用HTTP声明,因此在开始下载之前就知道这些资源的大小和位置。
  • 不要让扩展机制阻止渲染 –如果页面中要包含任何扩展,则自定义脚本必须将其告知系统。因此,即使在AMP知道要包含的内容之前,也会为扩展创建一个空间。灯箱,Instagram嵌入和tweet的扩展很好,因为它们不阻止页面呈现,即使它需要其他HTTP请求也是如此。
  • 将所有第三方JavaScript排除在关键路径之外 –仅在沙盒iframe中允许使用自定义JavaScript。这样,它不会阻止主页加载。
  • 所有CSS必须按内联大小限制 -这有助于减少关键路径中HTTP请求的数量。
  • 字体加载必须高效 -AMP系统在字体开始下载之前不允许HTTP请求。
  • 最小化重新计算的大小 –重新计算会延迟渲染,因此必须将其最小化。
  • 仅运行启用GPU的动画 –所有动画都必须能够在GPU(图形处理单元)上运行。
  • 优先资源加载 –首先加载所需内容,并尽快获取广告和图像,但仅在需要时加载。这样,对CPU的需求就保持在最低水平。
  • 即时加载页面 -预渲染会占用大量带宽和CPU。AMP预渲染仅首先加载所需的内容,并仅在需要时才下载第三方iframe和其他资源。

将提供标准范围的广告格式,广告网络和技术。同时,发布者还可以选择自己的格式,只要这不会影响速度。

如何为WordPress添加AMP?

Google提供了一个教程,你可以参考该教程来创建基本的AMP HTML页面,对其进行分级,验证它们是否符合AMP,发布和分发它们。验证AMP页面非常重要,因为这样,像Twitter和Instagram这样的第三方就可以确信该页面将在其平台上很好地显示。

就WordPress.com上托管的网站而言,WordPress自动支持它们,而无需执行任何其他操作。自托管的WordPress网站可以通过安装插件为WordPress启用AMP。

AMP WordPress插件,由Automattic提供

WordPress的AMP插件

在WordPress网站上下载,安装并激活AMP插件后,你的帖子将自动具有动态生成的AMP版本。你可以通过在网址末尾附加amp(example.com/my-post/amp)来访问这些页面。如果你尚未启用漂亮的永久链接,则在链接中添加?amp = 1 (看起来像example.com/?p=100&=1)。唯一的其他步骤是如上所述测试和验证你的页面。

你完全不会注意到此插件的任何设置或功能。AMP Analytics新增了一个仪表板选项,你可以在其中粘贴自己的JSON配置代码,但仅此而已。

该插件是Automattic稳定版的官方插件,目前不支持页面和档案,也无法自定义页面。但这是一个非常简单易用的选项,你可以通过Github上的文档找到一些自定义指南。

WP的AMP –加速的移动页面

WordPress的AMP插件

另一个很棒的免费选择是AMP for WP。这个免费的WordPress插件提供了快速简便的设置-只需安装,启用设置并开始自动为你的网站生成AMP。此插件还兼容多站点。

有用于启用AMP(帖子,页面,档案),添加移动广告区域,结构化数据(SEO的重要组成部分),Yoast SEO元标签集成,高级索引/无索引选项,推送通知,本机的内置设置AMP注释,自定义AMP翻译(如果你使用英语以外的其他语言,则需要更新它)等。对于很棒的免费插件,设置非常全面。

最棒的是,此插件确实提供了设计选项,因此你可以自定义AMP输出的外观。使用随附的默认AMP主题,或使用其AMP主题框架创建自己的同类设计。AMP for WP还提供高级扩展以添加功能(例如号召性用语或AMP缓存),并支持流行插件,包括WooCommerce,高级自定义字段和联系表7。

应该为WordPress添加AMP吗?

尽管AMP不是必须要由Google发现的网页,但很明显,Google最终将致力于以更广泛的方式实施AMP项目。目前,是否符合AMP并不是Google进行搜索排名的单独因素。尽管可以合理地假设它在某个时候很重要,如果你牢记页面加载速度是搜索引擎排名的一个因素,那么如果你想成为移动互联网的一员,你实际上没有太多选择。如果搜索引擎排名对你很重要,那么使用AMP方式的所有第二念头可能就会消失。

但是,要成为该项目的一部分,就必须严格遵守Google要求的格式,而这可能并不是每个人的功劳。它限制了你可以在网站上放置的内容,并使所有博客显得有些统一且缺乏个性。不允许某些动画,并且不支持表单。就登陆页面而言,AMP可能根本不是一个好主意。此外,可能有一些网站强调美学和品牌性而不是速度,而AMP可能被证明是阻尼器。如果你想为用户创造一种快速而引人入胜的体验,并使他们停留更长的时间,则需要认真考虑WordPress的AMP(或你可能会运行的任何其他类型的网站)。如果你想弯腰Google搜寻页面上AMP轮播上的某个地点,请跳至AMP潮流。