如何为动态网页创建谷歌放大器？

Question

有没有办法为动态网页创建谷歌放大器？ 我的网站包含表单元素，如潜在客户表单、页面评论等。AMP 给我留下了深刻的印象，并希望在我的网站上实施它。

Answer 1

这取决于“动态”的程度。 AMP 可以被视为 HTML 的精简版。 您不得包含任意脚本，但 Google 维护了一组已批准的 AMP 扩展，可让您执行添加手风琴、灯箱、广告单元等操作。您也不能包含表单标签或任何 HTML 表单元素（输入、选择、文本区域等）。 但是，您可以使用amp-iframe在您的 AMP 页面中嵌入另一个网页。 其他网页不必符合 AMP 规范，因此您可以自由地以这种方式添加表单。 请记住，适用标准 iframe 规则：您必须为框架设置固定高度（这对于字段数量在页面之间更改的多步表单可能会出现问题）并且您的成功响应将仅限于 iframe（意味着您不能将整个页面重定向到其他地方）。 不过，这对您来说可能是一个可行的解决方案。

一般来说，AMP 页面应该是简单的。 这就是这种想法。 谷歌的限制是为了迫使你保持简单。 AMP 的最佳用途仍然是纯内容页面，例如博客文章、新闻和其他文章类型的内容。 您可以将其推得更远，但是您尝试推得越远，限制就会变得更加令人恼火。 根据我的经验，有相当多的反复试验，试图获得与您理想中想要的接近的近似值。

AMP 的好处在于它完全可以选择加入并且是零碎的。 您不必转换整个网站。 如果你愿意，你可以只做一个页面。 这可以让您弄湿自己，为您的网站提供一点额外的好处，如果您不能使用 AMP 做您想做的事，您可以只使用标准网页，而不会受到任何惩罚。

Answer 2

我刚刚为我们所有的 8 个 ABC 新闻网站创建了一个 AMP 引擎。 我遇到的最大问题是必须通过 HTTPS 为 AMP 标签提供所有服务。 我们的视频播放器需要大量的外部 JS 来支持播放前贴片和广告。 我们还在页面上与多个供应商进行了大量广告。 在深入研究之前，您肯定希望尽可能多地阅读 AMP 。

上面@chris_pratt 指出，AMP 页面中不允许使用表单标签和元素。 添加了对在 AMP 页面中嵌入表单的支持。

使用 AMP 需要注意的最重要的事情：

1. 没有外部 JS（如果需要，必须通过 amp-iframe 拉入）
2. 从 AMP 特定标签进行的调用需要通过 HTTPS 进行
3. 不能使用内联 CSS 和外部样式表。 使用标签添加自定义 CSS（最大 50k）
4. 就我而言，我在尝试将 JS 文件拉入 AMP-IFRAME 时遇到了混合内容警告（这将阻止 AMP 页面有效）。
5. 在将 AMP 实施到您的项目中之前，需要解决 AMP 页面中的许多限制。 风格明智你会注意到某些 CSS 是不允许的，一个是“！重要”和“*”。 这只是一些，所以请阅读其余部分。
6. 在开始之前，您还需要阅读一些布局规则。

底线是 AMP 加载页面的速度非常快，但是为了实际显示 AMP 版本，必须满足很多限制和要求。 一旦您了解了这些限制，您就应该能够相应地计划您的攻击。

希望这会有所帮助。