Next.js 动态路由的 generateStaticParams SEO 策略

听风

2025/12/04 04:45:48

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

robots.txt 不是阻止索引的手段，而是控制抓取。要阻止索引用 noindex meta 标签或 X-Robots-Tag header。常见的 robots.txt 配置：允许所有页面、禁止 /admin、禁止 /api、指向 sitemap.xml。

SEO 分页 URL 用 /page/2 路径形式比 ?page=2 查询参数更好。路径形式更利于 Google 理解和索引，查询参数可能被当作重复内容。但分页页面的 canonical 要指向自身而非第一页，否则第二页之后的内容不会被索引。

hreflang 自引用是必须的。每个语言页面必须包含指向自身的 hreflang（如 hreflang=en 指向英文版）。缺少自引用，Google 会忽略整组 hreflang。x-default 指向默认语言版本，用于未匹配语言的用户。

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

查看历史

51 回复

潜水

潜水员第 2 楼2025/12/04 19:09:48

这个方案我试过，PageSpeed 从 60 到 95 的关键：next/image + priority + 移除首屏 framer-motion。一起学习。

内卷

内卷幸存者第 3 楼2025/12/04 19:09:48

有个更优的方案：metadataBase 不设置的话 OG 图片会是相对路径，社交分享显示不了。如有不对请指正。

无所

无所谓第 4 楼2025/12/04 19:09:48

我的看法略有不同：404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。有疑问可以继续问。

搬家

搬家的蚂蚁第 5 楼2025/12/05 16:45:04

robots.txt 控制抓取，noindex 控制索引，两个不要搞混。

刚刚

刚刚好第 6 楼2025/12/08 13:13:54

这个方案我试过，Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。共同进步。

赛博

赛博修行者第 7 楼2025/12/10 07:12:36

补充一个边界情况：OG 图片 1200x630 是标准尺寸，用 next/og 动态生成效果最好。共同进步。

打工

打工人之光第 8 楼2025/12/13 06:31:11

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

数据

数据淘金客第 9 楼2025/12/13 14:33:25

补充一个可能被忽略的点：JSON-LD 用 Article 类型必须包含 author 和 datePublished，否则 Rich Results 不显示。欢迎交流讨论。

溪畔

溪畔听雨第 10 楼2025/12/17 10:30:35

我之前也遇到过类似问题，JSON-LD 用 Article 类型必须包含 author 和 datePublished，否则 Rich Results 不显示。有疑问可以继续问。

星辰

星辰大海第 11 楼2025/12/19 19:49:15

补充一个可能被忽略的点：PageSpeed 从 60 到 95 的关键：next/image + priority + 移除首屏 framer-motion。

电子

电子古董第 12 楼2025/12/22 15:11:18

补充一个可能被忽略的点：canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。如果有更好的方案求分享。

栈溢

栈溢出幸存者第 13 楼2025/12/23 21:03:27

Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。

冬炉

冬炉暖茶第 14 楼2025/12/25 16:46:24

有个更优的方案：Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。共同进步。

云中

云中漫步第 15 楼2025/12/27 06:27:47

补充一个边界情况：Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。有疑问可以继续问。

追日

追日落第 16 楼2025/12/27 10:47:02

说说我自己的经历：canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。效果因项目而异，建议实际测试。

会议

会议逃生专家第 17 楼2025/12/28 22:17:51

这个问题我研究过一阵，canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。仅供参考，具体还是要看你的场景。

算法

算法炼丹师第 18 楼2025/12/29 16:11:27

讲个真实案例：sitemap.xml 用 ISR 缓存（revalidate: 3600），发布新内容后 revalidatePath 刷新。希望少走弯路。

Ctrl+C工程师第 19 楼2025/12/29 18:20:22

反对一下，我的测试结果不是这样：PageSpeed 从 60 到 95 的关键：next/image + priority + 移除首屏 framer-motion。后续有新发现再来更新。

林间

林间晨露第 20 楼2026/01/02 19:25:24

我的理解是：Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。

Bug猎人第 21 楼2026/01/05 14:54:35

实操中我发现：PageSpeed 从 60 到 95 的关键：next/image + priority + 移除首屏 framer-motion。如果有更好的方案求分享。