问题标签 [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 投票
2 回答
545 浏览

indexing - 新的 AMP HTML 标记和搜索引擎索引

AMP HTML 带有一些新的 html 标签,这些标签通过 javascript 转换为普通元素……例如

(来自文档的示例)

但是这样的图像如何被 google bot 和其他搜索引擎索引?

将 Googlebot 索引amp-img为正常图像吗?

其他人呢……必应、雅虎……?

或者对于图像索引,我们应该使用一些 polyfill,例如:

或者

?

我在文档中找不到任何关于此的内容。

0 投票
1 回答
1275 浏览

analytics - Google Analytics 对 amp-pixel 标记的支持

标签 amp-pixel 用于计算页面浏览量。

有没有办法将它与谷歌分析一起使用?

GitHub 页面没有显示任何实现。

0 投票
3 回答
417 浏览

html - 使用 Google AMP 时使用单个或多个 HTML 代码库?

我对我的常规网页和本网站上的Google AMP 项目网页使用相同的 HTML:http ://www.tribunadabahia.com.br/

我按照 Github 上的说明进行操作,但我不太确定使用相同的 HTML 是否是最佳做法。

0 投票
3 回答
2521 浏览

amp-html - AMP 与 Blogger - 带有 xmlns 的标头

当我尝试将 AMP 规范与我的 Blogger 代码一起使用时,我在控制台中发现了一些错误,并激活了开发模式:

Chrome 的控制台 AMP 验证出现错误:

我已经看到了引用的链接,知道我必须如何构建我的“标题”,并且我有很多 DISALLOWED_ATTR 因为我的代码的 Blogger 的性质。我该怎么做才能做到“AMP合规性”?:

例如,这是我在 Blogger 中的“标题定义”:

问题 Nº1)“HTML”标题:

xmlns=' http://www.w3.org/1999/xhtml ' 属性不被validator.js 承认。我必须更改所有 html 标头以通过验证器:

我必须添加 amp=' ' 因为 Blogger 的代码验证器不允许我添加或顶级标签。如果我在我的 html 顶级标签中添加 amp='',我会在 amp 的验证器中收到此错误:

http://www.diariosdelanube.com/:1:0 DISALLOWED_ATTR 放大器验证器.js:154 qd.error

是否可以将 amp 代码与博主的规范一起使用?

我能做些什么呢?

这是我在此处发布的一个问题,是应github 用户关于 amp-html 与 Blogger的请求。

0 投票
2 回答
638 浏览

model-view-controller - 对于 AMP HTML,将链接规范 href 属性设置为磅 (#) 是否合法?

如下所示将规范链接设置为井号符号是否合法,或者我是否需要输入物理页面名称?

对此进行测试时,磅设置不会产生验证错误(ala #development=1)。在我的场景中,使用此布局文件的页面不会有备用的“常规 HTML”版本。唯一的版本是 AMP HTML 版本。

对于其他上下文,我正在尝试使用 AMP HTML 的 MVC 站点。为了使我的布局文件简单,我更喜欢使用井号而不是提取子页面名称并将其应用于 href 属性。我知道如何通过如下代码将 URL 应用于部分视图:

我只是好奇使用磅符号是否是合法的 AMP HTML。谢谢你。

0 投票
1 回答
1465 浏览

web-component - AMP HTML 是否允许非官方的自定义元素

AMP 页面可以与非官方的自定义组件一起使用吗?

我可以想象获得一个官方的最适合传播使用,但是对于一个想要在某些自定义组件中编程的站点,它是否需要将其组件批准为官方,或者它可以制作一个并将其包含在自己的代码中?

https://github.com/ampproject/amphtml/blob/master/spec/amp-html-components.md

0 投票
4 回答
10268 浏览

amp-html - 是否可以使图像在 AMP HTML 中响应,或者我需要在媒体查询中声明每个屏幕分辨率的图像大小?

我网站上的大多数图像占据了整个屏幕宽度,因此在我当前的网站版本(不是 AMP)中,我通过执行以下操作将 CSS 中的所有图像设置为填充整个屏幕宽度:

AMP中是否有与此等价的东西?

0 投票
1 回答
821 浏览

youtube - 如何在 AMP-html 中实现 youtube 视频

我正在尝试按照此处找到的官方文档在 AMP 文章中实现 youtube 视频:

但是 youtube 视频根本没有渲染。

这是我的 Jade 模板的样子:

输出是这样的:

看起来不错,但我不确定为什么 youtube 视频没有被插入到 amp-youtube 标签中。

任何建议都非常感谢!

0 投票
5 回答
16430 浏览

amp-html - 如何在 AMP HTML 中创建响应式汉堡菜单

我正在尝试创建一个 AMP HTML 网站(请参阅https://www.ampproject.org),但我在任何地方都找不到您应该如何创建响应式汉堡菜单?不允许使用 Javascript,并且没有可用的 AMP 组件?

0 投票
1 回答
587 浏览

amp-html - Pagespeed 和 AMP

在我的网站中,我们使用Google Page Speed Service来优化性能,但是 amp-html 我遇到了一些问题,因为 PageSpeed 编译了我所有的内联样式 amp-custom 并放入一个外部文件中,并且还包含一个 js 文件amp 规则不允许的代码末尾。

那有什么办法可以同时使用两者吗?AMP 和谷歌页面服务?