来自东京的问候,以及我们第三届年度 AMP 大会!在接下来的两天里,将有 500 多名开发者加入我们,聆听 50 位演讲者分享他们如何使用 AMP、他们学到了什么以及未来的发展方向。随着项目拥有 **超过 850 位代码贡献者** 以及数十亿个 AMP 网站,AMP 团队比以往任何时候都更加积极地朝着我们的愿景迈进,即永远构建一个强大的以用户为中心的开放式网络。随着去年宣布的新治理模式,网络上的领先声音将确保该项目旨在满足开发者和用户的需求。
AMP 代表着网页上的出色用户体验
名称的意义何在?当 AMP 在 3 年多前启动时,加速移动页面非常贴切。但 AMP 不仅仅是加速网页体验,它还推动了整个网络的卓越用户体验。而且,*移动* 手机只是 AMP 支持的众多设备之一,包括台式机和平板电脑。此外,凭借沉浸式故事、动态电子邮件和更好的广告,我们已经远远超出了最初的 *页面* 名称。
展望未来,AMP 项目将简称为 AMP - 无需缩写,只是一个代表速度和整个网络上出色用户体验的词语。您将在我们新推出的 AMP 资源中心 amp.dev 中看到这一点,您可以在那里了解开发者使用 AMP 构建的各种体验。
通过针对 网站、故事、电子邮件 和 广告 的文档部分,开发者可以快速找到他们需要的内容。我们还加强了网站的资源,包括导入之前位于 ampbyexample.com 和 ampstart.com 上的模板和示例,并提供新的资产,例如用例部分,其中包含展示 AMP 的可能性以及可下载的演示。
让 AMP 更加强大
从本质上讲,网络由 3 个主要元素组成:HTML、CSS 和 JavaScript。自从 AMP 创建以来,使用 AMP 进行开发只能让您访问 HTML 和 CSS,以确保页面保持高性能和安全。现在,由于一项名为 WorkerDOM 的技术,这种情况正在改变,它将完整的 JavaScript 集成到 AMP 中。 新的 amp-script 组件 使您能够从 AMP 文档中运行 JavaScript,同时确保体验保持安全和快速。
但是,JavaScript 现在以多种方式使用,而不仅仅是客户端:创建 AMP 页面的最流行方法之一是通过 React 服务器端渲染。为了支持这种用例,我们很高兴地分享,Next.js(最流行的 React 框架之一)正在获得对 AMP 的一流支持。事实上,nextjs.org 完全使用 AMP 构建!
此外,AMP 现在正在利用另一项网络技术,即网络打包,该技术允许发布者从自己的域获取 AMP 的即时加载。我们已经听到反馈,来自 Google 搜索的 AMP URL 可能令人困惑或存在问题,并且去年开始使用签名交换来解决这个问题。我们现在很高兴地宣布,签名交换支持将在 Google 搜索中推出,所有支持这项新技术的浏览器用户(目前是基于 Chromium 的浏览器)以及所有提供签名交换的网站都可以使用。这意味着您现在可以在自己的域上获得 AMP 的即时加载!在 这篇 Google 网站管理员博客文章 中查看更多详细信息,或者访问 Cloudflare,该公司最近宣布他们通过一项名为 AMP Real URL 的新产品,为所有客户免费提供签名交换。
AMP 作为一项服务
AMP 的一个区别特征是,每天都有数百名开源贡献者和数十名全职工程师致力于让 AMP 变得更好。事实上,由于 AMP 团队和开源社区不断努力改进,这些改进每月多次通过 CDN 发布到所有 AMP 页面,因此您可以将“AMP 作为一项服务”视为软件即服务的概念。
这包括 AMP 始终通过诸如图像灯箱(默认情况下,许多图像都使用滑动关闭)以及模糊图像占位符(对于加载时间较长的图像,这是一种升级后的体验)等元素直接改进您的网站的方式。此外,AMP 提供了业界领先且易于集成的功能,例如输入屏蔽、视频停靠或列表的无限滚动。最后,我们正在引入一个单行 ServiceWorker,它是一个自动配置的 ServiceWorker,可以将任何 AMP 页面转换为 PWA。它针对 AMP 预先配置,因此可以开箱即用地为网络弹性和提高速度提供所有正确的功能,并且与 AMP 中的所有内容一样,它会随着时间的推移而变得更好。
通过速度推动投资回报率
我们认识到,AMP 的愿景植根于支持整个网络的发布者和广告商的长期成功。为此,我们看到了 AMPHTML 广告的巨大成功,AMPHTML 广告是使用 AMP 页面底层技术构建的广告。特别是,日本 DSP So-net 发现广告加载时间大幅减少,从而导致广告指标大幅改善,例如 CTR 提高了 34%。领先的西班牙报纸 EL PAÍS 与 大众汽车 合作进行了一项实验,将 AMP 页面、AMPHTML 广告和 AMP 着陆页结合在一起,结果导致转化率大幅提高了 76%。换句话说,当 AMP 确保用户体验出色时,每次获取的成本降低了 43%!
在线商家对于网络的健康和成功至关重要。 Shopify 是一个为 800,000 多家在线企业提供支持的平台,通过其应用程序平台支持 AMP。迄今为止,已有 20,000 多家商店安装了其中的 6 个应用程序,这些应用程序提供了 Shopify 店面的出色 AMP 版本。在 最近的博客文章 中查看这些 Shopify 应用程序的完整评论。
故事
我们在去年的 AMP 大会上宣布了 AMP 故事的开发者预览版。故事是一种全新的媒介,它真正诞生于移动设备,允许用户获得一种视觉内容体验,这种体验感觉像是他们手机的原生体验。虽然许多用户在应用程序中体验故事内容,但我们在过去一年的大部分时间里都在构建 AMP 故事格式的功能,以利用开放式网络故事产品的独特之处。 借助 AMP 故事,发布者拥有自己的内容,完全控制货币化,并根据自己的喜好设计和分发内容。在过去的一年里,我们看到许多发布者以这种格式创建了引人入胜的内容。本周,华盛顿邮报撰稿人 Lorenzo Tugnoli 因 他拍摄的丰富而引人入胜的照片而获得了普利策新闻奖特写摄影奖,这些照片捕捉了也门战争对人类造成的伤亡,这些照片以 AMP 故事的形式出现在报纸上。 AMP 故事的呈现方式非常引人注目,以至于它被提交给普利策委员会作为展示这些照片的官方文件。
在过去的一年里,我们添加了许多新功能,例如页面附件、侧边栏以及对桌面体验的更强大支持。故事广告(包括即将推出的程序化支持以及对联盟链接的支持)提供了更大的货币化灵活性。
我们还认识到,大多数 AMP 故事的创建者更愿意使用工具来创建他们的故事,而不是手动编写代码。我们对正在出现的强大工具集感到兴奋。这包括 MakeStories,这是一个用于制作故事的端到端所见即所得编辑器,本周在 makestories.io 上免费向所有人开放。此外,Unfold(最受欢迎的故事创建工具之一,拥有 1700 万次下载)正在将其产品的新高级版本中集成 AMP 故事支持,该版本将于 6 月推出。一个新的 WordPress AMP 插件 今天以测试版形式推出,它内置了一个用于 AMP 故事的所见即所得编辑器。在不久的将来,稳定版本将使所有 AMP 插件用户能够创建自己的故事,而无需安装任何其他插件。
确保精彩的故事可见且易于访问也是像谷歌这样的平台的首要任务,谷歌今天宣布将在搜索结果页面上创建专门的视觉故事模块。谷歌将从旅行领域的故事情节内容开始,并计划为游戏、电影、电视、时尚等领域推出更多模块。
电子邮件
最后,我们在去年的 AMP 大会上宣布了 AMP for email,旨在将交互功能引入电子邮件,该格式现已正式上线并可供企业使用。AMP for email 使电子邮件发送者能够在电子邮件中创建动态的交互式内容,为用户开辟了新的可能性,而无需离开他们的收件箱。动态邮件最近已提供给 Gmail 和 G Suite 用户,我们很高兴地宣布Mail.ru正在退出测试阶段并向所有用户推出本周。此外,AMP for email 规范已获得全球其他主要电子邮件提供商的支持,包括雅虎邮箱和Outlook.com。随着这些提供商的支持,发送者将扩大其 AMP 电子邮件对用户的覆盖范围。AMP for email 的早期采用者,如印度最大的酒店公司OYO,自推出以来,通过 AMP 电子邮件访问的访客转化率提高了 60%。
前进!
AMP 已远远超出了其最初帮助发布者加速其内容网站的步骤。随着对库的重大改进,使其能够在网站、故事、广告和电子邮件中使用,AMP 旨在赋予开发人员在整个网络中创建出色体验的能力。AMP 团队与第一天一样兴奋,并继续致力于实现我们对用户优先的开放网络的愿景。
作者:Malte Ubl,AMP 技术指导委员会