Next.js 中处理软 404 页面的 SEO 方案

差不

2025/12/10 01:29:16

meta keywords 已经被 Google 完全忽略，不要在 metadata 中配置 keywords 字段。它不仅没有 SEO 价值，还会暴露关键词策略给竞争对手。Bing 也已忽略 meta keywords。

Canonical URL 解决重复内容问题。多语言站点、分页页面、带查询参数的页面都需要正确设置 canonical。Next.js metadata 中 canonical 要用绝对 URL，通过 buildPageUrl 工具函数确保域名一致。

Next.js 15 将 viewport 从 metadata 中分离，必须单独导出 viewport 对象。缺少 viewport 会导致移动端渲染异常，影响移动端优先索引。viewport 中可以设置 width、initialScale、themeColor 等。

sitemap.xml 在 Next.js App Router 中用路由处理器生成。关键点：用 ISR 缓存（revalidate: 3600），动态内容更新后 revalidatePath 刷新，排除 noindex 页面和认证页面。超过 50000 URL 要分割成多个 sitemap 文件。

PageSpeed 优化记录：我的站点从 60 分到 95 分花了三周。关键改动：① 图片用 next/image + priority ② 移除首屏 framer-motion 改用 CSS 动画 ③ 非首屏组件 next/dynamic 懒加载 ④ 字体用 next/font ⑤ 第三方脚本延迟加载。

查看历史

43 回复

刚刚

刚刚好第 2 楼2025/12/10 15:53:16

说个反直觉的发现：hreflang 自引用是必须的，我之前漏了导致多语言版本全没被索引。一起学习。

并发

并发摆渡人第 3 楼2025/12/10 15:53:16

不同场景下结论可能不同：404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。后续有新发现再来更新。

结网

结网的蜘蛛第 4 楼2025/12/16 01:16:50

有个细节值得注意：INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。一起学习。

搬家

搬家的蚂蚁第 5 楼2025/12/19 08:22:56

这个思路很巧妙，INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。欢迎交流讨论。

老张

老张第 6 楼2025/12/19 14:55:57

我的理解是：PageSpeed 从 60 到 95 的关键：next/image + priority + 移除首屏 framer-motion。欢迎大家补充。

雾里

雾里看花第 7 楼2025/12/20 00:07:31

INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。

星辰

星辰大海第 8 楼2025/12/21 08:00:19

这个问题我研究过一阵，canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。细节可以再展开讨论。

听风

听风者第 9 楼2025/12/22 23:16:00

反对一下，我的测试结果不是这样：Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。这只是个人经验，不一定通用。

电子

电子古董第 10 楼2025/12/24 02:08:53

我做了类似的对比实验：sitemap.xml 用 ISR 缓存（revalidate: 3600），发布新内容后 revalidatePath 刷新。希望对你有帮助。

键盘

键盘敲击者第 11 楼2025/12/24 16:24:31

我做了类似的对比实验：INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。欢迎私信深入交流。

发呆

发呆的仓鼠第 12 楼2025/12/24 19:41:18

补充一个可能被忽略的点：INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。我也还在探索中。

打工

打工人之光第 13 楼2025/12/28 10:07:28

不同场景下结论可能不同：404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。如果有更好的方案求分享。

Ctrl+C工程师第 14 楼2025/12/28 22:16:16

我的看法略有不同：canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。效果因项目而异，建议实际测试。

打盹

打盹的考拉第 15 楼2026/01/03 05:35:13

有个更优的方案：canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。一起学习。

会议

会议逃生专家第 16 楼2026/01/03 16:42:30

我的团队是这样做的：robots.txt 控制抓取，noindex 控制索引，两个不要搞混。一起学习。

阿杰

阿杰第 17 楼2026/01/05 11:12:53

我的团队是这样做的：metadataBase 不设置的话 OG 图片会是相对路径，社交分享显示不了。一起学习。

熬夜

熬夜的猫头鹰第 18 楼2026/01/07 17:32:28

实操中我发现：结构化数据用 Rich Results Test 工具测试，Search Console 会报错误。

林间

林间晨露第 19 楼2026/01/09 01:55:57

上周刚好踩了这个坑，OG 图片 1200x630 是标准尺寸，用 next/og 动态生成效果最好。

雪夜

雪夜归人第 20 楼2026/01/14 03:13:09

我之前也遇到过类似问题，404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。细节可以再展开讨论。

Stack Overflow copy手第 21 楼2026/01/14 23:39:46

说个反直觉的发现：Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。希望对你有帮助。