WordPress中使用加速移动网页(AMP)的指南

什么是AMP?

多年来,人们浏览网络的方式都保持不变。几乎每个人都使用传统的电脑来访问网络。这使得网站开发和设计人员更易于进行工作,因为他们知道访客会以同样的方式来访问他们的网站。

但是随着移动设备的出现,所有的事情都发生了改变。这些工具迅速在用户之间流行开来,意味着访客如今会通过不同设备的不同屏幕分辨率来访问同一个网站。为了提高市场竞争力,网站必须针对移动型浏览方式进行优化。

这就是加速移动页面(AMP)能够派上用场的时候了。

AMP由Google和其他几家企业共同研发,旨在帮助开发人员创建能够在移动设备上良好运行的网站。这是一个开源的项目,意味着虽然AMP在2015年底才出现,但是它的规模和功能会随着时间的推移而不断地发展壮大。

AMP是怎样运作的?

正如许多开发人员所知的那样,针对移动设备优化网站并非易事,而要想设计一个能够在台式电脑,手机,平板电脑上显示和功能都很良好的网页更是难上加难。许多工具可以帮助您打造响应式的网站,允许您创建不同版本的网页,以适用于访客所选择的不同设备。

实际上这就是AMP的作用所在。一旦实施了AMP,您就创建了一个独立版本的页面,只能够在屏幕较小的设备上显示。

这些新页面是您网站标准页面的定制版本,将会针对移动设备进行高度优化。他们通过移除一部分功能来强调您的内容,并且确保页面足够简洁化以确保最佳的性能。

从技术层面而言,AMP是使用3个部分组成的:

1. AMP HTML:这是一个专门开发的HTML版本,其中包含专门用于提高性能的标签和限制。

2. AMP JS: 这是一个独特的Java库,该技术可以处理资源的管理和加载,以便页面得到更快速的呈现。

3.AMP缓存:通过这个内容交付网络(CDN),您的页面可以被“缓存”,以加快检索速度。

总之,这些技术共同为在其网站上使用AMP的用户提高了大量的帮助。How to Use AMP With WordPress (3 Useful Plugins)怎样通过WordPress使用AMP(3种有用的插件)

您在网站上集成和实施AMP的方式很大程度上取决于您使用的平台。如果WordPress是您选择的解决方案,您可以采取几个简单的方法开始使用AMP。与WordPress的情况相同,最好的办法是使用专门为该任务创建的一个或多个插件。 接下来自助建站资讯网将为您介绍其中的三个选项。

1.从Automattic的AMP插件开始

第一个插件是由WordPress背后的Automattic公司创建的,旨在通过为所有帖子创建与AMP兼容的版本,为您的网站增加AMP支持。当用户在移动设备上访问您的网站时,他们就会看到这些新帖子,这些帖子虽然使用的是同样的URL,但是却增加了/amp/ 功能。

值得注意的是该插件在适用范围上还有诸多限制,其只适用于您网站上的帖子–而非页面,归档或者其他类型的内容。

我的建议是,您可以在网站在测试一下这款插件的有效性如何。如果您遇到了问题,您可以尝试着添加一下我们下面介绍的两款插件。

开始时,您只需要下载该插件并将其安装在您的网站上。一旦被激活,它就会自动的创建现有帖子与AMP兼容的版本。在您的仪表盘上也会出现新的选项。依次点击Appearance 》 AMP,然后您就可以看到当访客使用移动设备访问时您的网站是什么样子的:

您可以在这里进行一些小小的改动,类似修改网站的标题以及颜色。如果您的主题中有网站的图标或者logo,那么这些也会被添加到AMP帖子中。保存好您所做的更改,然后您就可以查看网站的实际效果了。只需要在所有帖子的URL末尾加上 /amp/,您就能够获得一个准确的视图。

此外,您应该知道许多人在使用该插件首次预览他们的AMP帖子是会遇到404错误。如果您也受此影响,只需要依次点击Settings 》 Permalinks 并选择底部的Save Changes (保存)按钮。

2.在设置中添加Glue forYoast SEO & AMP插件

Yoast是一个大型的WordPress插件,可用于各种类型的网站以帮助您针对搜索引擎进行页面优化。使用 Yoast SEO是提高网站在Google页面排名的有效方法,而且还能给您带来许多流量。

Yoast搜索引擎优化用户都希望能够知道出Glue for Yoast SEO & AMP 插件的有效性。 这是一个简单的工具,可以帮助AMP和Yoast搜索引擎优化工作顺利进行。 它确保您的SEO元数据在AMP优化的页面上得到了正确实施,甚至还添加了一些新的自定义功能。

要想使用该插件,您需要安装Yoast SEO 插件。然后根据上面的安装指南进行操作并为WordPress配置AMP插件。当这两款插件都安装好之后,您可以下载该软件以将他们粘合在一起。这些工具能够自动运作,无需您进行任何操作。

此外, Glue for Yoast SEO & AMP插件还为您的网站添加了一些定制化的设置,您可以根据您的需求进行调整。您可以通过访问WordPress仪表盘访问SEO 》 AMP 来找到这些选项。您将会看到3个选项-Post types(帖子类型), Design(设计), 和 Analytics(分析):

第一个标签可以让您在网站上为不同的帖子类型启用或禁用相应的AMP版本。 在“Design (设计)”选项中,您可以找到一些添加图像,修改颜色和包含自定义代码的选项。 最后,Google Analytics 标签可以让您输入Google Analytics(分析)跟踪代码,将该工具与AMP页面关联起来。

3.试用高级版AMP for WP 插件

我们介绍的第一款插件AMP是由Automattic 自己开发的。同时,这也是一款非常基础的插件,并不适用于每个人的情况。幸运的是,您还有其他的选择–AMP for WP插件。

该插件是基础版AMP插件的扩展程序,拥有大量有用的功能和集成选项。您可以访问页面生成器,定制化AMP编辑器以及各种定制化的选项。它还能够支持页面,分类,标签以及集成了其他各种不同的工具(例如联系列表插件,SEO插件,谷歌广告联盟,分析工具等等)。

简而言之:如果您想要在不失去任何功能的情况下在网站上添加AMP,那么该插件就值得一试。

您可以在网站上下载并安装该插件;需要注意的是您需要先在网站上激活Automattic的AMP插件。一旦您启用了这两个插件,AMP for WP就能够为您提供大量的额外选项,您可以在网站新的AMP标签下面进行查看。

准备好了吗?

AMP相对而言依然是一项新技术,因此它必然有其局限性。AMP也是能够针对移动设备优化网站并改善用户体验的一种新的有效方法。

此外,您不需要费什么工夫就能够在WordPress网站上实施AMP,并轻松地让您的网站性能得到提升