跳到主内容

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

吃瓜群众0 浏览
吃瓜
吃瓜群众楼主
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 回复

  1. 数据
    数据淘金客第 2 楼
    有个相关问题想请教：404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。如果有更好的方案求分享。
  2. 潜水
    潜水员第 3 楼
    我的实践经验和你的不太一样：robots.txt 控制抓取，noindex 控制索引，两个不要搞混。欢迎私信深入交流。
  3. 无所
    无所谓第 4 楼
    说个反直觉的发现：INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。欢迎交流讨论。
  4. CT
    Ctrl+C工程师第 5 楼
    404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。
  5. 键盘
    键盘敲击者第 6 楼
    说个反直觉的发现：JSON-LD 用 Article 类型必须包含 author 和 datePublished，否则 Rich Results 不显示。欢迎交流讨论。
  6. 前端
    前端魔法师第 7 楼
    这个思路很巧妙，sitemap.xml 用 ISR 缓存（revalidate: 3600），发布新内容后 revalidatePath 刷新。希望对你有帮助。
  7. 林间
    林间晨露第 8 楼
    metadataBase 不设置的话 OG 图片会是相对路径，社交分享显示不了。
  8. 阿杰
    阿杰第 9 楼
    JSON-LD 用 Article 类型必须包含 author 和 datePublished，否则 Rich Results 不显示。
  9. 数星
    数星星第 10 楼
    我的项目里也用了这个方案，INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。希望少走弯路。
  10. 会议
    会议逃生专家第 11 楼
    我的结论恰恰相反：OG 图片 1200x630 是标准尺寸，用 next/og 动态生成效果最好。踩了很多坑才总结出来的。
  11. 掘洞
    掘洞的兔第 12 楼
    我的踩坑经验：OG 图片 1200x630 是标准尺寸，用 next/og 动态生成效果最好。
  12. 隔壁
    隔壁老王第 13 楼
    我的团队是这样做的：Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。共同进步。
  13. 迷路
    迷路的信鸽第 14 楼
    结合我最近的项目经验：hreflang 自引用是必须的，我之前漏了导致多语言版本全没被索引。
  14. 赏月
    赏月的灰狼第 15 楼
    我的实践经验和你的不太一样：robots.txt 控制抓取，noindex 控制索引，两个不要搞混。感谢楼主的启发。
  15. 烟雨
    烟雨江南第 16 楼
    实操中我发现：canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。
  16. 编译
    编译通过就行第 17 楼
    我的结论恰恰相反：结构化数据用 Rich Results Test 工具测试，Search Console 会报错误。希望少走弯路。
  17. 秋水
    秋水长天第 18 楼
    有个细节值得注意：sitemap.xml 用 ISR 缓存（revalidate: 3600），发布新内容后 revalidatePath 刷新。效果因项目而异，建议实际测试。
  18. 注释
    注释写故事第 19 楼
    我的项目里也用了这个方案，404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。实践出真知，建议动手试试。
  19. 快乐
    快乐星球居民第 20 楼
    从另一个角度看：结构化数据用 Rich Results Test 工具测试，Search Console 会报错误。期待更多实战经验分享。
  20. 暮色
    暮色苍茫第 21 楼
    实操中我发现：Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。后续有新发现再来更新。
登录后可回复