自定义元数据标签 Nextjs 13

Question

有没有办法使用 next 13 创建自定义元标记并控制它应该是“名称”还是“属性”？

我试图添加一些 Facebook 元标签，例如“og:updated_time”，但该键不存在，并且使用“other”不起作用，因为它使用“name”而不是属性。

Answer 1

对于自定义元标记，您可以使用以下

export const metadata = {
  other: {
    custom: 'meta',
  },
}

对于开放图，有一个 openGraph 字段。请参阅 - https://nextjs.org/docs/app/building-your-application/optimizing/metadata

export const metadata = {
  title: 'Blog',
  openGraph: {
    title: 'Blog',
  },
}
 
// Output:
// <title>Blog</title>
// <meta property="og:title" content="Blog" />

也可以签出 - https://nextjs.org/docs/app/api-reference/functions/generate-metadata#metadata-fields

export const metadata = {
  openGraph: {
    title: 'Next.js',
    description: 'The React Framework for the Web',
    type: 'article',
    publishedTime: '2023-01-01T00:00:00.000Z',
    authors: ['Seb', 'Josh'],
  },
}