Nuxt之Meta标签关键字描述之description重复问题
head: {
titleTemplate: "网站标题",
meta: [
{ charset: "utf-8" },
{ name: "keywords", content: "网站搜索关键字" },
{name: "description", content: "网站描述" }
]
}
如上代码，正常情况下输入的网页源代码是这样子的：
<head data-n-head="">
<title data-n-head="true">网站标题</title>
<meta data-n-head="true" charset="utf-8">
<meta data-n-head="true" name="viewport" content="width=device-width, initial-scale=1">
<meta data-n-head="true" data-hid="description" name="description" content="My peachy Nuxt.js project">
<meta data-n-head="true" charset="utf-8">
<meta data-n-head="true" name="keywords" content="网站搜索关键字">
<meta data-n-head="true" name="description" content="网站描述">
</head>
这样子会有两个description。
要解决这个问题很简单，加上一个唯一标识hid:description
如下代码：
head: {
titleTemplate: "网站标题",
meta: [
{ charset: "utf-8" },
{ name: "keywords", content: "网站搜索关键字" },
{ hid: "description", name: "description", content: "网站描述" }
]
}
输入网页源代码为：
<head data-n-head="">
<title data-n-head="true">网站标题</title>
<meta data-n-head="true" charset="utf-8">
<meta data-n-head="true" name="viewport" content="width=device-width, initial-scale=1">
<meta data-n-head="true" charset="utf-8">
<meta data-n-head="true" name="keywords" content="网站搜索关键字">
<meta data-n-head="true" data-hid="description" name="description" content="网站描述">
</head>
她那时候还太年轻，不知道所有命运赠送的礼物，早已在暗中标好了价格。
——斯蒂芬·茨威格《断头王后》
