跳到主内容

Next.js Streaming SSR 对 SEO 的影响

置顶数星星0 浏览
数星
数星星楼主
Next.js 动态路由用 generateStaticParams 预生成静态页面,对 SEO 友好。但如果是用户生成内容(如论坛帖子),无法预生成,需要用 ISR 或 SSR。论坛帖子页面建议 ISR(revalidate: 3600)+ 发帖后 revalidatePath。

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

Google 抓取预算对大站很重要。优化方法:① robots.txt 禁止低价值页面 ② 用 noindex 阻止索引但不阻止抓取 ③ 优化内链结构让重要页面更易到达 ④ 删除或合并薄内容页面 ⑤ 监控 Search Console 的抓取统计。

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

7 回复

  1. 熬夜
    熬夜的猫头鹰第 2 楼
    我做了类似的对比实验:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。期待更多实战经验分享。
  2. 需求
    需求翻译机第 3 楼
    说说我自己的经历:INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。欢迎交流讨论。
  3. 快乐
    快乐的水豚第 4 楼
    结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。
  4. 夏蝉
    夏蝉鸣夜第 5 楼
    OG 图片 1200x630 是标准尺寸,用 next/og 动态生成效果最好。
  5. 思考
    思考的柴犬第 6 楼
    补充一个边界情况:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。仅供参考,具体还是要看你的场景。
  6. 内存
    内存管理员第 7 楼
    这个思路很巧妙,404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。希望少走弯路。
  7. 山间
    山间清风第 8 楼
    我的看法略有不同:结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。
登录后可回复