如何在WordPress中设置AMP

  1. 1个. WordPress的Google AMP简介
  2. 2. 当前阅读: 如何在WordPress中设置AMP

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


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

让我们开始吧.

AMP for WordPress视频指南

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

如何为WordPress设置AMP

amp-plugin-wordpress-hero

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

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

选择插件,然后单击 现在安装

如何安装ampwordpress插件

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

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

测试站点没有amp_rz

这是同一页面的AMP版本:

测试站点amp_rz

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

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

  • 普通版: 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主题定制器.

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

衡量AMP性能影响

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

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

测试站点没有amppingdom

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

测试站点amppingdom

结果令人惊讶.

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

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

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

因子 正常安培改善
页面大小(KB)563.816770%
加载时间(秒)1.420.92935%
要求数量17759%

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

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

扩展AMP的能力

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

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

输入 WP的AMP –加速的移动页面 插入.

amp for for wp-plugin-2-hero

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

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

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

amp-for-wp-plugin-2-install-activate

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

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

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

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

放大器for wp插件2-英雄测试页500 px

表演如下:

放大器for wp插件2速度测试

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

测试站点amppingdom

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

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

结论

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

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

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

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

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map