如何在 Nextjs 13 中设置规范标签?
我曾经使用
<head>
标签,但现在它似乎已弃用,并且 generateMetadata
没有有关规范元标签的信息。
我想出了一个办法:
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 的绝对路径,请检查注释。
<Head>
<link rel="canonical" href="https://www.website.com/" />
</Head>