Wie verwende ich das Open-Primitive-Tag in Next JS 13?

Question

Im jüngsten Next JS 13-Update haben sie eine neue Art der Handhabung von Meta-Tags eingeführt, die sich von der herkömmlichen Methode zum Erstellen eines Next Head und Schreiben der üblichen HTML-Meta-Tags unterscheidet. In der neuen Methode erstellen wir eine Methode, die einem Metadatenobjekt ähnelt. Aber ich habe keine Möglichkeit gefunden, Open-Graph-Metadaten zu verwenden.

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 
};

Wie verwende ich Open Graph in Metadaten?

Answer 1

元数据对象的一部分专用于 OpenGraph 的元数据。

请参阅相关文档了解更多信息详细信息。

简短的版本是这样的：

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

我还希望您需要根据路径、搜索参数和查询动态生成此类数据。如果是这样，请使用导出异步函数generateMetadata(…)而不是导出const元数据。 相关文档有很大帮助。