问题标签 [amp-html]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
119 浏览

javascript - 在 vivvo 模板中集成 Accelerated Mobile Pages

我正在研究vivvo模板。完成后,现在我必须在其中集成 Accelerated Mobile Pages (AMP)。要引用 amp js 文件,请使用此

但此文件未包含在页面中。并且此行之后的所有参考文件 css 和 js 都没有加载。我按照此链接使用 amp 创建您的第一个 AMP 页面 我缺少什么。请帮忙。谢谢

0 投票
2 回答
593 浏览

amp-html - 使用媒体查询来切换 amp-img 是一种推荐的做法吗?

一个例子

现在我们不是通过重复它们来污染 HTML,它可以通过布局填充来完成,并在媒体更改时为父包装器提供所需的高度,例如

因此,请帮助我了解什么时候应该在什么情况下使用它们?

0 投票
1 回答
1424 浏览

amp-html - 使用 AMP HTML 进行预渲染的详细信息

我看到有人提到使用 AMP 页面进行预渲染。具体来说,该项目的工作原理页面 ( https://www.ampproject.org/how-it-works/ ) 说:

AMP 文档从一开始就设计为可高效地预渲染。浏览器长期以来一直支持通过 <link rel=prerender> 标签进行预渲染,但他们需要对这种机制保持保守,因为预渲染可能很昂贵。借助 AMP HTML,我们添加了告诉文档的功能:渲染自己,但仅在首屏可见的范围内,并且仅显示非 CPU 密集型元素,以最大限度地降低预渲染成本。

我想更多地了解预渲染的工作原理:

  • 是否有关于此预渲染的进一步文档?我无法找到任何进一步的细节。
  • 实现预渲染的代码在哪里?
  • 如果它不是与 rel=prerender 的链接,那么用于预渲染的技术是什么?
  • 您如何指示 AMP html 页面以预渲染模式呈现,该模式仅在折叠资源等上方加载?
  • 是否有一些很好的打包方式让某人在他们自己的 AMP 网站上使用这种预渲染(在页面之间导航时)?
0 投票
2 回答
1673 浏览

amp-html - Accelerated Mobile Pages (Amp):用于双击的 amp-ad

我试图绕过用于双击的放大器广告组件的组成。要使用 id 需要定义属性 data-slot ,就像在这个(唯一可用的)示例中一样:

我的问题是,如果有人知道,如何生成该数据槽和/或其中包含哪些组件,因为我不明白?

非常感谢您的帮助!

附加链接: https ://github.com/ampproject/amphtml/blob/master/ads/doubleclick.md https://github.com/ampproject/amphtml/blob/master/ads/doubleclick.js

0 投票
2 回答
2455 浏览

svg - AMP 文章 Microdata 中的 SVG 图像?

在尝试schema.org/Article针对 Google 的结构化数据测试工具验证 a 时,我注意到如果您指定 SVG 图像,它会给出错误:

为logo提供的值必须是有效的 URL。

要求:

AMP 文章(这是什么?

当 URL 更改为具有.png(或.jpg.bmp.webp等)扩展名而不是.svg时,它将通过验证。

这是我正在使用的示例:

更改其他图像的 URL 扩展名也会产生错误。

我无法在Rich Snippets 文档AMP HTML 规范中找到有关它拒绝 SVG 的任何信息。有人对这种行为有解释吗?

0 投票
2 回答
5664 浏览

javascript - Google AMP 脚本与 jquery window.scroll 冲突

我正在尝试遵循 Google ( ampproject.org ) 建议的 AMP 指南,但是一旦我添加了他们的 js 脚本,jQuery 滚动就会停止工作

有谁知道为什么以及如何解决它?

0 投票
0 回答
662 浏览

javascript - 如果我将“真实”页面嵌入到 amp-iframe 中,是否可以“启用”js?

我正在尝试在依赖于 JavaScript 的页面上启用 AMP(加速移动页面),但 AMP 不允许 js。有没有人有幸在 amp-iframes 中嵌入带有 js 的页面?这是否足够老套,以至于它可能会对 SEO 产生负面影响,也许,恐怕,在未来悄悄地?或者这是一件超级聪明(而且安全)的事情,没有人出于某种奇怪的原因去做?我怀疑这是徒劳的,但为了 SEO,我很受诱惑。

到目前为止,我学到的是amp-iframe源(至少)需要启用 ssl 并且它不应该是相同的来源。因此,只需将其放在其他地方即可。我知道他们可能不希望人们这样做,但我觉得这很烦人,因为我的 js 终于开始表现得很好,而且我认为快速页面不能因为快速而获得与 amp 相关的 SEO 点是不公平的。也许我错过了什么?

https://www.ampproject.org/docs/guides/amp_replacements.html

0 投票
2 回答
459 浏览

javascript - 在 AMP(加速移动页面)wesbite 中使用自定义 vanilla javascript 的正确方法是什么

Iv 浏览了加速移动页面项目示例和文档。在我看来,不允许使用 JavaScript(内联和或 src)。下面是代码片段。这是我得到的验证错误。

标签“amphtml引擎v0.js脚本”中的属性“src”设置为无效值

我了解 AMP 仅允许您<script type="application/ld+json">用作内联 JavaScript,但这是针对 json 的。我真正需要的是制作一个非常简单的移动菜单,单击事件显示和隐藏一个 div。

0 投票
2 回答
1102 浏览

amp-html - Search Console 中的 AMP 状态报告通常需要多长时间才能提供?

我昨天在一个相当大的网站上推动了 Accelerated Mobile Pages 的快速实施,并且非常渴望开始在 Google Search Console 上看到 AMP 报告。

他们开始出现之前通常需要多长时间?

或者; 您的AMP 报告需要多长时间才能提供?

0 投票
2 回答
3323 浏览

html - 当 style=slides 时禁用 amp-carousel 中的控件

我想隐藏显示放大器轮播类型为“幻灯片”时的“上一个”和“下一个”控件。我还没有找到任何关于如何自定义“控件”属性的文档。