分享 Next.js 15.2 之后新版本的一个坑,可能会影响你的 SEO 收录

5 天前
 avenger

Next.js 15.3.1 版本中引入了一个性能优化功能——"流式元数据"( streaming metadata ),但这个优化带来了严重的 SEO 问题。元数据标签(如 <title>, <meta>, <link>)被渲染在 <body> 中而不是 <head> 中。

社区中对这个改动意见很大,但是官方暂时没有修复的打算。

影响范围

临时解决方法:

next.config.ts 中添加以下配置:

const nextConfig = {
  // 强制所有用户代理接收阻塞式元数据
  htmlLimitedBots: /.*/, // 这个正则表达式匹配所有用户代理

// 其他配置...
};

相关讨论在: https://github.com/vercel/next.js/issues/79313#issuecomment-2892288965

官方文档相关说明: https://nextjs.org/docs/app/api-reference/functions/generate-metadata#streaming-metadata

--

实际案例

在我的佛经项目中,添加此配置后:

PS. 分享一个 Lighthouse 全满分的小彩蛋

PS 2. 最近用 Next.js 在做一个 AI 阅读佛经的网站,欢迎大家体验:

https://rushiwowen.co

1302 次点击
所在节点    Next.js
8 条回复
gotoschool
5 天前
我靠 100% 这么牛? 对了,你是某飞的学员么
avenger
4 天前
@gotoschool 并不是 🤣
avenger
1 天前
@gotoschool 只是一个有强迫症的中年程序员罢了
navk
1 天前
SOE 优化能分享下相关经验吗?
avenger
1 天前
@navk 基本就是参考 Lighthouse 的建议来的,哪里有问题就改哪里,不懂的就问 Claude

如果你也是用 Next.js ,本身对 SEO 支持算是比较友好的,可以参考官方文档关于 Metadata 那部分

https://nextjs.org/docs/app/guides/production-checklist#metadata-and-seo
liuliuliuliu
1 天前
牛的,网站做的很棒
0x400
18 小时 5 分钟前
非常好的网站,已经开始参悟了
avenger
8 小时 10 分钟前
@0x400
@liuliuliuliu

随喜赞叹

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1155386

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX