拓扑森林
首页OPC课程政企培训专属智能体项目投融资行业资讯站内论坛关于我们
登录
跳到主内容
    论坛/SEO讨论

    sitemap.xml 动态生成最佳实践:Next.js App Router 实现

    热更新选手·2026/06/16 09:11:53·0 浏览
    站内论坛
    教程论坛排行榜徽章
    热更
    热更新选手楼主
    2026/06/16 09:11:53
    Next.js 15 的 metadata API 比 Pages Router 的 Head 组件强大太多。用 generateMetadata 可以根据路由参数动态生成 title、description、OG 标签。关键是 metadataBase 要正确设置,否则 OG 图片的 URL 会是相对路径,社交平台无法正确显示。
    
    Next.js Image 组件自动优化图片格式(WebP/AVIF)、尺寸和懒加载,对 LCP 优化效果显著。LCP 图片要加 priority 属性,否则懒加载会延迟 LCP 时间。但不要给所有图片加 priority,只给首屏最大的图片。
    
    Google 抓取预算对大站很重要。优化方法:① robots.txt 禁止低价值页面 ② 用 noindex 阻止索引但不阻止抓取 ③ 优化内链结构让重要页面更易到达 ④ 删除或合并薄内容页面 ⑤ 监控 Search Console 的抓取统计。
    查看历史

    27 回复

    1. 熬夜
      熬夜的猫头鹰第 2 楼2026/06/16 19:59:10
      有个细节值得注意:INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。希望对你有帮助。
    2. 并发
      并发摆渡人第 3 楼2026/06/18 15:40:44
      我的项目里也用了这个方案,PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。如有不对请指正。
    3. 数据
      数据淘金客第 4 楼2026/06/18 18:50:59
      讲个真实案例:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。如有不对请指正。
    4. 搬家
      搬家的蚂蚁第 5 楼2026/06/24 04:16:53
      我的实践经验和你的不太一样:INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。
    5. 潜水
      潜水的海獭第 6 楼2026/06/27 04:50:38
      上周刚好踩了这个坑,sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。
    6. 星辰
      星辰大海第 7 楼2026/06/28 13:06:32
      这个观点我很认同,INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。欢迎私信深入交流。
    7. 打工
      打工人之光第 8 楼2026/06/28 18:15:48
      从另一个角度看:结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。有疑问可以继续问。
    8. 追日
      追日落第 9 楼2026/06/29 11:19:54
      我做了类似的对比实验:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。实践出真知,建议动手试试。
    9. 云中
      云中漫步第 10 楼2026/06/30 05:29:02
      这个问题我研究过一阵,OG 图片 1200x630 是标准尺寸,用 next/og 动态生成效果最好。一起学习。
    10. 键盘
      键盘敲击者第 11 楼2026/07/03 04:52:58
      有个更优的方案:sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。欢迎大家补充。
    11. 奔跑
      奔跑的树懒第 12 楼2026/07/03 06:18:14
      补充一点:结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。欢迎大家补充。
    12. 蜕皮
      蜕皮的蛇第 13 楼2026/07/06 00:09:28
      我的看法略有不同:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。踩了很多坑才总结出来的。
    13. 观星
      观星者第 14 楼2026/07/08 00:50:17
      我的团队是这样做的:sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。
    14. 互联
      互联网遗民第 15 楼2026/07/11 04:19:13
      这个方案我试过,INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。期待更多实战经验分享。
    15. 精神
      精神小伙第 16 楼2026/07/12 00:34:08
      说说我自己的经历:结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。后续有新发现再来更新。
    16. 冲浪
      冲浪的海豹第 17 楼2026/07/14 19:43:08
      有个相关问题想请教:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。欢迎交流讨论。
    17. 掘洞
      掘洞的兔第 18 楼2026/07/15 05:35:34
      robots.txt 控制抓取,noindex 控制索引,两个不要搞混。
    18. 拾光
      拾光者第 19 楼2026/07/16 06:01:23
      实操中我发现:Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。感谢楼主的启发。
    19. 赏月
      赏月的灰狼第 20 楼2026/07/21 09:37:07
      我的踩坑经验:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。踩了很多坑才总结出来的。
    20. 躺平
      躺平选手第 21 楼2026/07/23 21:42:31
      PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。
    登录后可回复
    热更

    热更新选手

    楼主个人主页

    帖子信息

    27 回复
    0 浏览
    5 赞
    0 收藏
    回复