17713433920 info@mac163.com

欢迎使用WordPress AMP指南的第二部分。在上一篇文章中,我们了解了移动优先网络策略的重要性以及AMP如何成为潜在的游戏规则改变者。在今天的指南中,我们将学习:

  • 如何将AMP与WordPress集成
  • 用于定制AMP的最佳WordPress插件
  • 我们真的需要在我们的WordPress网站中实现AMP吗?

让我们开始吧。

AMP for WordPress视频指南

从我们系列中最后一篇文章的结尾处摘录,您可以跟随WPCrafter的视频,了解如何通过WordPress网站轻松设置AMP。亚当的视频将带您完成指南的每个步骤–尽情享受!

如何为WordPress设置AMP

为WordPress设置AMP是一个非常简单的过程。您需要做的就是安装Automattic开发的WordPress AMP插件,其余的将紧随其后。

  • 转到WordPress仪表板>插件>添加新
  • 搜索“ AMP”

选择插件,然后单击立即安装

激活插件后,您网站上的所有帖子URL都将具有AMP版本。您可以转到任何文章的链接,在URL末尾附加/ amp /,您将看到AMP版本。

让我们看一下网页的普通版。

这是同一页面的AMP版本:

就是这样–您已经在WordPress中成功设置了AMP。很难相信这么简单,不是吗?

但是,如果您没有   启用漂亮的永久链接,则可以通过在帖子的链接后附加?amp = 1来获得amp版本  。例如,帖子的链接为:

  • 普通版: http : //example.com/2016/01/01/hello-mobile-web/
  • AMP版本: http : //example.com/2016/01/01/hello-mobile-web/amp/
  • AMP版本(禁用了漂亮的永久链接): http : //example.com/2016/01/01/hello-mobile-web/?amp=1

AMP插件在“常规” HTML页面的头部添加了一个标准的meta标记,这使Google和其他搜索引擎可以识别页面的AMP版本。它使用您可以在WordPress Theme Customizer中设置的网站徽标。

请务必注意,该插件仅支持将帖子转换为AMP版本。根据2016年11月1 日访问的插件说明,对AMP版本的WordPress页面的支持正在开发中,并将很快推出。

衡量AMP性能影响

我们决定评估Pingdom页面的AMP版本对性能的影响。结果有很大的不同。请记住,我们的WordPress设置是在共享托管环境中使用默认的二十四主题,没有安装缓存或优化插件。

以下屏幕截图显示了页面基本版本的性能基准:

这是页面的AMP版本的结果:

结果是截然不同的。

每个组件都经历了巨大的改进:

  • 页面大小减少70%
  • 加载时间减少了35%,不到900毫秒
  • 没有任何请求减少了近60%,从17个减少到7个!

所有这些都是由AMP实现的,同时保留了页面的内容。下表捕获了测试的详细信息,以供您参考:

因子 正常 安培 改善
页面大小(KB) 563.8 167 70%
加载时间(秒) 1.42 0.929 35%
要求数量 17 7 59%

从这些数字来看,很明显,获得AMP毫无疑问。它不仅有助于提高您的SEO分数,还可以提供美观,整洁的用户体验。

此外,您还可以在页面的AMP版本中包括跟踪机制。我们将在下一节中介绍。

扩展AMP的能力

虽然为读者优化内容是一种很好的做法,但保持品牌一致性也很重要。这意味着即使您现有内容的AMP版本也应遵循您品牌的配色方案,字体和常规用户界面。

AMP WordPress插件没有进行此类更改的选项。其目的是提供一种快速简便的方法,使您现有的整个WordPress内容与AMP兼容–这项工作做得很好。

输入AMP的WP-加速的移动页面插件。

这个免费的插件通过提供其他功能扩展了WordPress中AMP的功能,例如:

  • Google Analytics(分析)整合
  • 支持AMP WooCommerce页面
  • 帖子下方的相关帖子
  • 最近评论列表
  • 自定义徽标上传
  • 社交分享栏
  • 支持嵌入丰富的内容,包括视频和来自YouTube,Instagram,Twitter,Vine等内容平台的内容。

前提条件是,该插件要求您安装并激活AMP插件才能正常运行。像往常一样,您可以像在本文开头安装AMP插件的方式安装此插件。

激活后,您就可以配置插件必须提供的各种选项。转到WordPress仪表板> AMP以访问设置。

如何在wordpress中设置amp
如何在wordpress中设置amp

在插件提供的众多设置中,我们尝试了:

  • 开启评论
  • 添加相关帖子
  • 在下一个/上一个帖子中添加导航

这是保存更改后AMP版本的屏幕截图:

这是表演:

这是香草AMP页面的屏幕截图,用于比较:

加载时间进一步减少了7.4%。有趣的是,尽管页面大小和请求数量略有增加,但总体绩效等级有所提高(提高了3分)。

总而言之,如果您认真地努力推动AMP并使您的内容,广告和分析与该平台一起正常工作,则此插件非常有用。

结论

由于手机使用的爆炸性增长,在过去几年中,它不再是一个选项为网上商家去移动先行。这是绝对必要的。加速移动页面项目是为实现这一目标而进行的宏伟努力,越来越多的媒体机构正在迅速适应这一目标。

对于较新的博客而言,合并AMP更为简单,但包含数千页内容的博客肯定会特别具有挑战性。原因很简单–并非每个人都在网上发布时遵循适当的标准。组织不断发展。即使是五年前“炙手可热”的网络技术,如今也已过时。尽管AMP尽最大努力在现有Web技术的基础上构建,但可能存在多种情况,其中存在一些不兼容/错误。这些错误可能会对您的SEO分数产生不利影响。

理想情况下,企业应该衡量其传入流量来源-其中百分之多少来自移动设备?其中有多少来自移动搜索?移动访问者的跳出率是多少?这些是您在考虑AMP之前应该提出的问题。

如果您确信网站的内容在技术上根据最新标准进行了结构设计,那么无论如何–继续使用AMP!您只会提高您的SEO。

但是,如果您知道内部配置错误,链接断开和错误很多,则最好在进行AMP之前解决(并可能解决)这些问题。

您对AMP有何看法?您是否使用它来消费内容?您是否在网站中实现了它?我们很乐意听取您的意见!


微信二维码

扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答:WP主题推荐,WP网站建设,Google SEO,百度SEO,专业服务器环境搭建


需要提供WordPress主题/插件的汉化服务可以随时联系我们!另外成品WordPress网站以及半成品WordPress网站建设,海外Google SEO优化托管服务,百度SEO优化托管服务,Centos/Debian服务器WP专用环境搭建,WP缓存服务器搭建,我们都是你的首选,拥有多年WP开源程序服务经验,我们一直在坚持客户体验,没有最好,只有更好!
Mac163网站建设,需要帮助点击我!
  • 17713433920
  • 在线客户
  • 联系邮箱
  • 扫一扫,加好友

关闭搜索
购物车
回到顶部