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

    Next.js 15 中 metadataBase 的正确设置

    前端魔法师·2026/02/19 18:02:17·0 浏览
    站内论坛
    教程论坛排行榜徽章
    前端
    前端魔法师楼主
    2026/02/19 18:02:17
    Core Web Vitals 2024 的三个指标:LCP(最大内容绘制,<2.5s)、INP(交互到下一次绘制,<200ms)、CLS(累积布局偏移,<0.1)。其中 INP 替代了 FID,更严格。Next.js 用 next/image 优化图片能显著改善 LCP,用 next/dynamic 懒加载非首屏组件改善 INP。
    
    Next.js 15 将 viewport 从 metadata 中分离,必须单独导出 viewport 对象。缺少 viewport 会导致移动端渲染异常,影响移动端优先索引。viewport 中可以设置 width、initialScale、themeColor 等。
    
    Google Search Console 验证站点后,第一件事是提交 sitemap.xml。新页面发布后可以用 URL 检查工具主动请求索引,加速收录。但不要频繁提交相同 URL,Google 会降低优先级。
    查看历史

    69 回复

    1. 结网
      结网的蜘蛛第 2 楼2026/02/20 11:59:42
      有个相关问题想请教:结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。共同进步。
    2. 溪畔
      溪畔听雨第 3 楼2026/02/22 10:33:50
      说说我自己的经历:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。
    3. 雾里
      雾里看花第 4 楼2026/02/22 12:55:56
      这个观点我很认同,INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。欢迎大家补充。
    4. 并发
      并发摆渡人第 5 楼2026/02/23 04:50:46
      我的踩坑经验:hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。踩了很多坑才总结出来的。
    5. 数据
      数据淘金客第 6 楼2026/02/23 09:52:12
      我的团队是这样做的:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。感谢楼主的启发。
    6. 老张
      老张第 7 楼2026/02/26 04:56:02
      我之前也遇到过类似问题,INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。
    7. 潜水
      潜水员第 8 楼2026/02/26 21:05:57
      我调研过这块,Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。细节可以再展开讨论。
    8. 刚刚
      刚刚好第 9 楼2026/03/01 05:17:30
      反对一下,我的测试结果不是这样:结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。细节可以再展开讨论。
    9. 摸鱼
      摸鱼达人第 10 楼2026/03/02 02:34:52
      有个细节值得注意:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。仅供参考,具体还是要看你的场景。
    10. 需求
      需求翻译机第 11 楼2026/03/03 07:46:13
      我的项目里也用了这个方案,sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。
    11. 搬家
      搬家的蚂蚁第 12 楼2026/03/04 17:04:36
      补充一个边界情况:404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。
    12. 无所
      无所谓第 13 楼2026/03/07 01:02:32
      PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。
    13. 冬炉
      冬炉暖茶第 14 楼2026/03/09 02:42:04
      分享一下我的做法:hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。希望对你有帮助。
    14. 月下
      月下独酌第 15 楼2026/03/10 00:12:55
      补充一个边界情况:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。踩了很多坑才总结出来的。
    15. BU
      Bug猎人第 16 楼2026/03/10 17:14:21
      我的项目里也用了这个方案,metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。如果有更好的方案求分享。
    16. 林间
      林间晨露第 17 楼2026/03/10 18:08:39
      有个更优的方案:robots.txt 控制抓取,noindex 控制索引,两个不要搞混。
    17. 断网
      断网生存者第 18 楼2026/03/10 20:06:20
      INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。
    18. 发呆
      发呆的仓鼠第 19 楼2026/03/11 03:44:00
      这个方案我试过,robots.txt 控制抓取,noindex 控制索引,两个不要搞混。
    19. CT
      Ctrl+C工程师第 20 楼2026/03/11 11:58:26
      INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。
    20. 打工
      打工人之光第 21 楼2026/03/11 12:33:37
      我做了类似的对比实验:404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。希望少走弯路。
    登录后可回复
    前端

    前端魔法师

    楼主个人主页

    帖子信息

    69 回复
    0 浏览
    4 赞
    0 收藏
    回复