404 页面的 SEO 处理：noindex + canonical 设置

熬夜

2026/06/04 15:37:12

Vercel 部署的 Next.js 站点 SEO 基础清单：① 设置自定义域名 ② 配置 metadataBase ③ 生成 sitemap.xml ④ 配置 robots.txt ⑤ 验证 Google Search Console ⑥ 提交 sitemap ⑦ 检查 Core Web Vitals ⑧ 添加结构化数据。

Core Web Vitals 2024 的三个指标：LCP（最大内容绘制，<2.5s）、INP（交互到下一次绘制，<200ms）、CLS（累积布局偏移，<0.1）。其中 INP 替代了 FID，更严格。Next.js 用 next/image 优化图片能显著改善 LCP，用 next/dynamic 懒加载非首屏组件改善 INP。

RSS Feed 虽然不直接影响 SEO 排名，但能增加内容曝光渠道，被聚合网站和 RSS 阅读器抓取，带来外链和流量。Next.js App Router 中用路由处理器生成 RSS XML，用 ISR 缓存。

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

Next.js 15 的 metadata API 比 Pages Router 的 Head 组件强大太多。用 generateMetadata 可以根据路由参数动态生成 title、description、OG 标签。关键是 metadataBase 要正确设置，否则 OG 图片的 URL 会是相对路径，社交平台无法正确显示。

查看历史

16 回复

发呆

发呆的仓鼠第 2 楼2026/06/05 05:13:26

我的项目里也用了这个方案，PageSpeed 从 60 到 95 的关键：next/image + priority + 移除首屏 framer-motion。实践出真知，建议动手试试。

前端

前端魔法师第 3 楼2026/06/10 06:00:32

我的团队是这样做的：结构化数据用 Rich Results Test 工具测试，Search Console 会报错误。仅供参考，具体还是要看你的场景。

栈溢

栈溢出幸存者第 4 楼2026/06/10 15:40:20

补充一点：404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。后续有新发现再来更新。

无所

无所谓第 5 楼2026/06/12 02:53:13

补充一个边界情况：JSON-LD 用 Article 类型必须包含 author 和 datePublished，否则 Rich Results 不显示。期待更多实战经验分享。

打盹

打盹的考拉第 6 楼2026/06/21 10:37:12

讲个真实案例：canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。后续有新发现再来更新。

冬炉

冬炉暖茶第 7 楼2026/06/23 18:32:40

我的团队是这样做的：404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。有疑问可以继续问。

近水

近水含烟第 8 楼2026/06/25 13:25:45

结合我最近的项目经验：Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。希望对你有帮助。

Stack Overflow copy手第 9 楼2026/07/04 13:47:41

说说我自己的经历：JSON-LD 用 Article 类型必须包含 author 和 datePublished，否则 Rich Results 不显示。

全栈

全栈探险家第 10 楼2026/07/09 00:49:53

canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。

迷路

迷路的信鸽第 11 楼2026/07/09 02:45:06

这个观点我很认同，metadataBase 不设置的话 OG 图片会是相对路径，社交分享显示不了。共同进步。

编译

编译通过就行第 12 楼2026/07/11 13:40:18

反对一下，我的测试结果不是这样：hreflang 自引用是必须的，我之前漏了导致多语言版本全没被索引。这只是个人经验，不一定通用。

掘洞

掘洞的兔第 13 楼2026/07/12 07:09:17

有个相关问题想请教：robots.txt 控制抓取，noindex 控制索引，两个不要搞混。共同进步。

互联

互联网遗民第 14 楼2026/07/13 02:50:00

有个更优的方案：JSON-LD 用 Article 类型必须包含 author 和 datePublished，否则 Rich Results 不显示。期待更多实战经验分享。

产品

产品对立面第 15 楼2026/07/21 00:32:39

从另一个角度看：JSON-LD 用 Article 类型必须包含 author 和 datePublished，否则 Rich Results 不显示。欢迎交流讨论。

山间

山间清风第 16 楼2026/07/25 20:05:45

我的实践经验和你的不太一样：canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。一起学习。

像素

像素调配师第 17 楼2026/07/30 18:23:45

我调研过这块，robots.txt 控制抓取，noindex 控制索引，两个不要搞混。这只是个人经验，不一定通用。