首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何为动态网页创建google?

如何为动态网页创建google?
EN

Stack Overflow用户
提问于 2016-04-26 13:46:02
回答 2查看 5.6K关注 0票数 9

有没有一种方法可以为动态网页创建谷歌放大器?我的网站包含表单元素,如铅表单,页面评论等。我对AMP印象深刻,并希望通过我的网站实现它。

EN

回答 2

Stack Overflow用户

发布于 2016-05-13 07:38:14

这取决于“动态”。放大器可以被认为是一个精简的HTML版本。您不允许包含任意脚本,但是Google维护了一组批准的AMP扩展,它允许您添加手风琴、灯箱、广告单元等。您也不能包括表单标记或任何HTML元素(输入、选择、文本区域等)。但是,您可以使用amp-iframe在AMP页面中嵌入另一个网页。其他网页不一定要符合AMP规范,所以您可以自由地以这种方式添加表单。请记住,标准的iframe规则适用于:您必须对框架有固定的高度(对于多个步骤表单来说,这可能是一个问题,因为每个页面的字段数量都会发生变化),您的成功响应将被限制在iframe (这意味着您不能将整个页面重定向到其他地方)。不过,这对你来说可能是一个可行的解决方案。

一般来说,AMP页面应该是简单的。这就是我的想法。谷歌的限制是为了迫使你保持简单。AMP的最佳使用仍然是纯内容页面,如博客文章、新闻和其他文章类型的东西。你可以把它推得更远,但限制开始变得更令人恼火,你越想推越远。在我的经验中,有相当多的尝试和错误,试图接近你理想中想要的东西。

AMP的好处在于它完全的选择和零敲碎打。你不需要改变你的整个网站。如果你想的话,你可以只写一页。这让你的脚湿了,给你的网站提供了一点额外的果汁,如果你不能用AMP做你想做的事,你可以使用一个标准的网页,不受惩罚。

票数 5
EN

Stack Overflow用户

发布于 2016-11-08 18:34:41

我刚刚为我们所有的8个ABC新闻网站创建了一个AMP引擎。我遇到的最大问题是必须通过HTTPS为AMP标记服务器所有的东西。我们的视频播放器需要广泛的外部JS支持,因为它正在播放预录制和广告。我们也做了很多广告与多个供应商在网页上。在潜入水中之前,你一定要尽可能多地使用读AMP

@chris_pratt在上面指出,表单标记和元素在AMP页面中是不允许的。在AMP页面中添加了对嵌入形式的支持。

对于AMP来说,最重要的事情是:

  1. 没有外部JS (如果需要的话,它必须通过安培-iframe拉进来)
  2. 从AMP特定标签发出的呼叫需要通过HTTPS进行。
  3. 不能使用内联CSS和外部样式表。使用标记添加自定义CSS (最大50k)
  4. 在我的例子中,我有混合内容警告(这将阻止AMP页面无效)试图将JS文件拉到AMP-IFRAME中。
  5. AMP页面中有许多限制,在将AMP实现到项目中之前,这些限制需要解决。就风格而言,你会注意到某些CSS是不允许的,其中一个是“!重要的”和"*“。这只是几个,所以读剩下的。
  6. 还有一些布局规则,您需要在开始之前阅读这些规则。

底线是AMP是非常快的加载页面,但他们是许多限制和要求,必须满足,以实际显示AMP版本。一旦你理解了这些限制,你就应该能够相应地计划你的攻击。

希望这能有所帮助。

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36866826

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档