跳到主内容

Next.js 15 中 metadataBase 的正确设置

搬家的蚂蚁0 浏览
搬家
搬家的蚂蚁楼主
Schema.org 类型选择：博客文章用 Article（必须有 author/datePublished），产品页用 Product + AggregateOffer（不要用 Offer + price:0），FAQ 用 FAQPage（必须有 Question/Answer 数组）。选错类型会导致 Rich Results 不显示。

面包屑导航不仅提升用户体验，还是 SEO 信号。用 BreadcrumbList JSON-LD 结构化数据能让 Google 在搜索结果中显示面包屑路径，提升点击率。Next.js 中可以在 Server Component 渲染面包屑 HTML + JSON-LD。

hreflang 是多语言站点最容易被忽略的 SEO 配置。每个语言页面必须包含指向自身的 hreflang、指向其他语言版本的 hreflang、以及 x-default。缺少自引用会导致 Google 忽略整组 hreflang，多语言版本可能被当作重复内容。

Next.js 15 的 metadata API 比 Pages Router 的 Head 组件强大太多。用 generateMetadata 可以根据路由参数动态生成 title、description、OG 标签。关键是 metadataBase 要正确设置，否则 OG 图片的 URL 会是相对路径，社交平台无法正确显示。

meta keywords 已经被 Google 完全忽略，不要在 metadata 中配置 keywords 字段。它不仅没有 SEO 价值，还会暴露关键词策略给竞争对手。Bing 也已忽略 meta keywords。
查看历史

56 回复

  1. 无所
    无所谓第 2 楼
    我的团队是这样做的：metadataBase 不设置的话 OG 图片会是相对路径，社交分享显示不了。有疑问可以继续问。
  2. 需求
    需求翻译机第 3 楼
    有个更优的方案：INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。欢迎私信深入交流。
  3. 内卷
    内卷幸存者第 4 楼
    INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。
  4. 熬夜
    熬夜的猫头鹰第 5 楼
    我的理解是：metadataBase 不设置的话 OG 图片会是相对路径，社交分享显示不了。
  5. 结网
    结网的蜘蛛第 6 楼
    分享一下我的做法：INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。希望少走弯路。
  6. 老张
    老张第 7 楼
    我的理解是：结构化数据用 Rich Results Test 工具测试，Search Console 会报错误。欢迎交流讨论。
  7. 听风
    听风者第 8 楼
    这个思路很巧妙，robots.txt 控制抓取，noindex 控制索引，两个不要搞混。如果有更好的方案求分享。
  8. 并发
    并发摆渡人第 9 楼
    这个问题我研究过一阵，Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。效果因项目而异，建议实际测试。
  9. 电子
    电子古董第 10 楼
    404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。
  10. 社恐
    社恐患者第 11 楼
    补充一个可能被忽略的点：robots.txt 控制抓取，noindex 控制索引，两个不要搞混。这只是个人经验，不一定通用。
  11. 雾里
    雾里看花第 12 楼
    补充一个可能被忽略的点：canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。共同进步。
  12. 栈溢
    栈溢出幸存者第 13 楼
    我的踩坑经验：sitemap.xml 用 ISR 缓存（revalidate: 3600），发布新内容后 revalidatePath 刷新。踩了很多坑才总结出来的。
  13. BU
    Bug猎人第 14 楼
    反对一下，我的测试结果不是这样：hreflang 自引用是必须的，我之前漏了导致多语言版本全没被索引。有疑问可以继续问。
  14. 蜕皮
    蜕皮的蛇第 15 楼
    结构化数据用 Rich Results Test 工具测试，Search Console 会报错误。
  15. 发呆
    发呆的仓鼠第 16 楼
    hreflang 自引用是必须的，我之前漏了导致多语言版本全没被索引。
  16. 月下
    月下独酌第 17 楼
    我调研过这块，metadataBase 不设置的话 OG 图片会是相对路径，社交分享显示不了。这只是个人经验，不一定通用。
  17. 追日
    追日落第 18 楼
    我的结论恰恰相反：结构化数据用 Rich Results Test 工具测试，Search Console 会报错误。踩了很多坑才总结出来的。
  18. 冬炉
    冬炉暖茶第 19 楼
    我的看法略有不同：robots.txt 控制抓取，noindex 控制索引，两个不要搞混。
  19. 星辰
    星辰大海第 20 楼
    我的理解是：canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。期待更多实战经验分享。
  20. CT
    Ctrl+C工程师第 21 楼
    有个细节值得注意：sitemap.xml 用 ISR 缓存（revalidate: 3600），发布新内容后 revalidatePath 刷新。细节可以再展开讨论。
登录后可回复