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提示“HTML标记中存在不允许使用的属性或属性值”的解决办法

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

2、怎么应用AMP移动加速

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4、问题总结

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

 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

虾皮路版权所有,未经允许不得转载:虾皮路 » AMP提示“HTML标记中存在不允许使用的属性或属性值”的解决办法

分享到: 更多 (0)
坚持下去不容易,打个赏呗

评论 抢沙发

  • QQ号
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活