初见nuxt:data-n-head="ssr" 导致站点验证失败的坑(仅百度、搜狗)

2,450 阅读1分钟

在nuxt的使用中,会发现它的meta里,全都有data-n-head这个属性,但没有相应的配置项来清除这个属性

至于为什么清除这个属性,来看下文:

当我们想通过“ HTML 标签验证”的方式验证网站的所有权,以完成提交 sitemap、快速收录等来做 SEO 优化

image.png

如果 Meta 标签被添加了 data-n-head="ssr" 属性,将会提示“找不到验证的 HTML 标签或者验证的 HTML 标签内容错误”。如下图。

image.png

但有一个有趣的现象

相同结构的 meta 标签,google、bing搜索引擎都可以验证通过(别家的搜索引擎我还没去试),就百度和搜狗出现了验证失败问题。

删除data-n-head="ssr"

在谷歌上找到了一个解决方案,

在nuxt.config.js中添加以下代码

export default {
 hooks: {
    'generate:page': page => {
      page.html = page.html.replace(/ data-n-head=".*?"/gi, '').replace(/ data-hid=".*?"/gi, '')//这里还能删除data-hid属性
    },
  },
}

原文链接1

原文链接2

小总结

nuxt是个好工具,缺了点默认属性的控制配置项。

以及,

国内的搜索引擎,未免死板了点

后记

很神奇的一点,改完后,百度验证通过了,搜狗依旧验证失败