删除禁用的HTML标记或修复AMP标准不支持的属性或值

Question

我们正在发布AMP艺术品。对于少数艺术家，我们在google网站管理员中遇到错误，而内容是有效的AMP，并且在通过结构化数据测试工具验证时也没有任何问题。

网址：http://amp.indiatimes.com/health/healthyliving/10-best-sex-positions-for-men-that-women-love-237820.html

在谷歌网站管理员中，它给出了以下错误： 删除禁止的HTML标记或修复AMP标准不支持的属性或值

不允许“标记”媒体 不允许使用'tag'放大器像素 不允许'tag'div 不允许使用'tag'脚本 不允许“标记”范围

如何解决此问题？请帮忙。

Answer 1

您可以尝试遵循Create Responsive AMP Pages的指南。

以下是Amp Development中使用的一些组件的列表。

  

  
• amp-access提供AMP付费专区和订阅支持。
  
• amp-accordion为观众提供一种浏览内容轮廓的方法，并随意跳转到他们选择的部分。
  
• amp-analytics从AMP文档中捕获分析数据。
  
• amp-anim管理动画图片，通常是GIF。
  
• amp-audio替换HTML5音频标签。
  
• amp-brid-player显示Brid.tv播放器。
  
• amp-brightcove显示Brightcove视频云或执行播放器。
  
• amp-carousel沿水平轴显示多个类似的内容。
  
• amp-dailymotion显示Dailymotion视频。
  
• amp-dynamic-css-classes在HTML元素上添加几个动态CSS类名。
  
• amp-facebook显示Facebook帖子或视频。
  
• amp-fit-text扩展或缩小字体大小以适合给定空间内的内容。
  
• amp-font触发并监控自定义字体的加载。
  
• amp-iframe显示iframe。
  
• amp-image-lightbox允许“图像灯箱”或类似体验。
  
• amp-instagram显示Instagram嵌入。
  
• amp-install-serviceworker安装ServiceWorker。
  
• amp-lightbox允许“灯箱”或类似体验。
  
• amp-list使用模板动态下载数据并创建列表项。
  
• amp-mustache允许渲染Mustache.js模板。
  
• amp-pinterest显示Pinterest小部件或Pin It按钮。
  
• amp-reach-player显示Beachfront Reach视频播放器。
  
• amp-soundcloud显示Soundcloud剪辑。
  
• amp-springboard-player显示Springboard Platform视频播放器
  
• amp-twitter显示Twitter推文。
  
• amp-user-notification向用户显示可忽略的通知。
  
• amp-vimeo显示Vimeo视频。
  
• amp-vine显示Vine简单嵌入。
  
• amp-youtube显示YouTube视频。
  

如何检查我的网页是否有效AMP？

AMP验证器与AMP JS库捆绑在一起，所以每个AMP页面都可以使用它。验证：

1. 在浏览器中打开您的页面
2. 将“#development=1”添加到网址，例如http://localhost:8000/released.amp.html#development=1。
3. 打开Chrome DevTools控制台并检查验证错误。

如何修复验证错误？

  

大多数验证错误都很容易解决和修复。请考虑以下错误：

这是他们的文件中的图像。

  

  
1. 错误的第一行尽力估计错误发生的位置。点击它应该找到一般区域。
  
2. 第二行，红色部分是错误的实际名称。在这种情况下，MANDATORY_ATTR_MISSING表示我们使用了标签并忘记了一个重要的属性。
  
3. 第三行指向AMP HTML规范中讨论有关限制或功能的部分。
  

注意：

  

有效的AMP文档不得包含任何验证错误。本文档的目的是帮助您更好地理解和修复验证AMP页面时遇到的任何验证错误。有关validation errors的完整概述，请参阅AMP validator specification。