加速的移动页面:适用于WordPress移动优化的AMP

WordPress的加速移动页面

在互联网上冲浪和浏览应该是快速而简单的。网站管理员一直在努力通过优化网站性能和提高网站速度来实现这一目标,而实现此目标的一种好方法是使用AMP for WordPress.


网站主要是为更大的屏幕设计的。但是,较小的屏幕数量正在增加,甚至超过了笔记本电脑和个人计算机。手机现在代表 数字媒体时间的65%. 手持设备需要的页面加载速度与在大屏幕上的加载速度一样快,甚至更快.

为了满足对快速加载内容的这种需求,可在Apple(新闻),Facebook(即时文章)和Snapchat(发现)上使用针对特定移动平台设计的应用程序。今年年初。谷歌推出了加速移动页面(AMP),以加速移动内容交付并提供更好的用户体验.

什么是AMP?

WordPress的AMP:AMP项目

AMP项目 被宣布 Google于2015年10月, 并于2016年2月推出。这是一个开放源代码计划,使发布商可以创建一次移动优化内容,并立即将其加载到移动网络中的任何位置.

2016年2月24日,Google开始在其移动搜索结果页面的轮播中部署与AMP兼容的内容。用户可以滑动转盘,然后点击要阅读的项目。 Pinterest报告页面是 比普通的移动优化页面快4倍,使用的数据少8倍. 这是可能的,因为页面的格式和交付方式.

截至2016年8月,Google搜索索引中有超过1.5亿个AMP文档,并且以每周400万个的速度增长。 8月初,Google还开始了 Google搜索放大内容的预览. 它期望在今年晚些时候更广泛地实施它.

WordPress的AMP:AMP搜索预览

搜索预览中的AMP

您可以在启用AMP的搜索中浏览快速加载页面 这里. 使用手机上的链接进行检查(不适用于台式机).

哪些网站应使用AMP?

2月,该项目开始面向发行商。但是AMP的采用已经远远超出了出版业,已经扩展到娱乐,旅行,电子商务等领域。.

早期采用者收到了好评的报告。 AMP文档的加载时间缩短了88%, 华盛顿邮报报道 手机回访用户数量增加了23%. 易趣 是转换为AMP的主​​要电子商务公司之一,拥有近1500万个基于AMP的产品浏览页面。很快,这些页面有望在搜索中被发现.

那么哪些网站应该使用AMP?绝对是那些严重依赖移动设备来吸引流量的公司。但是考虑到越来越多的用户选择使用移动设备浏览WordPress(或任何网站)的Internet AMP,可能是一个不错的选择.

AMP有何不同?

该内容交付系统基于AMP HTML框架,并且比通常的HTML更快,因为,

  • 它是标准HTML框架的精简版本,减去所有JavaScript内容。对于JavaScript,该框架依赖于通用的AMP JS库.
  • 内容被缓存并存储在公共云中,因此消除了从服务器查询和获取所需的时间.

还有更多区别,但是这里提到的两个应该使您快速,广泛地理解.

为什么发布者和博客应启用AMP

只要阅读移动设备上缓慢加载的页面对于用户而言仍然是令人沮丧的体验,发布者就会损失从移动广告上获得的收入。 AMP将帮助在网站上吸引并留住较长时间的访问者,并有可能带来点击收入.

AMP页面出现在闪电图标旁边,以将其从普通网页中标记出来。查看器单击此选项,将直接进入AMP查看器中的AMP页面。不仅如此,内容还将立即在Google搜索上提供,并可以通过Twitter,LinkedIn,WordPress,Parse.ly,Adobe Analytics,Nuzzel和Pinterest等社交平台访问.

此外,发布商将有权访问Google Analytics(分析)以观察其网页的效果。他们可以挑选出自己的最佳内容,并使用它们来优化网站性能和用户体验.

AMP的另一个优势在于它兼顾了高性能和用户体验,因此发布者资源可以专注于提供出色的内容.

AMP需要哪些优化

AMP实际上是 网站的很多优化 按照Google要求的统一方式进行。为了使网页符合AMP,您需要执行的各种优化是,

  • 只允许异步JavaScript –防止延迟页面渲染。这意味着您不能使用自己创建的任何JavaScript,而必须依靠AMP元素来处理页面的交互式内容。允许在iframe中使用JS,但前提是它不妨碍呈现.
  • 静态调整所有资源的大小 – AMP加载页面时无需等待图像和iframe等资源下载。这些资源的大小必须用HTTP声明,因此在开始下载之前就知道这些资源的大小和位置.
  • 不要让扩展机制阻止渲染 –如果页面中将包含任何扩展名,则自定义脚本必须将其告知系统。因此,即使在AMP知道要包含的内容之前,也会为扩展创建一个空间。灯箱,Instagram嵌入和推文的扩展很好,因为它们不阻止页面呈现,即使它需要其他HTTP请求也是如此.
  • 让所有第三方JavaScript脱离关键路径 –仅在沙盒iframe中允许使用自定义JavaScript。这样,它不会阻止主页加载.
  • 所有CSS必须按内联大小限制 –这有助于减少关键路径中的HTTP请求数量.
  • 字体触发必须高效–在字体开始下载之前,AMP系统不允许HTTP请求.
  • 最小化尺寸重新计算 –重新计算延迟渲染,因此必须将其最小化.
  • 仅运行启用GPU的动画 –所有动画都必须能够在GPU(图形处理单元)上运行.
  • 优先资源加载 –仅首先加载需要的内容,并尽快获取广告和图像,但仅在需要时才加载。这样,对CPU的需求将保持在最低水平.
  • 即时加载页面 –预渲染会占用大量带宽和CPU。 AMP预渲染仅首先加载所需的内容,并仅在需要时才下载第三方iframe和其他资源.

将提供标准范围的广告格式,广告网络和技术。同时,发布者还可以选择自己的格式,只要这不会影响速度.

如何为WordPress添加AMP

Google有一个 教程 您可以参考它们来创建基本的AMP HTML页面,对其进行分级,验证它们是否符合AMP,发布和分发它们. 验证AMP页面 这很重要,因为这样Twitter和Instagram之类的第三方有信心页面可以在其平台上很好地显示.

就WordPress.com上托管的网站而言,WordPress自动支持它们,而无需执行任何其他操作。自我托管的WordPress网站可以通过安装插件为WordPress启用AMP.

AMP WordPress插件,由Automattic提供

AMP WordPress插件,由Automattic提供

下载后,安装并激活 AMP插件 在WordPress网站上,您的帖子将自动具有动态生成的AMP版本。您可以通过以下方式访问这些页面 安培 在网址末尾(example.com/my-post/amp)。如果您尚未启用漂亮的永久链接,请添加 ?放大器= 1 链接(看起来像example.com/?p=100&amp=1)。唯一的其他步骤是如上所述测试和验证您的页面.

您完全不会注意到此插件的任何设置或功能。 AMP Analytics新增了一个仪表板选项,您可以在其中粘贴自己的JSON配置代码,但这就是所有的人.

该插件是Automattic稳定版的官方插件,目前不支持页面和档案,也无法自定义页面。但这是一个非常简单易用的选项,您可以通过以下方法找到一些指导 Github上的文档 用于定制.

WP的AMP –加速的移动页面

AMP for WP Free WordPress插件

另一个不错的免费选择是 WP的AMP. 这个免费的WordPress插件提供了快速简便的设置-只需安装,启用设置并开始自动为您的网站生成AMP。奖励–此插件还兼容多站点.

有用于启用AMP(帖子,页面,档案),添加移动广告区域,结构化数据(SEO的重要组成部分),Yoast SEO元标签集成,高级索引/无索引选项,推送通知,本机的内置设置AMP注释,自定义AMP翻译(如果您使用英语以外的其他语言,则需要更新它)等。对于非常棒的免费插件,设置非常全面.

最棒的是,此插件确实提供了设计选项,因此您可以自定义AMP输出的外观。使用随附的默认AMP主题,或使用其主题 AMP主题框架 创建自己的同类设计.

WP的AMP还提供 高级扩展 添加功能(例如号召性用语或AMP缓存)并支持流行的插件,包括WooCommerce,高级自定义字段和联系表格7.

为WordPress添加AMP的更多方法

当然,这不是将AMP添加到WordPress驱动的网站的唯一方法。其他可以帮助AMP for WordPress网站的插件包括:

  • WP AMP –创建无需编码的自定义AMP设计并增强SEO。你可以在这里读更多关于它的内容.
  • WordPress的加速移动页面(AMP)–为您的网站创建AMP主题.
  • 定制AMP –帮助自定义您的AMP内容.
  • Facebook即时文章和Google AMP页面 –通过广告和分析支持,直接从WordPress发布和管理您的内容到Google AMP Pages.
  • 酵母SEO和AMP的胶水 –确保默认的WordPress AMP插件使用正确的Yoast SEO元数据,并允许修改AMP页面设计.

您是否应该为WordPress添加AMP?

尽管AMP对于Google所发现的网页不是强制性的,但很明显,Google最终将致力于以更广泛的方式实施AMP项目。目前,是否符合AMP并非是 Google搜索排名. 尽管可以合理地假设它在某个时候很重要,

如果您牢记页面加载速度是搜索引擎排名的一个因素,那么如果您想成为移动互联网的一员,您确实没有太多选择。如果搜索引擎排名对您很重要,那么使用AMP方式的所有第二种想法可能都会消失.

但是,要成为该项目的一部分,就必须严格遵守Google要求的格式,而这可能并不是每个人的功劳。它限制了您可以在网站上放置的内容,并使所有博客显得有些统一且缺乏个性。不允许某些动画,并且不支持表单。就登陆页面而言,AMP可能根本不是一个好主意。此外,可能会有网站强调美学和品牌超​​越速度,而AMP可能被证明是减震器.

但是,如果您想为用户创造一种快速而引人入胜的体验并让他们停留更长的时间,则需要认真考虑WordPress的AMP(或您可能会运行的任何其他类型的网站)。如果它是您要弯角的Google搜索页面上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