惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

GbyAI
GbyAI
Martin Fowler
Martin Fowler
云风的 BLOG
云风的 BLOG
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
T
The Blog of Author Tim Ferriss
大猫的无限游戏
大猫的无限游戏
A
About on SuperTechFans
小众软件
小众软件
博客园_首页
博客园 - 聂微东
罗磊的独立博客
Recent Announcements
Recent Announcements
U
Unit 42
N
Netflix TechBlog - Medium
Blog — PlanetScale
Blog — PlanetScale
阮一峰的网络日志
阮一峰的网络日志
博客园 - 叶小钗
V
V2EX
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
IT之家
IT之家
Stack Overflow Blog
Stack Overflow Blog
博客园 - Franky
D
DataBreaches.Net
Last Week in AI
Last Week in AI

Next.js

vercel 公布 React Best Practices skills 求助在本地环境 nextjs 开发, localstorage 值被清除了问题 nextjs 有更优雅的自部署方案么? 用 Next.js 写了个站,首页加载太慢了!始终找不到原因 使用 Bun 创建项目时卡住 Security Advisory: CVE-2025-66478 Next.js 高危漏洞,建议大家马上升级到最新版,影响 15~ 16 所有版本 宝塔面板如何部署 next.js 项目 nextjs16 的 cache component 有点打碎我对 node 服务小而美的印象 next.js 对于大量页面的性能真的很差吗,比如打包很慢? 为啥 nextjs 编译这么慢,除了加物理内存,有啥好的优化建议? Next.js 中用什么来管理全局状态,类似 Vuex/Pinia ? Next.js 怎样获取当前页面的加载进度? 发现很多人不了解 Next.js Next.js 真的是越来越难用了,什么狗屁 use client,不如 Astro 一根,有什么话跟我的岛屿说去吧 学习 Next.js 需要先学习什么? nextjs 全栈项目可以打包成 Electron 吗 本地开发 Next.js 启动项目后卡顿的不行,有什么优化的空间吗(M1 8G) 一个奇怪的想法: nextjs 做前端+ssr, golang 作为后端,有没有搞头 Next.js 零日漏洞 CVE-2025-29927 一个请求头直接绕过中间件 发现 Next.js 的一个很愚蠢的 feature。 drizzle 中 many-to-many 的表怎么插入更优雅 可以通过简单的配置将主页设置为 home.tsx 吗? 每次导航会有一个 _rsc 参数的请求怎么能阻止 一个 Next.js ISR 失效的可能原因 Next.js 的实际开发体验真是一言难尽 小白求教: next.js 项目部署 vercel 环境变量不生效 v0.dev 开发的 Next.js 项目,下载代码到本地,怎么跑起来? an-desgin 怎么优化编译速度? Next.js 简直是屎啊 Nextjs Image 图片组件如何设置透明代理
分享 Next.js 15.2 之后新版本的一个坑,可能会影响你的 SEO ...
avenger · 2025-08-27 · via Next.js

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

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

影响范围

  • Lighthouse SEO 评分:直接检测失败,因为 Lighthouse 明确检查 <head> 中的元数据
  • Google Search Console:报告 "Duplicate without user-selected canonical" 错误
  • 搜索引擎爬虫:可能无法正确识别页面元数据
  • 社交媒体分享:Open Graph 标签可能无法正常工作

临时解决方法:

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

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

// 其他配置...
};
  • 或者可以针对特定爬虫进行配置:/googlebot|bingbot|baiduspider/

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

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

--

实际案例

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

  • Lighthouse SEO 评分从 80+ 提升到 100
  • Google Search Console 中的重复规范错误消失

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

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

https://rushiwowen.co