如何在next.js中使用静态元数据对象添加自定义 meta标记13

nxagd54h 于 2023-04-05 发布在其他

关注(0)|答案(2)|浏览(285)

所以我知道要在我的网站上阻止Pinterest，我需要将此嵌入到我的网站的头<meta name="pinterest" content="nopin" />中，但我不知道如何在Next 13中使用新的导出元数据对象格式来实现这一点？查看了该对象的文档，但无法弄清楚。

export const metadata = {
  title: "Create Next App",
  description: "Generated by create next app",
};

2条答案

要添加自定义元数据，可以使用其他类别：

export const metadata = {
  other: { pinterest: "nopin" },
};

下一次构建将生成此元数据：

<meta name="pinterest" content="nopin"/>

更多信息请访问：https://beta.nextjs.org/docs/api-reference/metadata#other

看起来你只需要把你的代码放在你的layout.js或page.js中，就像这样：

export const metadata = {
  ...[Your previous meta data, like title, description,...]
  pinterest: "nopin"
};