reactjs 如何在next js 13中使用open graph metatag?

jgovgodb  于 2023-05-17  发布在  React
关注(0)|答案(1)|浏览(161)

在最近的Next JS 13更新中,他们引入了一种新的方法来处理 meta标签,这与传统的方法不同,通过创建Next Head并编写通常的html meta标签。在新的方法中,我们创建了一个类似元数据对象的方法。但是我还没有找到一种使用开放图元数据的方法。

export const metadata = {
  title:
    " this is the title of the web",
  description:
    " this is the description section",
  ogtitle: "this is open graph title for testing", // i thought this could be the case 
};

那么我如何在元数据中使用Open Graph呢?

3pmvbmvn

3pmvbmvn1#

metadata对象中有一部分专门用于OpenGraph的元数据。
请参阅相关文档以了解更多详细信息。
简短的版本是这样的:

export const metadata = {
  openGraph: {
    title: 'this is open graph title for testing',
    description: 'Some description',
  }
};

我还希望您需要根据路径、搜索参数和查询动态生成此类数据。如果是,则使用export async function generateMetadata(…)代替export const metadata。相关的文档帮助很大。

相关问题