虽然我花了几个小时修复了上一个AMP验证错误,但在解决以下错误时需要进一步的帮助:
标签“head>style[amp-boilerplate]”中的必填文本(CDATA)缺失或不正确
如图所示
我真的不明白为什么会抛出这个错误。
包含上所示的代码段,并且似乎格式正确
我希望任何人都能帮助我。我正在查看您的页面,AMP样板代码中似乎缺少一个空格字符。我会尝试将其完全删除,然后再次复制并粘贴到您的页面中。尝试以下操作:
根据@Andrew和其他几个小改动进行了更正
此外,建议您在根目录中使用而不
我想编辑amp图像灯箱的样式。
我想给周围的图像填充。
我该怎么做?
请帮帮我。
(很抱歉我的英语不好……)
您可以尝试在标记中添加填充
例如:
<div style="padding: 10px">
<amp-img on="tap:lightbox1"
role="button"
tabindex="0"
src="/static/samples/img/Border_Collie.jpg
这在谷歌搜索控制台中显示为一个关键问题,尽管在我看来,规范版本和AMP是
可以在上面的链接中找到解决此问题的步骤。我跟踪他们,得出结论,AMP和canonical页面的一般内容被确定为不一样
以下是原因(我想…)
为了构建一个AMP版本的页面,我必须删除一个动态创建的GoogleMaps(因为它使用javascript,AMPs中不允许),并用嵌入AMP iframe的GoogleMaps()替换它。因此,我认为规范版本(在divs中动态创建)和AMP(使用AMP-iframe)之间的这种“差异
标签: Amp Html
notsupportedexceptionthaigoogle-ampaccelerated-mobile-page
在访问谷歌曼谷总部期间,我们了解到泰国是唯一不支持AMP的国家。(更具体地说,泰语作为英语页面就行了)
由于这次会议是去年三月召开的,我只是想知道它是否仍然准确?(事实并非如此)
现在,我们将在PWA中开发,但我想超越它,创建一个AMPWA(8)
我找不到关于这个问题的任何文档,所以欢迎提供任何信息
谢谢,如果您指的是AMP文档的泰语翻译,您可以查看此文档的右上角。否,请查看AMP本身。谷歌有人告诉我们,AMP在泰国不起作用。如果我没有弄错的话,那是因为泰语的缘故。举个例子,在以前的一款产品上,
我们正在推出一款新的SaaS产品,并打算将博客保留在AMP中,但对于我们的登录页,它的工作原理和定价,如果我们在AMP中同时使用桌面和移动设备,会有什么危害
桌面可能不会增加太多价值,但我们专注于搜索引擎优化+页面速度。只要您在浏览器兼容性方面习惯于AMP理想,就可以将AMP用作完整的框架。目前,它们支持大多数最常用浏览器的最新版本以及Internet Explorer 11()
很少有突破性的改变会影响到生产放大器组件,但当它发生时,他们会很快修复它。我工作的公司已经在AMP上运行了大约8个月
下面链接中的转盘可以使用amp bind或脚本构建吗
主要问题是如何以有效的方式构建它是的,但是您的主页不是AMP,也没有加载相关的库。您是否有一个示例或指向文档,说明如何使用绑定从AMP story player触发AMP story加载?如果主页是AMP页面,并且为该页面加载了AMP bind库,然后,该页面上的所有组件都可以通过amp-bind进行控制。好吧,也不例外。amp故事中可能不包括amp组件。示例:amp-iframe。如果你的努力失败了(按照这个建议),把结果贴出来,我再看一
提交表单时出错
当请求的凭据模式为“包括”时,响应中的“访问控制允许来源”标头的值不得为通配符“*”。因此,不允许访问源“”。尝试AMP访问控制允许源源代码而不是访问控制允许源代码:
header('AMP-Access-Control-Allow-Source-Origin: https://local.oto.com');
在控制台中使用它?错误。在文档中将其用作函数?错误。毫无意义。为什么?怎么可能看到这个国家?我使用的是Laravel4.2,以防您对其他内容感到疑惑,它包含在主模板中。这是我页面的代码
@extends('Templates.master')
@section('page-css')
<style>
.option-list {
height: 100vh;
width: 100vh;
我正试图使一些AMP页面无效。我读了一些关于GitHub的文章,知道的越多,理解的就越少
我想我的公钥从来没有被抓取过
通过
如果您想更新您的RSA密钥,您可以通过AMP缓存链接访问RSA密钥,Google可能会抓取您的新RSA密钥
几小时之内。以下是AMP缓存链接:
./r/s/example.com/.well-known/amftml/apikey.pub
因此,根据这一点,我的URL是:
密钥位于:(通过纯文本公开提供)
不幸的是,我只得到:
那是个错误
在此服务器上找不到请求的URL
我在服务器上运行了一个flask api,其端点用于:
授权,
平背,
登录,
报名
对login.sign-in或login.sign-up的调用不会导致服务器日志中出现任何活动
我确实看到一个发送到授权端点的请求,但仅此而已
单击主页上的“登录”或“注册”按钮将打开一个对话框,其中充满“拒绝访问”错误。我没有看到发送到服务器的请求,在那里我有用于登录和注册的端点
amp access是否向服务器发送登录请求。登录和登录注册
我在这里不明白什么?服务器是HTTPS吗?服务器是CORS吗?
&l
我的理解是,Reader ID是客户机ID的一个众所周知的实例。但从我所知道的,任何客户机ID都可以被注入到amp:access URL中,所以我完全不明白为什么Reader ID需要存在。文档中包含了一些关于安全性的内容,但没有详细说明。是的,它只是客户端ID的一个实例。它只是有一个标准化的范围,主要原因有两个:
由于访问是内容服务的一个基本部分,因此明确允许在未经同意的情况下使用它
它简化了分析的It参考
是的,它只是客户端ID的一个实例。它只是有一个标准化的范围,主要原因有两个:
由于访问
我想在嵌套的手风琴部分的顶部添加一些文本,如下所示:
<amp-accordion disable-session-states>
<section>
<h4>Section 1</h4>
<p>Bunch of content.</p>
</section>
<section>
<h4>Section 2</h4>
<amp-
我正在努力学习AMP,但有些东西我真的不明白。它与桌面HTML向后兼容吗?如果我创建了一个应用程序,比如AngularJS或Rails,并且我只使用AMP验证的html,我的页面在桌面上看起来还会正常吗?我是否需要专门为移动页面创建一个独特的前端,并对这些页面进行放大
此外,AMP页面如何与CSS交互,特别是与媒体查询交互?我还看到AMP有一个内联样式表。我还可以使用外部常规样式表吗?对于AMP页面,您不能使用第三方JS和CSS。
其次,它也适用于桌面浏览器。但由于标记和外部资源包含的限制,您很
我正试图钩到一个事件的滚动在放大器显示一个简单的返回到顶部按钮。我希望在amp动态css类下找到一些东西。请问其他人是如何做到这一点的 这目前是不可能的,但是正在积极处理的GitHub问题有解决您问题的方法:这目前是不可能的,但是正在积极处理的GitHub问题有解决您问题的方法:您好,欢迎来到StackOverflow。请花些时间阅读帮助页面,特别是命名和的部分。更重要的是,请阅读。您可能还想了解。谢谢,我是SO的热心读者,也是一名经验丰富的开发人员。Amp(谷歌)的人邀请我们过来听听,问这类问
我正在研究为我的电子商务网站提供一些AMP页面。我不认为CMS供应商有能力将动态内容添加到,因此我将很难在这个senerio中发现Amp页面
我正跳着去注入链接
link rel=amftml,如JavaScript上所示,但几年前的这篇文章指出google不会呈现JavaScript,也无法动态生成注入的Head/link标记
这仍然是真的吗。社区对可能解决方案的任何想法 我想为互联网的后代安息。此时,不可能使用JavaScript动态地注入link rel=amftml以使您的AMP内容被g
我试图用API中的数据填充AMP状态,用于AMP电子邮件。我们需要从API提供数据,因为它可以同时动态更改
根据,状态可以从包含到远程JSON端点的CORS URL的子元素或src属性填充,但不能同时从两者填充
实际上,将src添加到amp状态将抛出以下验证错误:
属性“src”可能不会出现在标签“amp state(AMP4EMAIL)”中
您可以通过将以下代码复制到游乐场来测试它
<!doctype html>
<html ⚡4email>
<head>
从1月27日起,我从
...
在此之前,他们通常来自…
无法打开新的参照器。
有人知道更改的背景吗?既然您正在谈论AMP中的子域更改,请查看完整公告:
AMP缓存更新,2016年12月5日,星期一,由John Coiner发布,
软件工程师
“今天,我们宣布改变谷歌的域名方案
AMP缓存。很快开始,谷歌AMP缓存将服务于每个网站
从其自己的子域。此更改将
允许从Google AMP缓存提供的内容受
网络的基本安全模型:HTML5起源。”
关于更新的补充阅读:
:
由于上述更改,CORS端点将
今天早上我试图向谷歌发出一个更新ping请求,但它返回404
这在今天以前是有效的,谷歌是否正在实施一种新的方法来实现这一点?基于此,请注意,从谷歌AMP缓存中删除内容不会立即停止流向删除内容的流量,这可能会导致用户面临404或500等错误
嗯,事实证明,一旦你的AMP页面进入索引,谷歌似乎不愿放弃它们
文档清楚地表明,即使您更新ping并删除它们,它们仍然需要一些时间才能消失
即使发生这种情况,AMP错误页面也会链接到旧的、现在无效的/AMP URL,返回404
希望这有帮助 谷歌联系我说
选择1
汽车
鞋
书
食物
选择2
一个例子
{“键”:“,
“a”:[“梅赛德斯”、“宝马”],
“b”:[“凉鞋”、“红鞋”],
“c”:[“小说”、“漫画”],
“d”:[“大米”、“米”]
}
屏幕截图显示的内容是否高于您的预期结果?如果是这样,您只是缺少了看起来像amp表单脚本(如果amp绑定脚本是您正在运行的唯一脚本)
也可以查看上的页面。这可能有助于实现您的目标。正如克雷格所建议的,您需要使用amp list和amp mustache生成内容
amp-list可以使用[src
我是AMP技术的新手,我面临着一个与点击按钮渲染动态数据相关的问题。我已经创建了一个带有移动输入字段的灯箱。输入手机号码后,用户应获得另一个带有动态生成内容和一些图标的灯箱。虽然我们不能在AMP页面上使用javascript,但如何在AMP中呈现动态生成的输出呢
有什么建议吗
提前谢谢
我已经尝试使用API调用填充动态生成的内容,但无法在我的页面上呈现
预期结果:填充动态生成的数据。
实际结果:无法在AMP页面上填充数据您可以共享您的代码吗?您可以共享您的代码吗?
我希望在同一窗口中打开订阅页面,而不是在弹出窗口中打开订阅页面。可能吗
现在我把它作为:
<div class="subscribe_button" on="tap:amp-access.login-subscribe" role="button" tabindex="0">
Subscribe
</div>
订阅
我想在我的博客上实现Google AMP。我已经创建了AMP版本的博客文章。例如:
# Regular version
http://myblog.com/a-cool-blog-post
# AMP version
http://myblog.com/amp/a-cool-blog-post
如何将它们连接在一起,以便用户在手机上搜索我的帖子时,谷歌可以索引和服务AMP版本?在非AMP博客帖子中,添加amftml链接标签,并将href设置为AMP版本:
接下来,在您的AMP博客文章中,
我有一个带表单的AMP页面,它有一个输入类型文件。选择照片时,将提交表单。我用它来预览图像。它在android和pc上运行良好,但如果你选择拍照而不是选择图像,它在android上就失败了
在我的例子中,当我在android中单击上载时,它会出现:
如果我单击“文件”,它工作正常。如果我点击相机,拍照时不会发生任何事情
代码很简单:
有没有办法从Android摄像头触发on=更改?如果没有,有没有办法阻止智能手机的这种行为?使用输入去抖动或输入节流:触发输入事件的元素与更改事件相同
输入去抖动
我有一个表单,它使用异步获取提交3个POST请求。成功提交后,我想把用户带到下一页。我遇到的问题是amp脚本不允许控制window.location.href。我也尝试过AMP.navigateTo(),但没有成功
我不控制端点,因此我不能放置响应头,也不允许多次提交。我必须一次提交一个,等待成功的回复
任何帮助都将不胜感激
一个例子
<amp-img
media="(min-width: 650px)"
src="wide.jpg"
width=466
height=355
layout="responsive" >
</amp-img>
<amp-img
media="(max-width: 649px)"
src="wide.jpg"
width=527
height=193
layout="responsive" >
</amp-img&
我正在构建一个AMP页面,其中包含一个动态填充在AMP侧栏中的AMP列表,这样我就可以为AMP模板的用户提供我们网站上当前导航的最新版本
不幸的是,我传递到mustache模板中的href属性的URL似乎导致锚标记被完全剥离
使用以下代码返回到原始的ampbyexample.com-example,我得到了相同的结果:
<amp-list width="auto"
height="100"
layout="fixed-height"
src="https://ampbyexam
由于amp iframe可以基于此链接用于地理定位目的,因此使用设置allow=“geolocation”是否允许访问HTML5地理定位API,还是只允许运行某些类型的脚本?标准HTML属性allow=“geolocation”执行以下操作:
它允许iframe请求许可
默认情况下,它不授予iframe权限
作为补充说明,AMP现在支持基于AMP geo组件的本地地理定位,该组件将提供大致的国家级地理定位接口。amp geo组件以ISO 3166-1 alpha-2国家代码的形式使用发起请求的国
我正在尝试使我的页面与AMP兼容,但我在使用谷歌的验证工具时遇到了一个问题,我得到了以下错误:
引用的AMP URL不是AMP
关于这个问题,这里也有类似的话题,但我的问题似乎性质不同。我没有AMP和非AMP版本,我只是所有设备都有AMP页面,每个页面只有一个版本
我通过引用页面url添加了规范引用:
<link rel="canonical" href="https://www.gpu-central.com/en/" />
正如您可能已经猜到的,后面的url是
我也尝试过在
关于启用/禁用此功能,我有很多。我将此元素用于一些背景/风格元素,因此我希望用户不能单击它。非常感谢您的帮助
以下是我正在使用的代码,删除了类和URL:
<amp-img
width="2000"
height="515"
layout="responsive"
src="https://image.url">
<amp-img placeholder
src="https://placeholder.url"
我正在尝试使用Google Optimize为AMP页面创建重定向测试。通常,要在页面上安装Google Optimize,您会使用以下内容:
<script src="https://www.googleoptimize.com/optimize.js?id=OPT-'some ID'"></script>
不幸的是,此脚本标记与AMP不兼容。我能做些什么呢?在AMP网站上,这不起作用,因为你必须记住这一点。查看提供有关配置的信息。在AMP网站
在生成页面的AMP版本时,可能会发生内容最近已被删除且流量仍在增加的情况。
传递错误页面的正确方式是什么?
它应该是AMP格式还是正常的404(非AMP)页面就足够了?正常的404应该足够了,因为您不希望CDN开始为您的404页面提供服务
我想利用谷歌的加速移动页面:
描述
ICYMI,它用谷歌的HTML标签取代了一些HTML标签,以超快速交付页面
更具体地说,我想看看如何让Jekyll库使用AMP。
所以我下载了:
捆绑后,我会收到以下消息:
```
```
安装hitimes后,我在尝试jekyll服务时收到以下消息:
```
```
奇怪的是我是用这个命令安装的:
gem安装jekyllpaginate
_config.xml文件包含:
宝石:
-杰基尔·帕吉纳特
知道如何解决这个问题吗?将jekyll pagina
既然不能调用外部css或引导脚本,我们如何在amp页面中添加模式框?我曾尝试在amp页面中使用引导,但amp验证器失败了,因为我们无法在amp页面中调用外部css脚本
<!doctype html>
<html ⚡>
<head>
<meta charset="utf-8">
<title>Font example</title>
<script async custom-element="amp-l
在AMP HTML layout=RESPONSACTIVE中,仅保留我使用宽度和高度属性为图像提供的纵横比。有没有办法保持图像本身的纵横比?没有。您可以从后端或正在使用的图像API获取纵横比信息,并将它们作为变量放入“高度”和“宽度”属性中
请参阅github上的以下问题:
如果给amp img一个容器div(我个人在后端动态地这样做),实际上有一个解决方法
然后对容器应用高度,然后可以使用cssamp-img>img{object-fit:contain;}
下面是一个完整的例子,我使用25
我在WordPress网站上使用AMP插件,
今天我发现一些标签在普通的谷歌搜索[桌面]中被编入索引
我搜索我的网站就像[搜索为“site:sitename.com”]。我得到了一些谷歌搜索结果,比如www.example.com/tag/pune/?amp,这里的标签是“pune”,但我不允许通过网站地图在搜索引擎上对标签进行索引
我认为,由于这一点,我的网站将惩罚谷歌搜索在未来。
如何解决此问题如果有规范链接,则不会将其视为两个不同的页面。如果有规范链接,则不会将其视为两个不同的页面。您可以
我正在一个网站上测试AMP,效果很好
但是当我使用amp工具进行验证时
()
并检查预览,服务器响应404对我的字体文件
我真的不明白为什么
预览中的链接:
只有这一种字体失败:
这是因为服务时没有内容类型头。您的所有其他字体都很好。我的控制台中没有报告任何404,请尝试禁用任何扩展、清除缓存或使用其他浏览器检查其是否工作
我有这个页面,它使用了一些AMP标记,但在源代码中,指向的是具有以下元标记的AMP版本:
<link rel="canonical" href="https://www.timbuktutravel.com/safari/malawi-travel">
<link rel="amphtml" href="https://www.timbuktutravel.com/safari/malawi-travel.amp">
在我的谷歌搜索控制台中,页面和其他类似页面显示为
我在我的网站上使用amp。当我在手机上加载页面时,它无法正确加载背景图像。
这里是图像的URL
https://cdn.ampproject.org/i/s/rentzeal.com/img/index_mobile.jpeg
它下载图像,当我试图打开它时,它说图像已损坏
我也尝试过更新ping API
https://cdn.ampproject.org/update-ping/i/s/rentzeal.com/img/index_mobile.jpeg
但什么也没发生。图像是一个精灵,所
我想监听一个事件(在本例中是在更改时),并根据状态中存储的变量值执行不同的操作。是否可以在on属性中使用操作expr'?“expr':“expr
例如,当值第一次更改(自动填充等于0)时,我将执行一个操作,但其余时间(自动填充>0)将执行不同的操作。我从未在实践中看到过这一点,所以我不知道这在哪一点上是可能的。我尝试了以下两种方法
谢谢
据我所知,不可能在属性的中写入此类条件。文件规定如下:
.hide{
display:none;
}
语法的值是
表格:
eventName:targe
不确定我是否正确使用了这个术语,但在一些amp页面的标题中有点,用户可以左右滑动以转到上一页/下一页。这里有一个例子(请注意cnn.com下的dot thingy)
如何在AMP中实现类似滑块的行为?我在下一页()中查看了amp,它只是提供了无限的滚动。所以我想知道我们是否有内置的放大器。谢谢 这里的旋转木马是你无法控制自己的。这只是浏览出现在谷歌搜索的热门故事区域的文章的一种方式。此旋转木马通常为媒体组织保留
我不是说谷歌的搜索结果页面。这是amp页面,当你们点击你们截图中的一个链接时,标题
我想使我的网站AMP友好,以利用缓存的优势。然而,v0.js AMP Javascript库超过250KB,而我的网页只有7KB,包括所有图像、CSS和脚本。我无法证明仅仅为了利用缓存而在我的站点上添加这么多膨胀是合理的。是否可以在不包含Javascript库的情况下创建AMP页面
该网站非常简单,我不需要用AMP元件替换任何元件。简短回答:不
v0.js基本上是AMP框架的主干,没有它,AMP缓存真的不知道如何处理您的网站。AMP中的特殊标记(即AMP img,它是v0.js的一部分)允许缓存
我们的企业已经决定使用AMP故事,他们希望他们的故事保持原始URL。我知道这在AMP页面中是可能的,但它也可以在AMP故事中实现吗
URL应该是
https://www.example.com/amp/stories/xyz而不是
https://www-example-com.cdn.ampproject.org/www.example.com/amp/storie/xyz
非常感谢您的帮助。是的,这应该像普通的AMP页面一样工作,使用签名交换
如果使用CloudFlare,只需单击一下即可:
使用?构建的幻灯片,我认为您可以使用srcset属性来实现这一点,如图所示。我希望这会有所帮助。我认为您可以使用所示的srcset属性来实现这一点。我希望这能有所帮助。Ko代表什么?我是指千字节或千字节。哦,这更有意义。。。我把它读作击倒…“Ko”代表什么?我的意思是千字节或千字节。哦,这更有意义。。。我把它读作击倒…我试过srcset,但它不起作用:一个小图像放大后会变得模糊,仅此而已。是的!srcset的工作原理是这样的:我试过srcset,但它不起作用:一个小图像放大后会变得模糊,仅此而已
“服务器”选项正在设计讨论中,准备好后将更新这些文档
问:是否有已知的时间?它已经可以使用了吗
我们希望将AMP用于付费内容。
type=“client”不是一个选项(不够安全)=>type=“server”解决了这个问题
我知道我们已经可以在我们这边实施了:
-当ip来自google范围时:提供完整文档
-当ip不是时:排除/包括适当的部件
但是如果我理解正确的话,我们现在还不应该开始生产这个?我们应该等到它准备好并且Google AMP Cache支持它,对吗?我认为它可以使用,因为可用性状
我正在尝试用适合AMP的版本替换嵌入式推文卡
试图取代这个
一个itibari文件;Onur Celik(@onurcelik66)
用这个
我不能在AMP页面上使用JavaScript,所以我必须使用PHP。这里有人可以帮忙吗?你可以用这个。它是一个PHP库,可以将HTML转换为TML
我需要一个简单的网站。我更愿意使用便宜或免费的服务来构建和托管它,但现在是2017年,我希望看到它被使用。是否有为他们为您构建的站点生成AMP的服务
简单的谷歌搜索并没有让我在这方面走得更远,所以这里欢迎AMP社区的快速提示。如果您可以访问安装了node.js的Web服务器,并且有权限管理服务器,请尝试
它基于node.js,主要关注博客,所以你没有像wordpress那样的任何静态页面,但我个人更喜欢它,如果你只是想发布博客文章,其中包含所有与此相关的功能
不要对价格标签感到奇怪,这只是如果你
我只需要使用amp动画显示/隐藏菜单。我创建了两个不同的amp动画showMenu和hideMenu。我的第一次尝试就是这样做
<div on="tap:AMP.setState({ menu: { open: !menu.open }}),menu.open ? hideMenu : showMenu">
这不起作用,因为显然您不能将条件逻辑放在顶层,但可以放在setState函数中。有什么我能做的吗?你能给我们更多关于你想用两个amp动画完成什么的信息吗?当然,我想实现简单
假设我有3个Web故事要嵌入到一个网页中,并且我希望在一个查看器中有多个Web故事。
我会用
<amp-story-player style="width: 360px; height: 600px;">
<a href="https://www.example.com/story1.html" style="--story-player-poster: url('https://www.example.com/assets/cover1.html');">
我想先从服务器获取故事,然后创建标记并在其中插入标记。
如果我等到故事从服务器中取出,然后插入到,amp故事播放器加载程序将永远旋转。
有人能解释一下在这种情况下如何使用amp story player吗?您好,欢迎来到StackOverflow。请花些时间阅读帮助页面,特别是命名和的部分。此外,请阅读。还可以学习如何发布.Amp故事,因为这些故事太多了。绝对不稳定。您好,欢迎来到StackOverflow。请花些时间阅读帮助页面,特别是命名和的部分。此外,请阅读。还可以学习如何发布.Amp故事
据我所知,使用amplist、ampcarousel,ampimg需要一个始终硬编码的src(取决于产品的详细信息页面URL)
例如:
-
-等
由于它们都是详细信息页面,但有不同的内容,如标题、价格、图像、列表项目等。所以在制作最终HTML之前,您如何提供这些静态数据
注意:在细节页面上,路线路径发生变化,但设计保持不变。
那么,我应该把这些数据带到哪里呢?因为我制作了数千个类似的页面,手动为所有这些页面编写AMP-HTML听起来都是多余的?您可以查看本教程,了解如何创建这些页面。这一基本思
1 2 3 4 5 6 ...
下一页 最后一页 共 9 页