AMP

提升用户互动

以下是一些关于如何使用 AMP 提高用户互动度的快速提示。

帮助读者通过在 AMP 和非 AMP 页面上保持一致的品牌形象和丰富的内容来识别您

  • 在 AMP 页面中体现您的品牌。 使用与非 AMP 页面相同的页眉和设计方案(例如颜色、间距、字体样式),以确保您的页面具有可识别性并显得合法。

  • 转换页面时,突出显示最吸引人的内容。包括关键页面元素,例如图像、视频、嵌入、结构化数据、评论和社交媒体。了解如何包含第三方内容

  • 保持 AMP 页面为最新状态。使用 amp-live-list 动态更新实时博客。

针对用户互动和用户留存进行优化

  • 在您的 AMP 页面上提供交互式体验。使用诸如 amp-carousel 之类的组件来创建丰富的图像轮播,并使用 amp-iframe 来整合 AMP 本身不支持的交互元素。

  • 创建个性化的用户旅程。提供登录按钮,并且如果您的内容位于付费墙之后,请使用 amp-access 来实施您的规则和优惠。

  • 扩展后续旅程。 链接到相关或建议的文章以及您网站的其他相关部分。

  • 通过 amp-list 包含推荐内容来个性化内容

  • 使用 amp-sidebar 实施菜单,以鼓励用户浏览您网站的其余部分。

  • 通过 amp-social-share 和您自己的分享按钮,帮助读者分享您的内容

  • 使用 amp-form 培养新的互动,例如潜在客户挖掘、新闻通讯注册和评论支持。

  • 以提供良好读者体验的广告类型为目标。 探索诸如 amp-sticky-adamp-fx-flying-carpet 之类的 AMP 广告格式。遵循广告获利最佳实践

  • 推动应用下载。 使用 amp-app-banner 在横幅中包含应用安装链接。

  • 确保读者能够快速过渡到您的非 AMP 渐进式 Web 应用 (PWA) 网站。使用 amp-install-serviceworker 来填充您的缓存。

参与开源 AMP 项目,帮助塑造其发展

  • 路线图关注 AMP 路线图以获取更新和功能。

  • 参与进来。GitHub 上贡献源代码、提交错误或提供反馈。在 Stack Overflow 上分享您对 AMP 的意见。

  • 通过 示例 了解如何使用 AMP 组件。