Wie verwende ich das Open-Primitive-Tag in Next JS 13?
P粉768045522
P粉768045522 2023-11-10 23:03:51
0
1
1121

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?

P粉768045522
P粉768045522

Antworte allen(1)
P粉709644700

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

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

简短的版本是这样的:

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

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

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage