问题标签 [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 回答
4259 浏览

google-analytics - AMP 页面添加了 Google Anayltics AmpAnalytics 错误

我正在遵循https://developers.google.com/analytics/devguides/collection/amp-analytics/的简单指南

尝试添加 Pageviews GA 代码,但在控制台中遇到这两个错误:

任何人都遇到过这些错误并且知道解决方法,我按照指示遵循了他们的文档,但仍然面临上述两个问题。

0 投票
2 回答
1034 浏览

amp-html - AMP 网站的 mainEntityOfPage.@id 是什么

下:使用 AMP 的热门故事是推荐的属性 mainEntityOfPage.@id。这个链接应该指向网站的“Web”或“AMP”版本吗?

0 投票
1 回答
1981 浏览

amp-html - 404:这是 Google AMP 缓存中的错误

我不明白为什么我得到 404: That's an error even Powered by AMP ⚡ HTML – Version 1456440290687

以上是我编码的一部分。在此处输入图像描述

0 投票
1 回答
392 浏览

mobile - 混合 AMP 和非 AMP 页面

完整编辑:我现在有小页面。我不限于任何博客平台。只有几个服务器限制,但其中一些是通过 .htaccess 修复的。DataURI、CSS 和 sprite 将用于减轻连接时间损失。

创建 AMP 入口页面(或少数页面)是否会被视为作弊,因为将主要提供具有自适应/响应式 CSS 的静态 HTML,而不是 AMP 页面?

如果在源中引用了独立图片,但缩略图用于链接到独立图片,它们是否会从广告缓存中受益?我是否必须使用全尺寸图片制作画廊才能强制缓存?

是否值得创建小的 AMP 子集只是为了做广告或等待拥有大量内容池和大量访问者?

0 投票
1 回答
4420 浏览

nginx - 如何在特定类型的 URL 上禁用 mod_pagespeed

我在我的nginx服务器上安装了mod_pagespeed,我喜欢它。

最近,我在我的网站上安装了 AMP 帖子,所有永久链接现在都/amp/在 URL 的末尾。

问题是 mod_pagespeed (此时)不支持 AMP 标签,所以控制台显示了一些错误。但是当我?PageSpeed=off在 amp URL 的末尾插入时,AMP 已验证

所以,如果可能的话,我想只为所有末尾有 /amp/ 的 URL 停用 mod_pagespeed。

永久链接结构是:https://www.example.com/postname/

AMP 的永久链接结构是:https://www.example.com/postname/amp/

所以, mod_pagespeed 应该只在第一个永久链接结构上工作。

我试图放入 mod_pagespeed 的代码如下:

模块不会拒绝它,但它不会关闭 AMP 帖子上的 pagespeed 模块。你能帮我解决这个问题吗?

提前谢谢了。

0 投票
1 回答
1502 浏览

jquery - 如何使用 jQuery 将 img 更改为 amp-img?

加速移动页面 (AMP) 项目

原来的

结果

如何用 jQuery 做到这一点?

0 投票
1 回答
895 浏览

seo - AMP 项目是否仅对 schema.org/NewsArticle 有用?

我们最近以 AMP 格式发布了我们的网站,以帮助提升移动用户体验。我们现在已经将我们的站点地图提交到 Google 网站管理员工具,并添加了正确的rel="amphtml".

但是,网站管理员工具报告我的所有页面都带有“缺少支持的结构化数据元素”和指向https://developers.google.com/structured-data/rich-snippets/articles的链接

我知道这是热门故事功能所必需的,我不知道的是任何其他结构化数据似乎都没有被谷歌索引。

AMP 对非文章结构化数据无用吗?

编辑:也支持视频。

0 投票
2 回答
1953 浏览

php - 图片缺失且需要 - Wordpress AMP 结构未添加图片属性

使用 Google 的结构化数据测试工具验证我的 wordpress 帖子时,我收到以下错误:

我安装了官方的 wordpress AMP 插件,它为我生成了 AMP 页面。问题是它不流行BlogPosting.

在插件中有一个我认为应该生成它的代码,但它没有在任何地方运行:

如何使用此 AMP WordPress 插件为每个帖子填充图像标签?我希望页面通过结构化数据测试工具,这样他也可以通过 AMP 验证。

更新:图片未显示的原因是帖子中没有嵌入图片。有没有办法在没有默认图像的情况下放置默认图像,因此它将通过 AMP/Schema 验证。

0 投票
1 回答
1374 浏览

html - Google-AMP > HEAD 和站点地图

我已经阅读了有关 AMP 的信息,但我有一个问题。

通常我们的 HEAD(对于非 AMP 网站)看起来像

在 Google Search Console 中,我们提交了两个站点地图。一个用于 /de 和一个用于 /eu 这些站点地图仅包含产品的一个 URL,因为 Google 无论如何都应该在头脑中看到其他版本。

现在我的主要问题 - 如果我现在创建页面的 AMP 版本,头部应该是这样的(AMP 版本可以在 example.com//amp/Some-Page 下访问:

因此,rel 标签指向其他映射 AMP 页面,但规范标签指向非 AMP 版本。

我认为到目前为止这是正确的。

但是,既然有 AMP 版本,我该如何告诉 Google(和其他搜索引擎)呢?

我是否需要调整我的站点地图以仅包含每个页面的 AMP 版本,以便 Google 通过规范标签检查并查看所有 AMP 版本 + 正常版本?如果是这样,由于其他搜索引擎可能不那么“支持”AMP,因此不会导致问题,因此索引错误的页面?

或者我是否需要在页面的主要非 AMP 版本中添加另一个标签rel="alternate"来提及 AMP 版本?

0 投票
2 回答
1268 浏览

seo - 桌面版、移动版和 AMP 版网站

我有一个网站 www.example.com 和 m.example.com 中的相关移动版本,现在我在 amp.example.com 中有 AMP 版本。

从 www.example.com 我已经重定向到 m.example.it 用于移动设备并用于 AMP 页面:

从 m.example.com 我只有规范标签到桌面版本。

从 amp.example.com 我只有规范标签到桌面版本。

没关系?我还需要从 m.example.com 链接 AMP 版本吗?

3 周后,Google Search Console 找到了 AMP 页面,AMP 页面在 Google 缓存中,但我从未在搜索结果中看到我的 AMP 页面(我在 Google 新闻中),而且我不计算流量。

您认为所有配置都正确吗?