WordPress的Google AMP简介

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

Google AMP(加速移动页面)是一项颠覆性的新技术,旨在使网络更加友好,更快速,更可靠。本系列文章致力于探索Google AMP以及如何在WordPress中进行设置.


以下是我们将在本系列文章中讨论的内容列表:

  • 首先,我们将快速回顾当前的移动网络趋势-证明需要AMP
  • 我们还将简要介绍一下页面速度如何影响我们的业务,并了解AMP如何帮助您
  • 接下来,我们将学习什么是AMP,并查看一些可以做什么的现实示例。.
  • 那将标志着本文的结尾。在下一篇文章中,我们将学习如何为WordPress设置AMP

让我们开始.

Google AMP

在深入了解有关AMP的信息之前,您可以按照 WPCrafter 与我们的帖子相关的视频指南.

根据 2015年互联网趋势报告 由咨询公司KPCB发布的数据显示,2015年成年人平均每天在互联网上花费5.6个小时。其中,有2.8个小时是在移动设备上花费的。与2010年相比,这是一个显着的提高,当时平均每天只有0.4个小时通过移动设备在互联网上花费.

设备平均每日Internet使用量

资料来源:Ezoic

2010年至2015年间,移动互联网的平均使用量增长了600%

通过设备打开的电子邮件

资料来源:Ezoic

一项研究发表在 美国消费者设备偏好报告 发现 超过三分之二的电子邮件是在移动设备上打开的, 其中52%在智能手机上打开,而16%在平板电脑上打开.

数字媒体使用时间

资料来源:Ezoic

一个 2015年美国移动应用报告 comScore发布,发现 在移动设备上花费的总时间增加了90% 美国成年人在2015年至2013年之间的收入。同一份报告还指出,移动应用占数字媒体消费总时间的54%,移动浏览器又占总时间的8%.

总共,数字媒体使用时间的62%花费在移动设备上.

是的,移动优先策略是 非常 重要。现在让我们谈谈速度.

加载时间很重要–它们很重要。这是一个可能影响其他重要因素的关键因素,例如收入,跳出率,网站停留时间,搜索排名和几乎所有其他数字营销渠道的效果.

由于收入是任何企业或网站的最终目标,因此2014年的一项研究有趣的事实是 “网站速度正在损害所有人的收入”, 由数字营销公司Protent进行。该研究的重点是 更快的页面可以赚更多的钱.

网站速度

资料来源:Protent

将载入时间从8秒减少到5秒(减少37.5%),每页浏览量(称为DPPV)的美元增加了20%.

但是真正的胜利是在页面加载时间少于一秒或更短的时间内实现的。从两秒到一秒的加载时间会导致 提升2倍 每浏览量美元.

不仅收入,网站速度还影响 社交分享表现. Protent的家伙进行了一个不太详尽的实验,他们将100次点击(来自Facebook Ads)发送到了两个页面上.

页面A在2秒内加载,页面B在4秒内加载。你猜怎么了?网页A获得10股,而网页B仅获得2股。尽管样本量太小,无法验证假设,但确实可以说明一个重要的故事!

目睹移动互联网市场的爆炸性增长,对更快的Internet访问速度,可访问性和可靠性方面更好的Web技术的需求变得至关重要。像Google这样的先驱很快意识到,要满足这种不断增长的需求,可以做很多事情,因此AMP项目诞生了.

什么是AMP?

放大器示例

资料来源:BusinessofApps.com

AMP或Accelerated Mobile Pages是一个开放框架,用于构建更快,标准化和响应更快的移动Web。 AMP的优点在于,它可以在现有Web技术之上运行,并且可以极大地改善移动用户的体验。这就是Google偏爱AMP网页并将其在SERP中排名更高的原因.

AMP如何提高速度?

网站速度矢量

AMP的开放框架旨在利用现有的网络技术并在其之上构建。这就是为什么它在WordPress之类的内容管理系统中可以立即使用的原因.

AMP遵循标准化的框架来构建网页,并确保所有现有网页都可以适应该框架。在更多 技术词汇, 它只允许异步脚本,不允许渲染阻止外部机制,只允许内联CSS等等.

简而言之,AMP首先(几乎立即)呈现网页的布局,并优先加载内容。它消除了所有等待资源,并大大减少了请求数量。当所有这些因素彼此完美协调地工作时,您将获得一个非常快的网站,几乎立即可以加载.

查看以下速度测试 由PenguinWP编译, 显示“ AMP效果”。使用AMP,他们能够:

  • 将PageSpeed得分提高3分
  • 将页面加载时间从5秒减少到1.4秒减少72%!
  • 将页面大小减少80%,将请求数量减少82%

这是共享数字的表格:

PageSpeed得分加载时间总页面大小要求
原始版本9251024118
AMP版本951.420621
AMP的区别3-3.6秒-794KB-97
百分比改善3%-72%-80%-82%

内容保存

AMP旨在使网络更加美观,并且对移动设备的响应速度更快。它通过删除现有Web技术的一些非必要功能来做到这一点.

这并不意味着现代网络的所有炫酷功能都将被淘汰。不,只是 迁移 将所有这些丰富的内容功能集成到具有最小摆动空间的标准化框架中.

AMP完全支持图像轮播,地图,社交插件,数据可视化和视频,使发布者的故事更具互动性并脱颖而出.

案例研究:华盛顿邮报

瓦波

资料来源:AMP项目

让我们看一下AMP与《华盛顿邮报》的案例研究。实施AMP后,The Post的移动搜索回访用户数量增加了23%。这需要一些解释.

The Post的流量中有近55%来自移动设备,这与本文开头共享的统计数据再次保持同步。如果3秒钟之内未加载数据,人们就会开始离开.

传统上,51%的移动搜索用户会在7天内返回《华盛顿邮报》。对于阅读AMP中发布的故事的用户,该数字跃升至63%。因此,有了AMP,移动搜索流量的保留量增加了23%.

不仅如此,页面加载时间平均为400毫秒,这比AMP后提高了88%。今天,他们通过AMP推送了1000多篇文章.

大。如何访问AMP?

您可以通过在任何网页的URL后面附加“ / amp”来访问任何网站的AMP版本。如果该网站不支持AMP或出现渲染错误,则设计为 优雅地降级 网站的原始移动响应版本.

内容分配

内容向量图形

“也称为AMP文章的免费CDN”

Google的这项免费服务被称为Google AMP Cache,使发布商可以托管其内容,同时可以通过Google的高性能全球缓存网络进行有效分发。换句话说,这就像AMP网站的免费CDN.

大。它是如何工作的?

Google特别重视与AMP兼容的网页。当您开始为网站页面的AMP版本编制索引时,Google会将其存储在称为“ AMP缓存. 您仍然拥有内容,Google只是伸出援助之手,将其提供给世界各地。关于缓存内容的更新,这是Google必须说的:

“每次用户从缓存访问AMP内容时,内容都会自动更新,并且一旦缓存了内容,更新的版本就会提供给下一个用户。”

我们如何访问它?

好的,我们等着瞧。如果您具有网页的URL,则首先需要检查是否启用了AMP。您只需在URL中添加“ / amp”即可。这是有关如何获取任何经过AMP认证的网站的Google AMP缓存URL的快速公式.

  1. 通过在网址后附加“ / amp”来获取网页的AMP版本。如果有效,请继续执行下一步。其他地方.
  2. 如果显示404页面,则表明该网站尚未实施AMP.
  3. 如果看到内容正在加载,则说明已安装AMP.
  4. 要从Google AMP缓存中获取内容,只需附加 https://cdn.ampproject.org/c/ 到AMP URL的开头(不包括“ www”部分).
  5. 以主要域名开头(不包括“ www”)并复制网页的AMP URL.
  6. 附加 https://cdn.ampproject.org/c/s/ 网址,这应该为您提供Google AMP缓存网址.

让我们以福布斯文章为例,并用上述公式进行测试.

  • 这是原始的《福布斯》文章网址:
http://www.forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/
  • 要获得AMP版本,我们只需添加 / amp 到原始网址.
http://www.forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp/
  • 现在,要获取Google AMP缓存URL,我们首先从主域名开始复制AMP URL,即不包括“ www”部分,一直到结尾。这给了我们:
forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp/
  • 接下来我们添加 https://cdn.ampproject.org/c/s/ 到该URL以获取同一页面的Google AMP缓存URL.
https://cdn.ampproject.org/c/s/forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp

签出来,就可以了!

智能广告

线上广告

创建高质量的内容需要大量的资源。广告可帮助资助网络上的免费服务和内容。 AMP旨在整合这一想法,并与 超过75个主要的广告网络.

AMP支持广泛的广告格式,广告网络和技术。所有使用AMP的网站都将保留他们选择的广告网络以及任何不会影响用户体验的格式.

分析工具

eo

发布者在与内容进行交互时还需要了解用户的行为。这就是为什么AMP也可以与 超过25家顶级分析解决方案提供商 例如comScore,Google Analytics(分析),Krux等.

amp支持的分析平台

AMP支持的分析提供程序(自1起) 2016年11月; 资料来源:AMP项目

结论

领先的内容生成,聚合和分析平台已开始在其网站中实施AMP。 Twitter,Pinterest,WordPress.com,Chartbeat,Parse.ly,Adobe Analytics和LinkedIn是计划集成AMP HTML页面的第一批技术合作伙伴。谷歌还计划使Google新闻成为AMP优先平台.

有趣的是,这个雄心勃勃的项目将如何演变改变网络的未来.

我个人很喜欢AMP页面的概念。与阅读可移动网站的同类网站相比,阅读它们非常高兴,消耗的数据少得多,并且以完全不干扰用户的方式展示广告.

使用AMP,阅读,消费和共享内容变得更加简单和有趣。在下一篇文章中,我们将学习如何将AMP与WordPress集成.

您对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