在nuxt的使用中,会发现它的meta里,全都有data-n-head这个属性,但没有相应的配置项来清除这个属性
至于为什么清除这个属性,来看下文:
当我们想通过“ HTML 标签验证”的方式验证网站的所有权,以完成提交 sitemap、快速收录等来做 SEO 优化。
如果 Meta 标签被添加了 data-n-head="ssr" 属性,将会提示“找不到验证的 HTML 标签或者验证的 HTML 标签内容错误”。如下图。
但有一个有趣的现象
相同结构的 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属性
},
},
}
小总结
nuxt是个好工具,缺了点默认属性的控制配置项。
以及,
国内的搜索引擎,未免死板了点
后记
很神奇的一点,改完后,百度验证通过了,搜狗依旧验证失败