我已经用谷歌网站管理员工具在我的网站上确认了100多个有效的AMP页面。我如何在谷歌移动搜索结果中查看这些页面?在我的手机上搜索这些页面只会返回这些amp页面的规范版本。谷歌是否只返回一组经过策划的有效amp页面?amp团队成员在此-
我很确定你指的是顶级故事旋转木马——在这种情况下,我有坏消息要告诉你。如果您构建了有效的AMP页面,则无法保证您会出现在旋转木马中。carousel是一款专注于最新头条新闻的特殊产品,并不会出现各种AMP页面
然而,看看我们的网站,你可以在谷歌上试用AMP的下一次
谷歌搜索控制台告诉我应该在一些页面中添加结构化数据,但谷歌结构化数据测试工具说没有任何错误(它发现了两个iten:BreadcrumbList和ProfilePage)
谷歌似乎不承认profilepage makup是有效的结构化数据,或者它希望找到一些特定的结构化数据
示例错误消息:加速移动页面>添加AMP结构化数据(如果支持)(非关键问题))
我知道这是一个非关键问题,但我真的想知道谷歌对结构化数据的期望。我应该忽略这个问题吗?你的面包屑不是一个包含你的组织。
请参阅,Profil应作为文
如何向谷歌批量提交amp页面?这可以通过某种API实现吗
目前,我正在通过谷歌的网站管理员工具一个接一个地手动完成这项工作
我有200多页,手工操作很费劲 您不需要手动添加电流。如果你通过
Hi Sebastian是否可以在本地测试它?@MMR您可以在URL末尾附加#development=1并重新加载页面。在chrome开发工具的控制台选项卡下,您将看到页面是否通过amp验证。如果没有,它将告诉您需要修复的内容。@user1275105,是的,我做了,但我的疑问是,当手机版本打开时,如何加载常
如果我使用amp list来显示一个相当大的数据列表(例如,如下所示),列表中的第一个项目是在加载最后一个项目之前显示的,还是在显示任何项目之前下载整个JSON列表?如果是后者,那么让第一个项目更快显示的最佳方式是什么
例如:
<amp-list width="auto" height="300" layout="fixed-height" src="https://jsondata.myurl.com">
<template type="amp-mustache"&g
网页存在以下AMP验证错误:
标记样式中缺少必需的属性“amp custom”
安培自定义'。(见
)
我搜索了页面源代码,没有找到“amp自定义”。换句话说,页面没有“style amp custom”标记
有人能提供一个关于这个错误的可能原因的提示吗?我正在打电话,所以请耐心听我说。。。amp custom是包含自定义CSS的地方。它走在头部的amp样板之前,这样就不会覆盖样板正在做的任何事情。查看AMP项目页面上关于添加自定义CSS的页面:
所有CSS都必须是内联的,不能使用链接标记来包含
我想在Amptory中使用amp youtube标签!!但是不工作
在第1页上,自动播放选项会自动执行2页。并且不能从第3页开始执行。尽管有相同的自动播放选项。它与第2页第1页同时运行
在amp-story中使用amp-youtube当前无效。有一个跟踪此功能实现的程序。如果您能分享您正在使用的代码,那就太好了。谢谢您的反馈
根据,在
https://example-com./update-cache/c/s/example.com/article?amp_action=flush&_ts=&_url_signature=
应生成表单。它使用问号?符号分隔example.com/article?amp_action=
现在我想更新一个url
https://m.discuss.com.hk/amp_viewthread.php?tid=24025060.
它在URL的末尾有一个问号。因此,如何在这里构
在amp-iframe中有一个amp-script,我想通过postMessage、更改src URL等从script.js到iframe页面进行通信
<amp-script src="//path/to/script.js">
<div>TEXT HERE</div>
<amp-iframe
height="100"
layout="fixed-height"
sandbox="allow-scripts
我打算与我的特殊客户一起创建我的定制广告服务器。我在读书,读书,读书。。。不了解amp.dev网站上的此文档-->
我的网站完全有效,
我的adsite完全amp4ads且有效
内容:
<!DOCTYPE html>
<html ⚡ lang="tr">
<head>...
BLA BLABLA other contents..
</head>
<body>
<amp-ad-custom width=&quo
新的AMP给我留下了深刻的印象,我想在我的移动网站上实现它。我的移动站点上的大部分内容都是动态的,基于登录用户,它将从不同的后端服务(如mysql和sphinx)获取数据,并呈现结果
我可以为我的移动站点使用AMP吗。在谷歌上做了一些搜索后,我发现人们推荐它用于静态页面。另外,CDN缓存技术如何在AMP中为动态页面工作。您可以将AMP用于动态站点。因为我们在WordPress网站上使用AMP插件,即动态网站
您需要前往官方网站并遵循《入门指南》:
到目前为止,我添加了一些我学到的要点,创建了一些
验证AMP页面时,我得到:
不支持:容器的布局
什么是布局?什么是容器?
谷歌提到:
让你的元素反应灵敏;包含布局=响应
说“元素”意味着所有元素-p,span,等等。这似乎有点过时了-“响应性”不是默认值吗?布局属性让您可以轻松地控制元素在屏幕上的呈现方式。这些事情中的许多都可以通过纯CSS实现——但它们要困难得多,需要大量的技巧。改为使用布局属性
容器是要应用布局的元素
<AMP-IMG src="https://www.someimage.com/image.jpg" height=
我创建了amp表单。
当我点击Butona时,我检查表单中不同页面的值。
我在这里没有问题。
如果所有的数据都是正确的,我想指示一个唯一的地址。
当表格为正数时,我如何指导访客
<script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
<script async custom-template="amp-mustach
是否可以钩住从AMP运行时传播的错误消息。我想在应用程序中显示这些错误。将错误事件暴露于amp分析的工作正在积极进行amp文档中似乎没有提到这一点。我能找到的Closes是,但不能完全确定这是否是您要查找的内容。@noogui Close只是运行时中的某个内容。如果运行AMP页面并打开AMP debug=true,您将获得运行时警告/错误日志。我希望在类似jsbin环境的环境中显示这些警告。
我试图建立一个自动完成输入,这是触发点击一个产品。输入允许用户选择一个城市,这样他就可以登录到带有城市上下文的产品详细信息页面
为了实现这一点,我在点击产品列表中的一个产品时,将产品url存储在amp状态,然后当用户选择一个城市时,我希望使用cityId作为查询参数将用户导航到产品url。我使用amp-list和amp-mustache自动完成
守则:
<form action="//localhost/search/" id="citysuggest-form" on="subm
有人能帮我使用AMP联系表吗?
我正在使用Mailchimp和SendEngine制作一个订阅表单,并将表单嵌入到我的HTML页面中
以下是错误的屏幕截图:
当您尝试提交到与AMP站点不同的域时,会发生这种情况
您需要将服务器上的AMP域列入白名单,以便启用CORS,或者如果您的AMP域是共享主机,请与管理员联系,以便将其列入CORS白名单。进一步了解
也请查看。当您尝试提交到与AMP站点不同的域时,会发生这种情况
您需要将服务器上的AMP域列入白名单,以便启用CORS,或者如果您的AMP域是共
我的样式表出现了错误
标记“link rel=字体样式表”中的属性“href”设置为
无效的值“”。学习
更多
我已经搜索过了,并从AMP官方网站联系到了t
这是我这么多年工作中所见过的最荒谬的建议
他们建议我将所有外部CSS文件代码移到我的应用程序头上
直接分开并将其放入标签中!所以我要
一个长而凌乱的头部标签,仅仅因为他们不能跟随HTML5
标准
问题:
无论如何,我是否可以避免做这项繁琐的工作并验证我的文件?是的,AMP就是这样工作的。
您必须在HTML中插入CSS内联以保存额外的网络@
是否可以设计放大器img的宽度、高度
一个网页有许多amp img标签,所有这些标签的宽度、高度和布局都完全相同。这将是很好的样式,使他们不必为每个放大器img指定
尝试了以下操作:
<style amp-custom>
amp-img {
vertical-align:top;
width:30px;
height:30px;
}
.bold{
font-weight:bold
}
</style amp-
嗯,我已经在AMP中建立了一个网站(aptadvantage.com),当我使用直接URL时,它可以完美地工作,而当我试图在谷歌搜索栏中搜索URL并从移动设备上的搜索结果加载相同的内容时,它不会完全加载页面,链接也会发生变化。
我附上下面的图片。只有你的文章是有效的AMP文档,加载你的主页会发现超过115个验证错误,这意味着它将被谷歌缓存忽略。另一方面,你的文章页面验证得很好,当我在谷歌上搜索你页面的文章时,会显示给我
验证结果:
我应该如何在我的应用程序中实现Amp页面,以便如果在移动设备中打开Amp页面,则加载Amp页面,否则加载正常页面
我的应用程序是在zend框架中构建的。两种解决方案:
1您可以使用UA交换机,并根据您获得的用户代理动态提供服务
2[我的偏好]您只提供放大器,不提供任何动态服务。
节省您的时间,因为您不必维护两个版本,没有谷歌机器人的麻烦
属性“onclick”可能不会出现在标记“a”中
<ul class="social-icons circle inheritMargin">
<li><a class="pull-left" href="#" onclick="shareOnTwitter(1)" ><i class="fa fa-twitter"></i></a><
我已经实现了一个基本同意流的示例。然而,用户仍然会被跟踪,即使他们选择退出,广告也会显示出来
我在和im上有一个工作cookie通知
好啊
阿贝宁
Zustimmung zu Cookiesüberarbeiten
这是分析的一部分:
<amp-analytics data-block-on-consent type="googleanalytics">
<script type="application/json">
{
我有一个名为currentItem的状态,带有url、标题、说明。。。当我按下一个按钮时,currentItem应该保存在另一个称为myItems的状态。它将包含项目和对象的列表
现在的问题是,它总是显示最后一项,因此它会覆盖每个currentItem submit的整个列表
我国:
{
网址:,
imageUrl:,
标题:,
说明:
}
[]
列表定义:
...
将currentItem添加到列表的操作:
添加
我尝试使用AMP.setState{myItems:myItems.concat
标签: Amp Html
amp-bindamp-emailamp-mustacheamp-form
在amp mustache模板中使用amp bind时,我似乎无法通过[value]属性动态设置表单输入字段的值。这个问题只发生在Gmail客户端。它在Gmail Amp游乐场和浏览器中正常工作。这个问题只在Gmail客户端出现。它在浏览器中(我认为应该反映Gmail客户端的行为)和浏览器中都能正常工作
可以通过客户端代码的人工版本获得要点
非常感谢您的任何建议/解决方案
虽然可能不需要,但以下是服务器端逻辑:
公共类TestRequestModel{
公共字符串TestId{get;set;}
关于Google AMP,我有以下代码:
<a [href]="'?view=amp&constraint=' + selectedOption1 + '&sort_by=' + selectedSorting"> Submit </a>
您必须对SelectedOptions 1执行条件操作。下面是一个使用两个按钮共享的示例供您参考,这将更改selectedOption1的状态,相应地,您可以检查锚定标记的href值,对于快速查看,我使用了段落标记来显
首先,我的项目是使用Laravel框架
我正在使用amp列表动态呈现我的内容。
这就是我的模板的样子
@verbatim
<template type="amp-mustache" id="product-card-template">
<a class="no-underline db flex relative" href="{{ url }}" rel="nofollow&q
假设用户被导航到我的一个AMP页面。现在他正在点击一些导航项目,链接到我的另一个页面,也支持AMP。
该页面的AMP版本将被打开还是始终是正常页面?浏览器将按照链接的href中的任何内容进行操作。如果希望链接指向该页面的AMP版本,则必须将该页面的AMP版本的URL放在href中。否则,它将转到正常页面
例如,假设您在HTML页面中有此链接:
<a href='http://www.example.com/mypage'>link</a>
如果您在AMP页面中单击此
我试图将Twitter AMP组件添加到一个页面中,但是我试图找出如何处理被删除的推文。我知道可以设置一个占位符,但不幸的是,由于我的设置,我只能获取tweet的URL,不能用于访问tweet和获取文本
我尝试使用显示错误消息,这似乎有效,但是当使用存在的tweet进行测试时,错误消息/占位符仍然显示,直到组件完全加载
是否有其他方式显示错误消息?似乎只有Facebook有内置的功能。或者,任何人都可以想出一种方法来隐藏错误消息,直到组件完全加载(最好是CSS)
这目前是不可能的,因为amp t
我想在我的应用程序中链接到外部URL的amp版本。如果缓存的amp不可用,有没有办法直接链接到任何返回到规范URL的外部URL的Google缓存的amp版本
我想这样做,而不是实际解析每个外部URL的HTML头部,以查看它们是否指定了amp版本。我希望基本上创建一个类似cloudflare的脚本—如果发现可用的amp版本,则自动提供指向链接的amp版本的链接
AMP验证器为publisher徽标图像宽度和高度值抛出错误,并为图像宽度值抛出警告。这两种图像类型的正确尺寸是多少?我在文件里找不到
这是你的答案。
我使用没有问题:
<span itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
<meta itemprop="url" content=".../logo.jpg">
<meta itemprop="width"
在amp表单POST方法中,如何验证密码和确认密码字段
还有如何验证已经存在的用户名和电子邮件ID,以及显示错误消息。AMP不允许客户端JS/JQuery,因此在提交表单后,您必须进行服务器端验证
放大器中不允许使用
请参阅:
<input type=password>
<input type=button>
<input type=file>
<input type=image>
据
amp html不支持UC浏览器。我们是否有任何polyfill或其支持。如上所述,截至目前,amp仅支持Chrome、Firefox、Edge、Safari和Opera等主要浏览器的最新两个版本。但是,您可以为此提交申请。实际上,AMP已开始支持UC浏览器(大约在10月17日)。(Amphotml存储库的所有者)说
我们已经支持坎特伯雷大学。相应地更新了文档。在实践中,UC不支持自动测试,因此支持更多的是尽最大努力
见和
因此,我已经在我的网站上几乎完全实现了amp,但我目前正忙于完成欧盟Cookie许可的工作。现在,我正在使用amp用户通知在屏幕的下角向用户显示一个正在跟踪cookie的通知。我配置了一个data show href,并正在检查我试图在data href处理程序中设置的cookie
在数据包中,我只是调用了一个.net httphandler,它设置了一个cookie,为响应设置了标题,并写入了一个空白响应(因为Google在他们的文档中声明它不希望返回任何内容)
问题实际上是,当我首先单击Di
网页使用暗主题。AMP手风琴的默认颜色主题看起来不太好:
有人能帮忙吗?
请注意,放大器不允许!重要提示。尝试在h4上定义一个类别,并将背景色应用于该类别。我只是让它在AMP By Example游乐场工作,它没有抱怨,而是改变了背景颜色
h4.test{背景色:ff0;}
第一节
一堆很棒的内容
第二节
一堆更棒的内容。这次是在一个舱里。
第三节
图像也起作用。
谢谢。你已经成为我事实上的AMP顾问:。希望你的答案能帮助其他越来越受欢迎的AMP。没问题!我个人刚在今年一月开始使用AMP,当时
我有我的AMP网站,我们有兴趣申请
使用我们转换的工具和转换示例,从我们的网站上获取一些链接,以测量转换放大器的改进。我共享两个链接来可视化这些转换
查询:
1-在这两种情况下,当优化HTML时,图像都无法可视化,它们能否帮助我们确定原因
2-无论如何,优化amp的结果不是文档中讨论的50%,将两个链接中的任何一个与its进行比较,我们没有发现web.dev或快速html加载的性能改进,我们如何衡量这些改进
您是否知道有任何现场案例可以通过优化amp来了解改进的效果?您可以发布页面的原始
我有一个amp状态,其中有一个动态填充的对象列表。这些对象有一个属性“image”,可以是url或base64图像。在两种情况下,它在一个独立的amp img标记中都可以正常工作,但是base64映像在amp列表中不工作,“src”属性是(unknown)。我试图打印“src”属性之外的值,这是正确的,而且如果有url而不是base64,也可以正常工作
我还试图用{{}}转义输出,但得到了同样的结果
amp状态列表中的项具有以下结构:
{
"url": "",
"imageUrl
我一直在阅读AMP的各种可能性,但我似乎无法理解为什么我的页面没有像谷歌在其演示中显示的那样显示出来(请参阅)。我的常规页面如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>An example of an AMP Project; a part of a self-writen paper about maintain
我的公司最近开始为我们的一个网站试用AMP页面。这个过程非常有效,我们看到谷歌为我们的页面编制索引,以便在AMP转盘中使用:
然而,我们的字体资产在谷歌旋转木马中返回404,尽管它们直接在我们的AMP页面上工作
https://cdn.ampproject.org/r/www.pennlive.com/static/common/fonts/v1/benton-sans-medium/448c4642-c106-472f-9c6a-a4d7b5347b03-3.woff返回404
鉴于:
htt
我使用amp列表和amp模板从JSON文件中获取一些变量。我收集的一个变量是一个我需要向上或向下取整的数字。数字通常显示为{{number}。但是,我需要处理这个数字,使之成为一个整数。我不知道如何对该放大器变量进行转换。非常感谢您的帮助。Mustache是一个无逻辑的模板,因此您无法对其进行任何计算,您的所有数据都必须在到达Mustache之前在别处准备好。此处的更多信息如果您在amp列表中显示数据,您可以使用amp state和map在src属性中进行舍入:
<amp-state id
有人遇到过amp x需要一段时间才能打开的问题吗?在chrome dev tools上运行此命令将返回false:
AMP.isExperimentOn()
有时,我发现在“匿名”选项卡上运行是可行的,但并不总是如此。啊,我认为命名冲突会造成一些混乱AMP.isExperimentOn()用于列出的内部功能,与AMP-experimenton扩展无关。感谢您的回复。您是否能够评论为什么“amp-x-experiment-name='the-variant'”不总是设置在body标签中,即amp
我在heroku项目上发布了一个示例AMP页面
然后,我尝试使用以下curl命令获取AMP缓存URL:
curl -i -s -k -X POST -H "Content-Type: application/json" -H "X-Goog-Api-Key:<MYKEY>" -d "{urls: ['http://boiling-garden-78683.herokuapp.com/']}" "https://acceleratedmobilepageurl.googleapis.
标签: Amp Html
accelerated-mobile-pageamp-mustache
我可以在我的AMP(加速移动页面)页面中定义一些json并将其用作AMP mustache源吗?
大概是这样的:
<!-- somewhere in header -->
<script async="" custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.1.js"></script>
<!-- somewhere in body -->
amp live list无法获取更新的内容和删除的帖子
我们如何重现这个问题?
点击特定端点并返回帖子的json数组。但是如果json被删除了一些帖子/更新的内容。
无法查看更新的帖子
amp支持更新内容和删除帖子吗?是的。。。它支持。删除这个问题可以吗?可以,你可以删除这个帖子。
如何将谷歌优化与AMP整合?我曾尝试使用自定义元素amp analytics添加gtag代码,但在Google Optimize中测试诊断时发现无法找到插件/分析。如果我使用常规的gtag.js,我的代码工作得很好,但是它没有经过AMP验证。请告知
如何使优化代码与amp一起工作
我们为标题添加了amp fx=“顶部浮动”,为标签添加了amp fx=“底部浮动”,如下所示:
它在本地和通过AMP验证器都可以正常工作,但是如果您搜索故事并在Google缓存中访问它,它就不起作用了。在谷歌上唯一有效的是帖子标题的amp fx=“fly in left”
我们还为YouTube视频添加了视频对接。这在本地运行良好,但在谷歌缓存页面上不行。看起来像个bug。您应该在这里提交一个问题:看起来像一个bug。您应在此处提交问题:
我想,我已经遵守了规范
其中有一个链接href rel=amftml指向,但在实现它三天后,将这两个页面提交给谷歌并等待,网站管理员工具仍然告诉我我没有AMP页面,并且AMP页面在谷歌搜索中不存在
怎么了?
谷歌在控制台中添加新页面之前需要一段时间。也许还有3天。
在控制台中上载站点地图
并且您的AMP站点无效。它缺少adsense的AMP脚本;-)
正如约翰·穆勒(John Mueller)在这里指出的那样:搜索控制台的报告更新大约需要一周时间
通过查看:谢谢,您可以看到您的页面位于Goo
我一直在将一个站点转换为加速移动页面,现在我正在尝试实现一个联系人表单。我在页面上运行了amp表单,并从中放置了HTML amp联系人表单的示例代码,但是表单没有显示,页面验证时没有任何amp错误。知道我做错了什么吗 请您提供一个指向示例页面的链接。您可能想试试。它指出存在一个已知的问题,AMPs CPU使用率上升,web界面变得无响应。另外,请确保您已经为amp-form:导入了相应的库,如我前面所述,“我在页面上运行amp-forms”或cdn.ampproject.org/v0/amp-f
点击锚定标记无法在amp中获取href值(我甚至使用了生日卡。值仅适用于更改时的输入元素)
我的问题是如何在amp页面中点击任何锚定标记时获取href值是的,我有一个想法,我只是在linkval:dynamicvariable添加了dynamice值
现在我的问题是这个林克瓦尔
我想给在谷歌分析代码的方法如何
示例代码:
"triggers": {
"button": {
"selector": "#related-popup-link",
除了为桌面访问者提供常规页面外,是否还有其他方法可以为移动访问者提供
这是一个在桌面上看起来不太理想,但在手机上可以很好地作为主页使用。不。CNN在手机上的报道是标准的,没有什么不好的 我不知道用桌面上的网页替代故事的标准方法,但AMP故事确实支持 嗯。。。不利于桌面上网站主页的布局。作为一个手机访问者的主页看起来不错。我以前没见过。这解决了我的困境。非常感谢。当然很高兴这有帮助!
在AMP表单中,我试图根据表单响应填充一个隐藏的输入字段。响应是JSON对象内部的数组。当我尝试将信息拉入div的[text]属性时,它会起作用。但在输入的[value]属性中,它不会
以下是我的示例代码:
<form method="post" action-xhr="submit.php" target="_top"
on="submit-success: AMP.setState({answer:{display:event.response.answer}})">
以下HTML代码正确地将用户带到标准HTML网页上“选项”标记的“值”中指定的URL:
<form>
<select name="URL" onchange="window.location.href=this.form.URL.options[this.form.URL.selectedIndex].value">
<option value=''>By Price Range ($)</option>
&
上一页 1 2 3 4 5 6 ...
下一页 最后一页 共 18 页