自定义元数据标签Nextjs 13

zfciruhq  于 2023-08-04  发布在  其他
关注(0)|答案(1)|浏览(94)

有没有一种方法可以用next 13创建自定义元标记,并控制它应该是“name”还是“property”?
我试图添加一些Facebook元标记,如'og:updated_time',但该键不存在,并且使用'other'不起作用,因为它使用'name'而不是property。

8yoxcaq7

8yoxcaq71#

对于自定义Meta标记,您可以使用以下内容

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

字符串
就你的情况来说可能是

export const metadata = {
  other: {
    'og:updated_time': 'your-data',
  },
}


对于开放图,有一个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'],
  },
}

相关问题