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

Question

我知道要在我的网站上阻止Pinterest，需要将以下代码嵌入到网站的头部中：<meta name="pinterest" content="nopin" /> 但是，在使用新的导出元数据对象格式的Next 13中，我不确定该如何实现。查阅了该对象的文档，但是无法理解。

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

编辑（4月18日）： 我不确定为什么之前似乎可以工作，但是按照Mathieu（和文档）建议添加元标记似乎实际上并没有起作用。

我在根布局文件中添加了这个，但Pinterest的固定选项仍然出现在我的网站上。

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

- Tsabary

Answer 1

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

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

下一次编译将生成此元数据：

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

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

- Mathieu Guyot

---

根据文档，那绝对是正确的答案。不幸的是，它并不起作用。 - Tsabary

我的错，需要强制刷新才行。现在可以了。 - Tsabary

这并不能解决问题，如果你需要将关键字设置为"property"而不是"name"。 - zdarsky.peter

有没有办法为元标签添加类？例如，我需要 class="elastic"。 - undefined

哇，我花了很长时间才找到这个简单的答案！这绝对有效。用它来添加视图转换：同源的元标记，效果完美。 - undefined

Answer 2

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

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

- Léo Brossault

---

很遗憾，这在nextjs13中无法工作，必须使用其他字段，如此处所述：https://beta.nextjs.org/docs/api-reference/metadata#other - Mathieu Guyot