Next.js Image 组件自动优化图片格式（WebP/AVIF）、尺寸和懒加载，对 LCP 优化效果显著。LCP 图片要加 priority 属性，否则懒加载会延迟 LCP 时间。但不要给所有图片加 priority，只给首屏最大的图片。 Next.js 15 将 viewport 从 metadata 中分离，必须单独导出 viewport 对象。缺少 viewport 会导致移动端渲染异常，影响移动端优先索引。viewport 中可以设置 width、initialScale、themeColor 等。 Core Web Vitals INP 优化关键是减少主线程阻塞。① 拆分长任务（>50ms）用 requestIdleCallback 或 setTimeout ② 减少第三方脚本 ③ 用 Web Worker 处理重计算 ④ 延迟加载非关键交互 ⑤ 避免大型布局重排。
有个细节值得注意：robots.txt 控制抓取，noindex 控制索引，两个不要搞混。仅供参考，具体还是要看你的场景。
说个反直觉的发现：canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。欢迎私信深入交流。
有个相关问题想请教：canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。后续有新发现再来更新。
补充一个可能被忽略的点：结构化数据用 Rich Results Test 工具测试，Search Console 会报错误。细节可以再展开讨论。
讲个真实案例：robots.txt 控制抓取，noindex 控制索引，两个不要搞混。仅供参考，具体还是要看你的场景。
我的实践经验和你的不太一样：404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。如有不对请指正。
结构化数据用 Rich Results Test 工具测试，Search Console 会报错误。
有个相关问题想请教：canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。期待更多实战经验分享。
metadataBase 不设置的话 OG 图片会是相对路径，社交分享显示不了。
结合我最近的项目经验：sitemap.xml 用 ISR 缓存（revalidate: 3600），发布新内容后 revalidatePath 刷新。后续有新发现再来更新。
这个观点我很认同，INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。欢迎交流讨论。
补充一个可能被忽略的点：PageSpeed 从 60 到 95 的关键：next/image + priority + 移除首屏 framer-motion。欢迎交流讨论。
robots.txt 控制抓取，noindex 控制索引，两个不要搞混。
canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。
补充一点：metadataBase 不设置的话 OG 图片会是相对路径，社交分享显示不了。一起学习。
这个问题我研究过一阵，OG 图片 1200x630 是标准尺寸，用 next/og 动态生成效果最好。一起学习。
404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。
有个更优的方案：Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。如有不对请指正。
讲个真实案例：robots.txt 控制抓取，noindex 控制索引，两个不要搞混。如果有更好的方案求分享。
讲个真实案例：INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。共同进步。