Comment utiliser la balise primitive ouverte dans Next JS 13 ?

Question

Dans la récente mise à jour Next JS 13, ils ont introduit une nouvelle façon de gérer les balises méta qui diffère de la méthode traditionnelle de création d'un Next Head et d'écriture des balises méta HTML habituelles. Dans la nouvelle méthode, nous créons une méthode de type objet de métadonnées. Mais je n'ai pas trouvé de moyen d'utiliser les métadonnées de graphes ouverts.

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

Alors, comment utiliser Open Graph dans les métadonnées ?

Answer 1

元数据Une partie de l'objet est dédiée aux métadonnées d'OpenGraph.

Veuillez vous référer à la documentation associée pour plus d'informations.

La version courte est la suivante :

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

Je m'attends également à ce que vous deviez générer dynamiquement de telles données en fonction du chemin, des paramètres de recherche et des requêtes. Si tel est le cas, veuillez utiliser 导出异步函数generateMetadata(…)而不是导出const元数据. Documentation pertinente est d'une grande aide.