Vercel 预渲染和按需 ISR 的 SEO 配合

吃瓜

2025/09/09 17:42:00

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

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

hreflang 是多语言站点最容易被忽略的 SEO 配置。每个语言页面必须包含指向自身的 hreflang、指向其他语言版本的 hreflang、以及 x-default。缺少自引用会导致 Google 忽略整组 hreflang，多语言版本可能被当作重复内容。

Next.js 动态路由用 generateStaticParams 预生成静态页面，对 SEO 友好。但如果是用户生成内容（如论坛帖子），无法预生成，需要用 ISR 或 SSR。论坛帖子页面建议 ISR（revalidate: 3600）+ 发帖后 revalidatePath。

查看历史

31 回复

数据

数据淘金客第 2 楼2025/09/11 00:16:52

有个相关问题想请教：404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。如果有更好的方案求分享。

潜水

潜水员第 3 楼2025/09/14 19:28:15

我的实践经验和你的不太一样：robots.txt 控制抓取，noindex 控制索引，两个不要搞混。欢迎私信深入交流。

无所

无所谓第 4 楼2025/09/21 22:33:20

说个反直觉的发现：INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。欢迎交流讨论。

Ctrl+C工程师第 5 楼2025/09/25 02:40:07

404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。

键盘

键盘敲击者第 6 楼2025/09/26 11:16:54

说个反直觉的发现：JSON-LD 用 Article 类型必须包含 author 和 datePublished，否则 Rich Results 不显示。欢迎交流讨论。

前端

前端魔法师第 7 楼2025/09/27 09:42:17

这个思路很巧妙，sitemap.xml 用 ISR 缓存（revalidate: 3600），发布新内容后 revalidatePath 刷新。希望对你有帮助。

林间

林间晨露第 8 楼2025/09/29 14:33:05

metadataBase 不设置的话 OG 图片会是相对路径，社交分享显示不了。

阿杰

阿杰第 9 楼2025/10/11 16:08:48

JSON-LD 用 Article 类型必须包含 author 和 datePublished，否则 Rich Results 不显示。

数星

数星星第 10 楼2025/10/11 23:05:21

我的项目里也用了这个方案，INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。希望少走弯路。

会议

会议逃生专家第 11 楼2025/10/12 12:19:43

我的结论恰恰相反：OG 图片 1200x630 是标准尺寸，用 next/og 动态生成效果最好。踩了很多坑才总结出来的。

掘洞

掘洞的兔第 12 楼2025/10/17 10:24:12

我的踩坑经验：OG 图片 1200x630 是标准尺寸，用 next/og 动态生成效果最好。

隔壁

隔壁老王第 13 楼2025/10/22 09:56:12

我的团队是这样做的：Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。共同进步。

迷路

迷路的信鸽第 14 楼2025/10/22 22:51:29

结合我最近的项目经验：hreflang 自引用是必须的，我之前漏了导致多语言版本全没被索引。

赏月

赏月的灰狼第 15 楼2025/10/25 07:24:20

我的实践经验和你的不太一样：robots.txt 控制抓取，noindex 控制索引，两个不要搞混。感谢楼主的启发。

烟雨

烟雨江南第 16 楼2025/10/26 13:10:35

实操中我发现：canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。

编译

编译通过就行第 17 楼2025/11/02 13:43:17

我的结论恰恰相反：结构化数据用 Rich Results Test 工具测试，Search Console 会报错误。希望少走弯路。

秋水

秋水长天第 18 楼2025/11/05 07:46:21

有个细节值得注意：sitemap.xml 用 ISR 缓存（revalidate: 3600），发布新内容后 revalidatePath 刷新。效果因项目而异，建议实际测试。

注释

注释写故事第 19 楼2025/11/06 06:59:14

我的项目里也用了这个方案，404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。实践出真知，建议动手试试。

快乐

快乐星球居民第 20 楼2025/11/08 03:18:00

从另一个角度看：结构化数据用 Rich Results Test 工具测试，Search Console 会报错误。期待更多实战经验分享。

暮色

暮色苍茫第 21 楼2025/11/08 03:18:00

实操中我发现：Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。后续有新发现再来更新。