AMP

Google I/O 上的 AMP:加强 AMP 生态系统

未分类

有关最新 AMP 项目更新,订阅我们的新通讯

强大的 AMP 贡献者和协作者网络对于实现构建以用户为先的网络这一项目使命至关重要。在Google 的 I/O 开发者大会本周,AMP 团队成员分享了 AMP 社区最近为改善 AMP 生态系统关键要素而共同努力的方式。

AMP has progressed a lot in the past year, especially thanks to the help and input of over 500 contributors. Components like amp-bind and amp-position-observer provide developers the tools to create their own rich interactivity on their AMP pages, rather than relying on more narrowly defined components. Along with these low-level frameworks, AMP has been focused on making it easier to create complex, immersive interactions. amp-fx-collection bundles some of the behaviors like parallax scrolling trivial to implement; amp-date-picker, now available as an experiment, offloads the complexity of a fully-featured date picker to a straightforward component; and with amp-lightbox-gallery, also available as an experiment, any developer can easily provide users with a seamless, immersive, media gallery.

In fact, AMP’s evolution has made it a viable solution to build entire websites. Major e-commerce companies like AliExpress have seen sizable business wins by launching a single all-AMP-driven mobile site. In particular AliExpress increased their conversion rate for non-search traffic by 31%. Combining AMP with PWA is also a powerful usage pattern, with sites like BMW.com building AMP pages within a PWA shell to load custom-built, all-AMP content for a seamless and fast user experience. BMW.com has seen 30% higher click through rates to national websites and 26% more mobile users overall. Finally, news content sites like Tencent who recently launched their news site built entirely with AMP saw a 2x increase in time on site and a 3.5x increase in page views per session.

WordPress
CMS 生态系统中对 AMP 的支持对于确保在网络上轻松创作内容至关重要。WordPress 是用于创作网络内容的最流行工具之一,因此 Automattic、XWP 和 Google 正在共同努力推进WordPress AMP 插件最近发布的0.7 版本包括原生 AMP 支持,允许使用标准的 WordPress 内容创建工作流创建整个 AMP 网站。此项工作包括开发两个具有原生 AMP 支持的完整主题:新闻探险(基于 AMP Start 探险模板)。正在进行的工作继续专注于向所有核心主题添加 AMP 支持,以及改善 WordPress 开发工作流中 AMP 插件的集成。下一个主要版本将是 v1.0,目前正在积极开发中。

image2WordPress 中的原生 AMP“探险”主题

AMP 网址
我们认识到,平台显示 AMP 网址的方式是许多人关注的问题,今年早些时候,我们 分享了我们改善 Google 搜索中 AMP 网页网址的计划。从那时起,AMP 团队就一直在与 Chrome 和网络社区合作,以便在从缓存中提供 AMP 网址时,将其指向发布商的域名。通过利用新兴网络打包技术中签名的交换组件,可以捆绑网络内容,并允许其他方在保持 HTTPS 的完整性保证的同时分发它。AMP 项目合作者 Food Network 和 Pinterest 已经构建了演示,以展示网络打包的功能;下面显示了一个。为了简化此过程,他们使用了一组新的工具,可在 https://github.com/ampproject/amppackager 中获得。要详细了解 AMP 团队在网络打包方面的工作,请参阅这篇完整的博客文章

使用 Google 搜索中的 AMP 网页的网络打包演示

AMP 快拍
AMP 的可能性超出了典型的网页,这就是我们一直在与平台和发布商合作开发新的交互式格式(如 AMP 快拍)的原因。移动设备上的内容消费正在发生变化,引人入胜的全屏故事讲述格式变得越来越流行。虽然网络具备创建此类内容的所有功能,但技术投资可能具有挑战性。因此,为了帮助满足这一需求,我们正在与发布商合作构建 AMP 快拍格式,这是一组丰富的网络组件,用于在移动设备上讲故事。虽然 AMP 快拍专为移动设备设计,但它们在台式机上也能很好地工作。我们正在继续准备该格式以全面发布,但要了解更多信息并立即试用开发者预览,请访问 ampproject.org/stories

来自不同发布商的 AMP 快拍示例

电子邮件中的 AMP
此外,我们正在考虑允许更广泛的网络生态系统从 AMP 中受益的新方法。AMP 格式非常适合将内容嵌入到其他基于网络的体验中,因为它具有高性能、安全且功能强大。虽然并不明显,但电子邮件是一个很好的用例,可以在保持电子邮件客户端中所需的控件的同时启用可操作和交互式功能。为了实现这一体验,我们一直在与 Pinterest 和 Zillow 等公司合作。他们构建的电子邮件 AMP 演示展示了 AMP 在收件箱内实现的新型功能。

Pinterest 使用 AMP 在电子邮件中启用交互性

最重要的是,我们想感谢 500 多位贡献者和我们合作的其他合作者,他们帮助创建了一个更用户友好的网络。网络上有 60 亿个 AMP 页面,它们的存在只是因为构建该项目的社区共同努力的结果。我们对 AMP 的新功能和用例感到兴奋,这些功能和用例是由直接与 AMP 核心团队合作的人员实现的。要了解 AMP 社区的最新信息,订阅我们的新时事通讯,要查看 Google I/O 2018 上的所有 AMP 演讲,请查看 AMP YouTube 频道

由 Google 的 AMP 营销主管 Matt Ludwig 发布