如何在 Nextjs 13 中设置规范标签

问题描述 投票:0回答:2

如何在 Nextjs 13 中设置规范标签?

我曾经使用

<head>
标签,但现在它似乎已弃用,并且
generateMetadata
没有有关规范元标签的信息。

next.js meta-tags nextjs13
2个回答
5
投票

我想出了一个办法:

export async function generateMetadata({
  params,
}: {
  params: { slug: string };
}) {
  const { slug} = params;
  const siteURL = 'https://example.com';

  return {
    title: `Your title`,
    description: `Your meta description`,
    alternates: {
      canonical: `${siteURL}/yourSlug/${slug}`,
    },
  };
}

编辑: 如果您不想提供规范 URL 的绝对路径,请检查注释。


0
投票
<Head>
  <link rel="canonical" href="https://www.website.com/" />
</Head>
© www.soinside.com 2019 - 2024. All rights reserved.