当我们安装主题和插件时,都会向…
欢迎使用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以访问设置。
在插件提供的众多设置中,我们尝试了:
- 开启评论
- 添加相关帖子
- 在下一个/上一个帖子中添加导航
这是保存更改后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开源程序服务经验,我们一直在坚持客户体验,没有最好,只有更好!