Amp 页面、PWA 和移动网站

Posted 2023-02-26

【中文标题】Amp 页面、PWA 和移动网站

【英文标题】：Amp pages, PWA and mobile website

【发布时间】：2018-02-23 09:28:00

【问题描述】：

这不是一个非常技术性的问题。 我有编辑网站，但我的网站没有响应。 我有一个使用 Rails Variants 创建的桌面版本和一个移动版本，因此对于移动设备，我使用了具有独特设计的最轻布局。

我需要添加 amp 页面，并且我已经将 amp 版本添加到每个内容中。现在有了 Progressive Web App，我认为离线内容、推送通知和“应用感觉”可以增强用户体验。

是否可以有这样的配置：

桌面 -> 桌面版 智能手机 -> 移动布局 Google 新闻 -> 放大器页面 将网站添加为应用程序的 android 智能手机 -> 带有 amp 页面的 PWA

【参考方案1】：

可能不仅 Google 新闻会访问您的 AMP 网页，它们也会出现在移动设备上正常搜索的搜索结果中。在第一次点击 AMP 页面后，用户点击的第二个页面通常是您的移动网站版本的内容（尽管没有什么可以阻止您将用户留在 AMP 网站中，除非后续页面不会从 amp 缓存中提供） .

您可以将 PWA 功能添加到您的 AMP 页面，因此您的第 3 点和第 4 点之间没有区别。

您还可以构建一个非放大器 PWA（按照您的建议）来显示您的放大器内容：

https://www.ampproject.org/docs/guides/pwa-amp/amp-in-pwa