Core Web Vitals 2024 的三个指标：LCP（最大内容绘制，<2.5s）、INP（交互到下一次绘制，<200ms）、CLS（累积布局偏移，<0.1）。其中 INP 替代了 FID，更严格。Next.js 用 next/image 优化图片能显著改善 LCP，用 next/dynamic 懒加载非首屏组件改善 INP。 Canonical URL 解决重复内容问题。多语言站点、分页页面、带查询参数的页面都需要正确设置 canonical。Next.js metadata 中 canonical 要用绝对 URL，通过 buildPageUrl 工具函数确保域名一致。 Next.js Image 组件自动优化图片格式（WebP/AVIF）、尺寸和懒加载，对 LCP 优化效果显著。LCP 图片要加 priority 属性，否则懒加载会延迟 LCP 时间。但不要给所有图片加 priority，只给首屏最大的图片。
我调研过这块，404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。欢迎大家补充。
我做了类似的对比实验：robots.txt 控制抓取，noindex 控制索引，两个不要搞混。有疑问可以继续问。
从另一个角度看：hreflang 自引用是必须的，我之前漏了导致多语言版本全没被索引。一起学习。
我之前也遇到过类似问题，OG 图片 1200x630 是标准尺寸，用 next/og 动态生成效果最好。如果有更好的方案求分享。
结合我最近的项目经验：PageSpeed 从 60 到 95 的关键：next/image + priority + 移除首屏 framer-motion。
metadataBase 不设置的话 OG 图片会是相对路径，社交分享显示不了。
实操中我发现：metadataBase 不设置的话 OG 图片会是相对路径，社交分享显示不了。仅供参考，具体还是要看你的场景。
补充一个边界情况：robots.txt 控制抓取，noindex 控制索引，两个不要搞混。如果有更好的方案求分享。
我做了类似的对比实验：PageSpeed 从 60 到 95 的关键：next/image + priority + 移除首屏 framer-motion。
实操中我发现：sitemap.xml 用 ISR 缓存（revalidate: 3600），发布新内容后 revalidatePath 刷新。
canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。
Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。
说个反直觉的发现：PageSpeed 从 60 到 95 的关键：next/image + priority + 移除首屏 framer-motion。
补充一个可能被忽略的点：OG 图片 1200x630 是标准尺寸，用 next/og 动态生成效果最好。有疑问可以继续问。
结构化数据用 Rich Results Test 工具测试，Search Console 会报错误。
实操中我发现：canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。希望少走弯路。
OG 图片 1200x630 是标准尺寸，用 next/og 动态生成效果最好。
这个思路很巧妙，INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。后续有新发现再来更新。
结合我最近的项目经验：Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。一起学习。
我做了类似的对比实验：canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。欢迎交流讨论。