问题标签 [accelerated-mobile-page]

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 回答
641 浏览

facebook-opengraph - Open Graph 命名空间声明和加速移动页面 (AMP) 验证

我正在将我的网站更新为 AMP,但当我尝试验证时,我收到以下错误:

属性“前缀”可能不会出现在标签“头”中

AMP 验证

并且 OG 命名空间声明使用前缀,我该如何解决这个问题?

0 投票
1 回答
468 浏览

schema.org - 谷歌在添加 Schema.org 标记时需要某些类型的某些属性?

我尝试在我的网站上添加 Schema.org 标记,类型为Article,然后在其上添加一些属性,当在 Google 结构化数据测试工具上进行检查时,它说需要某些属性,例如dataPublishedauthor

SDTT 中的错误/警告

我可以添加一些属性来满足要求,但不是全部。这个要求是真的吗?我的意思是真的需要规则吗?还是只是谷歌规则?我遇到了这个页面https://developers.google.com/search/docs/data-types/articles它说对于非 AMP,这些要求只是可选的(忽略或推荐,没有一个说非 AMP 需要)。

这让我很困惑,有人知道这件事,你的意见是什么?Google 结构化数据测试工具是否已经包含 AMP 要求?

0 投票
1 回答
1011 浏览

amp-html - 即使将布局响应设置为组件,Amp-carousel(幻灯片类型)也会隐藏溢出

我有一个与amp-carousel. 根据与产品相关的内容,每个轮播幻灯片都有不同的高度。

我已将轮播设置为响应布局并设置高度,如下所示:

我假设使用布局响应将高度设置为自动。

使用类似的东西flex-item会更合适吗?

0 投票
2 回答
383 浏览

drupal - Drupal 中的 AMP(加速移动页面)

我需要在我的 Drupal 网站的特定页面上使用 AMP 技术。我知道我可以使用 AMP 模块(“可以为任何节点类型启用 AMP。此时,AMP 内容在诸如 ?amp 之类的 URL 上可用)。但我不明白我应该做什么。我应该使用两个主题,第一个用于 AMP 页面,第二个用于非 amp,还是我只需要一个主题,它适用于所有页面(amp 而不是 amp)?或者我可以使用我的非 AMP 主题并为某些节点添加 AMP 模块?我想保存我的主题,只需将一些节点更改为 amp

0 投票
1 回答
509 浏览

amp-html - 不同域上的图像不适用于基于子域的新谷歌 AMP 缓存 URL

我的 amp 页面使用通过不同域提供的图像(使用 Imgix)

使用 google amp 缓存的旧 url 可以正常工作,但是当我尝试新的基于子域的缓存 url 时,它不起作用,因为它无法解析提供图像的子域的 DNS。

所以这有效: https ://cdn.ampproject.org/c/s/www.timbuktutravel.com/amp/country/botswana-safari

但是图像在这里不起作用 https://www-timbuktutravel-com.cdn.ampproject.org/c/s/www.timbuktutravel.com/amp/country/botswana-safari

这是因为图像无法解析其 DNS,例如: https ://timbuktutravel-imgix-net.cdn.amproject.org/ii/w470/s/timbuktutravel.imgix.net/trips/kodak_images/000/000/ 062/原始/野狗-游戏驱动器-okavango-delta-botswana-timbuktu.jpg?w=235&h=235&fit=min

关于如何解决这个问题的任何想法?我怎么能告诉谷歌除了我的普通服务器之外,它还需要路由图像主机的请求

0 投票
1 回答
1062 浏览

javascript - 从 AMP 父框架到 iframe 中页面的通信

我正在使用 Accelerated Mobile Pages (AMP) 构建一个静态网站。许多页面包含使用“amp-iframe”标签的 iframe。子页面不符合 AMP 标准。

我需要一种方法让子页面确定父页面何时完成加载。parent.window.onload这里不能使用normal ,因为父页面通常与子页面位于不同的域(主要是 Google 的缓存)中。

AMP 实现了该方法的某些部分postMessage作为框架之间通信的一种方式 ( https://www.ampproject.org/docs/reference/components/amp-iframe ),但它的文档记录很差,我不知道如何可靠地传递超出该页面上显示的一个示例的消息。

任何帮助将不胜感激。

0 投票
0 回答
110 浏览

html - amp-accordion 标签可以在打开和关闭时设置动画吗?

这是指加速移动页面。 https://www.ampproject.org

0 投票
1 回答
54 浏览

html - AMP - 电话号码丢失字体颜色

我创建了一个“加速移动页面”,除了丢失电话号码的“颜色”或任何 10 位+组合之外没有任何问题。

少于 10 位 = 可以;

10+ 位 = 字体颜色丢失(采用背景颜色)

我假设它与电话号码的识别有关,但在概述这一点的文档中找不到任何内容。

我会继续挖掘,但如果有人遇到这个问题并有答案,那会很有帮助!

谢谢你。

0 投票
1 回答
363 浏览

wordpress - AMP 页面出现在 Google 桌面搜索结果中

我在我的网站上使用 WordPress。要将 AMP 页面添加到我的网站,我使用了官方的 WordPress AMP 插件和另一个名为“AMP for WP”的插件。我已经使用它3个月了。最近,我在从笔记本电脑(非移动设备)搜索 Google 时发现了一个非 AMP 页面。我检查了页面来源,发现 rel-canonical 标记已正确设置为非 AMP 页面。我不知道为什么它会出现在桌面搜索中。

要查看示例谷歌这个“如何更改作者框 gravatar 大小”,你会发现 AMP 页面和非 AMP 页面没有出现。

问题出在哪里?!

0 投票
1 回答
1302 浏览

jquery - 谷歌加速移动页面中的 jQuery

我可以通过创建 amp-jQuery 组件/标签在加速移动页面 (AMP) 中使用 jQuery 吗?

我是否仅限于使用可用的组件/标签

如果我可以创建自定义组件/标签,我该如何创建一个?