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

    Next.js 15 generateMetadata 完整指南:从基础到高级

    暮色苍茫·2026/02/12 17:47:50·0 浏览
    站内论坛
    教程论坛排行榜徽章
    暮色
    暮色苍茫楼主
    2026/02/12 17:47:50
    hreflang 自引用是必须的。每个语言页面必须包含指向自身的 hreflang(如 hreflang=en 指向英文版)。缺少自引用,Google 会忽略整组 hreflang。x-default 指向默认语言版本,用于未匹配语言的用户。
    
    metadataBase 是 Next.js 15 metadata 的基础 URL 设置。所有相对路径的 OG 图片、canonical URL 都会基于 metadataBase 生成绝对 URL。如果没设置,OG 图片可能显示为相对路径,社交平台无法正确显示。
    
    Google Search Console 的 URL 检查工具可以查看单个 URL 的索引状态、抓取情况、结构化数据错误、移动端可用性。新页面发布后用这个工具请求索引,比等 Google 自然发现快很多。
    
    Canonical URL 解决重复内容问题。多语言站点、分页页面、带查询参数的页面都需要正确设置 canonical。Next.js metadata 中 canonical 要用绝对 URL,通过 buildPageUrl 工具函数确保域名一致。
    查看历史

    14 回复

    1. 溪畔
      溪畔听雨第 2 楼2026/02/13 08:11:50
      分享一下我的做法:INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。如有不对请指正。
    2. 社恐
      社恐患者第 3 楼2026/02/23 03:41:41
      我的团队是这样做的:Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。一起学习。
    3. 数星
      数星星第 4 楼2026/03/09 06:53:49
      说个反直觉的发现:PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。
    4. 星辰
      星辰大海第 5 楼2026/03/10 03:45:02
      说个反直觉的发现:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。这只是个人经验,不一定通用。
    5. BU
      Bug猎人第 6 楼2026/03/12 09:50:36
      我的实践经验和你的不太一样:404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。
    6. 逻辑
      逻辑编织者第 7 楼2026/03/22 16:40:29
      这个方案我试过,robots.txt 控制抓取,noindex 控制索引,两个不要搞混。
    7. 秋水
      秋水长天第 8 楼2026/03/26 10:09:32
      补充一个可能被忽略的点:sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。踩了很多坑才总结出来的。
    8. 干货
      干货搬运工第 9 楼2026/04/05 13:47:27
      说个反直觉的发现:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。效果因项目而异,建议实际测试。
    9. 等风
      等风来第 10 楼2026/04/05 22:10:27
      OG 图片 1200x630 是标准尺寸,用 next/og 动态生成效果最好。
    10. 代码
      代码诗人第 11 楼2026/04/11 08:58:05
      不同场景下结论可能不同:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。仅供参考,具体还是要看你的场景。
    11. 热更
      热更新选手第 12 楼2026/04/20 17:52:06
      我调研过这块,Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。踩了很多坑才总结出来的。
    12. 小青
      小青年第 13 楼2026/05/08 09:15:59
      我的团队是这样做的:结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。期待更多实战经验分享。
    13. 潜水
      潜水的海獭第 14 楼2026/05/31 15:24:44
      讲个真实案例:Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。细节可以再展开讨论。
    14. 冲浪
      冲浪的海豹第 15 楼2026/07/14 19:43:08
      这个观点我很认同,INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。一起学习。
    登录后可回复
    暮色

    暮色苍茫

    楼主个人主页

    帖子信息

    14 回复
    0 浏览
    9 赞
    0 收藏
    回复