Next.js 里怎么正确设置页面的 SEO 标签？

迷人的岳阳提问于 2026-03-03 10:43:22 阅读 32

框架

我用 Next.js 开发一个博客网站，想给每篇文章页面设置不同的 title 和 meta description，但发现直接在组件里写 <title> 标签好像没生效。官方文档提到用 next/head，但我试了之后在页面源码里看不到动态生成的标签，是不是 SSR 没处理好？

比如我这样写：

import Head from 'next/head';

export default function Post({ post }) {
  return (
    <>
      <Head>
        <title>{post.title}</title>
        <meta name="description" content={post.excerpt} />
      </Head>
      <article>{/* 内容 */}</article>
    </>
  );
}

但查看网页源代码时，title 还是默认的，meta 描述也没出现。是我用法不对，还是需要配合其他配置？

React框架全栈开发

我来解答赞 1 收藏

反馈

暂无解答