You are here:  Home » PHP » 如何在WordPress网站上正确设置Google AMP

您想在WordPress网站设置Google AMP吗?加速移动页面或AMP是一种在移动设备上加快网站加载速度的方法。快速加载网站可提供更好的用户体验,并可改善您的流量。在本文中,我们将向您展示如何在WordPress中设置Google AMP。

Google AMP for WordPress

什么是Google AMP?

Google AMP代表Accelerated Mobile Pages。这是一项由Google和Twitter等技术公司支持的开源计划。该项目的目标是使移动用户更快地加载Web内容。

对于许多移动用户来说,在网上阅读通常很慢。尽管网站所有者为加速其网站所做的一切努力,大多数内容丰富的网页仍需要几秒钟才能加载。

Accelerated Mobile Pages (AMP) in search and browser view

Accelerated Mobile Pages或AMP使用极少的HTML和有限的Javascript。这允许内容托管在Google AMP Cache上。然后,Google可以在用户点击搜索结果中的链接时立即向用户提供此缓存版本。

它与Facebook Instant Articles非常相似。但是,Instant Articles仅限于Facebook的平台,更具体地说,仅限于他们的移动应用程序。

Accelerated Mobile Pages与平台无关,可供任何应用,浏览器或Web查看器使用。目前它被谷歌,Twitter,LinkedIn,Reddit和其他人使用。

Google AMP(加速移动页面)的利弊

搜索引擎优化专家声称,加速移动页面将帮助您在Google中排名更高,并改善移动用户在慢速互联网上的用户体验连接。但是,对于网站所有者,博主和营销人员来说,这是一些挑战。

AMP使用有限的HTML,JavaScript和CSS集。这意味着您无法向移动AMP网站添加某些小部件和功能。这限制了您添加智能电子邮件optin表单,Facebook类似框和其他动态脚本的能力。

虽然Google AMP支持Google Analytics,但它不支持许多其他分析平台。同样适用于仅限于少数广告平台的广告选项。

尽管存在局限性,但谷歌正在通过推动AMP网页推动移动搜索。

如果您的流量中有很大一部分来自移动搜索,那么您可以通过添加AMP支持来改善和维护您的SEO

注意:网站上有一些关于Google AMP的投诉。

首先是Alex Kras,他声称如果您启用Google,可能会失去移动流量AMP。彻底阅读这篇文章,因为这是一个巨大的问题,尽管Google Tech Lead for AMP项目已经说过,但我们认为没有任何好的解决方案可以解决这个问题。

第二个是Terrence Eden,它强调了如果你将来改变主意,从Google AMP切换回来的困难。我们不相信这是一个主要问题,因为你可以做一个301重定向,有几个已经在他的博客文章的评论部分指出,但是你需要考虑它。

对于上面的原因,我们还没有将WPBeginner切换到Google AMP。

然而,由于我们的一些读者询问如何在WordPress中设置Google AMP,我们已经逐步创建了如何在WordPress中设置加速移动页面的过程。

Video Tutorial

订阅WPBeginner

如果您不喜欢该视频或需要更多说明,请继续阅读。

在WordPress中设置加速移动页面或AMP

首先,您需要安装并激活AMP插件。有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。

激活后,您可以转到外观»AMP 页面,了解您的网站在使用AMP的移动设备上的外观。

Settings page for WordPress AMP plugin

您可以在此页面上更改标题背景和文本颜色。您选择的标题背景颜色也将用于链接。

如果您的主题支持,该插件还将使用您网站的图标或徽标。有关如何在WordPress中添加favicon或网站图标的详细说明,请参阅我们的指南。

不要忘记单击“保存”按钮来存储更改。

您现在可以访问您网站上的任何一篇帖子,并在网址末尾添加 / amp / 。像这样:

http://example.com/2016/10/my-blog-post/amp/

这将显示同一帖子的精简版AMP。

AMP mobile preview

如果你查看原始帖子的源代码,你会在HTML中找到这一行:

< link rel =“amphtml”href =“http://example.com/2016/10 / my-blog-post / amp /“/>

此行告诉搜索引擎和其他AMP消费应用/服务在哪里查找页面的AMP版本。

故障排除:

如果您在尝试查看放大器版本时看到404错误,那么您需要执行此操作。

访问设置»您的WordPress管理员中的永久链接页面,然后单击“保存更改”按钮。请记住,请勿在此处更改任何内容,只需按“保存”按钮即可。这将刷新您网站的永久链接结构。

在Google Search Console中查看加速移动页面

想知道您的加速移动页面在Google搜索中的效果如何?您可以使用Google Search Console轻松查看此内容。

登录您的Google Search Console信息中心,然后点击搜索外观»加速移动页面

Accelerated mobile pages in Google Search Console

如果您没有立即看到您的AMP结果,请不要担心。Google可能需要一段时间才能为您的加速移动页面编制索引,然后在Search Console中显示数据。

扩展和自定义加速移动页面

WordPress的AMP插件提供非常有限的自定义选项。但是,您可以使用其他一些WordPress插件来添加更多自定义项。

如果您已经在使用Yoast SEO,那么您需要安装并激活胶水用于Yoast SEO&AMP。

它是Yoast SEO和AMP插件的附加插件。激活后,您需要访问 SEO»AMP 页面来配置插件设置。

Yoast SEO AMP Addon

该插件允许您为其他帖子类型启用AMP支持。

在设计选项卡上,您可以选择颜色和设计选项。您还可以上传徽标和默认标题图像,当帖子没有自己的精选图片时将使用该图标。

Design tab for AMP using Yoast AMP addon

您可以切换到“分析”标签以添加Google Analytics ID。

不要忘记单击“保存设置”按钮来存储更改。

还有更多插件可以让您在AMP页面中添加相关的帖子,页脚小部件甚至社交媒体图标。

但是,您需要确保在安装任何插件后验证AMP页面。

我们希望本文能帮助您了解如何在WordPress上设置加速移动页面(AMP)。您可能还希望查看我们列出的19个可操作提示,以便为您的WordPress网站带来流量。

评论被关闭。