AMP提示“HTML标记中存在不允许使用的属性或属性值”的解决办法

很多做Google谷歌页面优化的站长，自从谷歌推出了amp后，都使用了amp页面去优化各类排名。毕竟是新事物，使用了amp后经常会在谷歌站长工具后台提示各类问题，比如虾皮路就遇到了，提示AMP页面的错误“HTML标记中存在不允许使用的属性或属性值”，然后倒腾了一番，问题解决了。下面，虾皮路就给大家介绍一下AMP提示“HTML标记中存在不允许使用的属性或属性值”的解决办法。

1、什么是AMP

谷歌AMP（Accelerated Mobile Pages，加速移动页面）是Google推出法人一种为静态内容构建 web 页面，提供可靠和快速的渲染，加快页面加载的时间，特别是在移动 Web 端查看内容的时间。

AMP HTML 完全是基于现有 web 技术构建的，通过限制一些 HTML，CSS 和 JavaScript 部分来提供可靠的性能。这些限制是通过 AMP HTML 一个验证器强制执行的。为了弥补这些限制，AMP HTML 定义了一系列超出基础 HTML 的自定义元素来丰富内容。

AMP的目的是极大的提高mobile网页的加载速度，从而更利于访问者的浏览体验。根据Google的统计，在移动端如果一个页面3秒钟还没有完成加载，那么有90%以上的访问者会关掉网页或者访问其他网页。因此，加载时间是一个获取有效流量非常重要的因此。但是，目前的网页技术并不能满足3秒完成加载这个黄金时间节点，Google端的数据显示目前mobile页面的平均加载时间为8秒！这意味着绝大对数网站90%以上的有效流量全部流失了！。问了能让大多数页面获得尽可能更快的mobile页面加载速度，AMP项目营运而生。

2、怎么应用AMP移动加速

这里虾皮路主要列举最简单的应用方式，使用WordPress内核的，只需在后台插件搜索AMP，第一个就是官方版本，然后安装启用即可，非常方便。

启用AMP插件后，意味着以后文章都会生成一个amp页面，访问方式只要在页面后面加/amp访问即可。

比如默认的页面是：https://shopee6.flxzz.com/cross-border-hosting/porkbun.html

那用amp访问的页面是：https://shopee6.flxzz.com/cross-border-hosting/porkbun.html/amp

启用AMP插件后，后台基本不用做任何设置，一般选择读者模式，然后选择哪些页面要生成AMP页面即可。

同时，使用谷歌站长工具的时候，在后台会出现AMP闪电加速的标题，如下图

3、出现AMP错误提示的解决办法

回归正题，虾皮路使用AMP插件后，谷歌的站长工具有一天出现了“HTML标记中存在不允许使用的属性或属性值”的错误提示，而且错误页面越来越多。

因为AMP是谷歌的，国内百度是MIP，因此关于该问题的解决办法网上信息很少。后来虾皮路在WordPress官网找到了原因，主要是AMP页面在定尺寸器图像中为十进制值，不允许sizer图像使用小数，禁用AMP的SSR即可。因此，我们又需要安装一个禁用AMP的SSR的插件：amp-disable-ssr

插件地址：https://gist.github.com/westonruter/8d52c0b807e6dfbbdf2219622d0f4a7e

打开后，点击右上角的下载按钮，如图所示

下载到本地后，然后再到WordPress后台上传启用插件即可。

接下来，再到谷歌站长工具页面，点击重新验证，接下来，谷歌会重新对之前错误的网站AMP页面进行验证，如果之前提示错误的多，那么验证的速度也会比较久。一般一个星期内可以验证完成。你也可以发现AMP的错误页面越来越恢复正常。如虾皮路之前的AMP的错误提示，最高到达105个错误页面，有效页面一个没有。

使用插件后，重新验证后，错误页面开始逐渐减少，有效页面开始增多。

4、问题总结

为什么要用AMP页面呢，其实主要是为了移动加速使用。不过有没有实际效果，虾皮路就没有去考虑了，因为AMP可以推进谷歌SEO排名，因此虾皮路使用了AMP页面。至于以后的长久之计肯定不是禁用AMP的SSR验证器，插件也应该不用继续启用，等AMP官方插件完善后，该问题应该可以解决了。在未解决之前，只能用本方案去解决。