Bagaimana untuk menggunakan tag primitif terbuka dalam js 13 seterusnya?

Question

Dalam kemas kini Next JS 13 baru-baru ini, mereka memperkenalkan cara baharu mengendalikan tag meta yang berbeza daripada kaedah tradisional untuk mencipta Next Head dan menulis tag meta html biasa. Dalam kaedah baharu, kami mencipta kaedah seperti objek metadata. Tetapi saya tidak menemui cara untuk menggunakan metadata graf terbuka.

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

Jadi bagaimana cara saya menggunakan Open Graph dalam metadata?

Answer 1

元数据Sebahagian daripada objek dikhaskan untuk metadata OpenGraph.

Sila rujuk dokumentasi berkaitan untuk butiran maklumat lanjut.

Versi pendeknya ialah:

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

Saya juga menjangkakan anda perlu menjana data ini secara dinamik berdasarkan laluan, parameter carian dan pertanyaan. Jika ya, sila gunakan 导出异步函数generateMetadata(…)而不是导出const元数据. Dokumentasi yang berkaitan sangat membantu.