Nuxt之Meta标签关键字描述之description重复问题

最新推荐文章于 2023-01-10 14:19:49 发布

LonelyHobo

最新推荐文章于 2023-01-10 14:19:49 发布

阅读量3.8k

点赞数 3

分类专栏： Nuxt 文章标签： Nuxt description

本文链接：https://blog.csdn.net/w1144646550/article/details/103200455

版权

Nuxt 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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>

她那时候还太年轻，不知道所有命运赠送的礼物，早已在暗中标好了价格。

——斯蒂芬·茨威格《断头王后》

LonelyHobo

关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Nuxt之Meta标签关键字描述之description重复问题

head: { titleTemplate: "网站标题", meta: [ { charset: "utf-8" }, { name: "keywords", content: "网站搜索关键字" }, {name: "description", content: "网站描述" } ]}如上代码，正常情况下输入的网页源代码是这样...
复制链接

扫一扫