amp-html相关内容

如何在 cloudflare 等生产网站中使用 Google AMP 项目的 CDN?

在这个帖子中我发现如何测试 Google AMP 的 CDN. 但是我如何在生产网站中使用它? 我想可以像 Cloudflare 或其他类似服务一样设置它,不是吗? 谢谢. 解决方案 您仍将通过自己的基础设施提供 AMP 内容,即使 Google 收集并通过他们的基础设施提供. 如果您想自己提供服务或从 Cloudflare 等 CDN 提供服务,则不涉及 Goog ..
发布时间:2021-11-27 11:40:53 其他开发

Google AMP - 仅在通过 Google 搜索结果访问时显示启用 AMP 的页面

我被要求为我们的新闻网站设置 Google Accelerated Mobile Pages (AMP),以便页面在移动设备上的加载速度更快.我刚刚开始做这个,我有一个问题,我似乎在官方文档中找不到答案. 网页的 AMP 版本是否仅在通过 Google 搜索结果页访问时才显示?因此,如果网站访问者在他们的移动浏览器上访问新闻文章,但他们直接将网站地址输入到地址栏中,而没有通过 Google ..
发布时间:2021-11-27 11:40:45 其他开发

在非 amp 页面中使用 amp 脚本

在标准的 html5 页面中使用 script amp 有副作用吗? 我的想法是使用 amp-iframe 来显示一些相关内容,也在网页中显示,而不仅仅是在 amp 页面中. 解决方案 我几个月前就试过了. 我的想法是使用 https://cdn.ampproject.org/v0.js 异步加载图像以提高性能. 同样使用飞毯和 脚本.或者您获取脚本并为您修改它.但是您将失去 ..
发布时间:2021-11-27 11:40:37 其他开发

图像丢失且需要 - Wordpress AMP 结构不添加图像属性

在使用 Google 的结构化数据测试工具验证我的 wordpress 帖子时,我收到以下错误: “图像:缺失且需要" 我安装了官方 wordpress AMP 插件,它为我生成了 AMP 页面.问题在于它不流行 BlogPosting 的“图像"属性. 在插件中有一个我认为应该生成它的代码,但它没有在任何地方运行: 私有函数 get_post_image_metadata() {$p ..
发布时间:2021-11-27 11:40:18 PHP

是否可以默认启用 amp-story 中的声音?

没有找到默认启用 AMP 故事中声音的方法.是否可以 ?谢谢 解决方案 不,默认情况下无法启用音频.浏览器通常会明确将此行为列入黑名单,并且只允许在用户手势后启用音频,例如: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes https://webkit.org/blog/7734/a ..
发布时间:2021-11-27 11:40:09 其他开发

页面如何告诉浏览器存在 AMP HTML 版本?

我知道我将有两页,AMP 一页和常规一页.AMP 版本具有到常规版本的规范链接,但常规版本如何指定有可用的 AMP 版本? 解决方案 AMP 文档发现文档 指定您需要在 中添加此标签: 例如,如果您查看来自已支持 AMP 的发布商的页面,例如 http://www.bbc.co.uk/news/world-europe-34471849,你可以在中看到这个标签: ..
发布时间:2021-11-27 11:39:57 其他开发

使用/update-cache 请求更新 AMP 页面

尝试使用/update-cache/请求来更新某些 AMP 页面,但我收到 403 错误. 从 url 中删除了开头部分/协议,因为我没有发布这么多链接的声誉,但一切都是 https. 我有一个页面:www.qponverzum.hu/ajanlat/budapest-elozd-meg-a-hajhullast-mikrokameras-hajdiagnosztika-hajhagy ..
发布时间:2021-11-27 11:39:49 PHP

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

我网站上的大多数图像占据整个屏幕宽度,因此在我当前的网站版本(不是 AMP)中,我通过执行以下操作将 CSS 中的所有图像设置为填充整个屏幕宽度: body img {宽度:100%} AMP 中是否有与此等效的内容? 解决方案 如果指定 layout="responsive" 作为 的属性标记,则图像的行为将大致如您所描述的那样.请参阅 http://www.mirror.co.uk ..
发布时间:2021-11-27 11:39:32 其他开发

我可以在不是有效 AMP 页面的页面上使用 AMP(加速移动页面)组件/标签吗?

我可以在不是有效 AMP 页面的页面上使用 AMP(加速移动页面)组件/标签吗? 这对我有好处还是坏处?这是一个好习惯吗? 我想通过加载元素的方式使用 AMP 组件/标签(例如 amp-carousel 和 amp-img),但我无法将我的网站完全转换为 AMP,因为我有 AMP 页面的自定义 JavaScript 代码不允许我使用(不适用于 amp-iframe). 保留标准元 ..
发布时间:2021-11-27 11:39:23 其他开发

如何在移动 Google 搜索结果中查看有效的 AMP 页面?

我已经使用 Google 网站站长工具确认了我网站中 100 多个有效的 AMP 页面.我如何在谷歌移动搜索结果中实际查看这些页面?在我的手机上搜索这些页面只会返回这些放大器页面的规范版本.Google 是否只返回一组精选的有效 amp 页面? 解决方案 AMP 团队成员在此 – 我很确定您指的是“头条新闻"轮播 - 在这种情况下,我有一个坏消息要告诉您.如果您构建了有效的 AMP ..
发布时间:2021-11-27 11:39:15 其他开发

与 PhP 合作的 AMP 表格

我正在尝试使用 AMP 设置带有联系表单的页面: 表单只有 4 个字段: 姓名 电子邮件: 我们能提供什么帮助? 电话号码: 然后我希望将该信息发送到我的电子邮件地址 - 这就是我在 HTML 中的内容 我们需要什么帮助? ..
发布时间:2021-11-27 11:39:08 PHP

AMP 表单通过帖子提交

多年来我一直有一个网站,其中包含一些用于登录的表单等.最近我将所有内容都用于 Google 的 AMP 证明,但表单停止工作.我现在正在寻找几天,但我找不到正确的答案. 首先,我包含了所有必要的脚本和代码,就像在此页面上一样.之后,出现了第一个错误:“表单提交失败:响应必须包含 AMP-Access-Control-Allow-Source-Origin 标头 ". 然后我在页面上添加 ..
发布时间:2021-11-27 11:38:50 PHP

AMP 可以用作移动版和桌面版吗?

我没有在任何地方找到直接的答案,因为它在名称 (AMP) 本身中也清楚地表明,它用于静态移动网页. 我发现 amp 标签用于桌面版本,例如 ampproject.org 有 所以我现在不清楚 AMP 是否也可以(有益于)在桌面版本上使用? 解决方案 有可能,您的网站在桌面和移动设备上都能正常运行,它会正确加载并且运行速度非常快. 但是,请记住 AMP 更面向移动设备,您可 ..
发布时间:2021-11-27 11:38:41 其他开发

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

我正在尝试创建一个 AMP HTML 网站(请参阅 https://www.ampproject.org)但是我在任何地方都找不到您应该如何创建响应式汉堡菜单?不允许使用 Javascript 并且没有可用的 AMP 组件? 解决方案 AMP 现在支持使用 amp-sidebar 组件. ..
发布时间:2021-11-27 11:38:34 其他开发

如何测试 Google AMP 项目的 CDN?

引自此处:https://www.ampproject.org/docs/get_started/about-amp.html AMP 是一种为快速呈现的静态内容构建网页的方法.实际中的 AMP 由三个不同的部分组成: AMP HTML AMP JS AMP CDN AMP HTML 是对可靠的性能和用于构建超出基本 HTML 的丰富内容的一些扩展.放大器JS 库确保 AMP ..
发布时间:2021-11-27 11:38:24 其他开发

带有 React 的 Google AMP

我们有一个同构的反应应用程序与节点.我想将一些页面转换为 AMP 页面.我很迷惑!我们应该使用该应用程序的单独 AMP 版本,还是应根据 Google AMP 页面指南修改当前应用程序?我可以看到我们必须在当前的应用程序中进行大量更改才能制作与放大器兼容的版本.我应该如何进行? 解决方案 Next.js 现在支持 AMP.他们提供了多种方法(仅 AMP 和 AMP 混合)来解决这个问题.由 ..
发布时间:2021-11-27 11:38:05 其他开发

AMP-html 页面未按预期在 Google 搜索中显示

我一直在阅读 AMP 的可能性,但我似乎无法理解为什么我的页面没有像 Google 在他们的演示中显示的那样显示(参见 http://g.co/amp).我的常规页面是这样的: 一个AMP项目的例子;关于可维护性的自写论文的一部分 ..
发布时间:2021-11-27 11:37:56 其他开发