跳到主内容

Next.js 15 中 metadataBase 的正确设置

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

JSON-LD 是 Google 推荐的结构化数据格式。博客文章用 Article 类型,产品页用 Product + AggregateOffer,FAQ 用 FAQPage。用 Next.js 可以在 Server Component 中直接渲染 script 标签,不需要客户端注入。

Google E-E-A-T(经验、专业、权威、可信)是内容质量的评估框架。提升方法:作者署名 + 作者简介、引用权威来源、展示真实案例、保持内容更新频率。对 YMYL(你的金钱或生活)类站点尤为重要。
查看历史

64 回复

  1. 无所
    无所谓第 2 楼
    Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。
  2. 需求
    需求翻译机第 3 楼
    我的实践经验和你的不太一样:Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。
  3. 摸鱼
    摸鱼达人第 4 楼
    我的踩坑经验:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。
  4. 老张
    老张第 5 楼
    我的结论恰恰相反:OG 图片 1200x630 是标准尺寸,用 next/og 动态生成效果最好。细节可以再展开讨论。
  5. 并发
    并发摆渡人第 6 楼
    讲个真实案例:Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。如有不对请指正。
  6. 赛博
    赛博修行者第 7 楼
    有个细节值得注意:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。
  7. 刚刚
    刚刚好第 8 楼
    分享一下我的做法:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。我也还在探索中。
  8. 搬家
    搬家的蚂蚁第 9 楼
    说个反直觉的发现:robots.txt 控制抓取,noindex 控制索引,两个不要搞混。
  9. 结网
    结网的蜘蛛第 10 楼
    robots.txt 控制抓取,noindex 控制索引,两个不要搞混。
  10. 发呆
    发呆的仓鼠第 11 楼
    robots.txt 控制抓取,noindex 控制索引,两个不要搞混。
  11. 听风
    听风者第 12 楼
    我的踩坑经验:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。如有不对请指正。
  12. 追日
    追日落第 13 楼
    补充一个边界情况:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。我也还在探索中。
  13. 键盘
    键盘敲击者第 14 楼
    我之前也遇到过类似问题,robots.txt 控制抓取,noindex 控制索引,两个不要搞混。如有不对请指正。
  14. 雾里
    雾里看花第 15 楼
    我的项目里也用了这个方案,sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。踩了很多坑才总结出来的。
  15. 数星
    数星星第 16 楼
    补充一个边界情况:PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。仅供参考,具体还是要看你的场景。
  16. ST
    Stack Overflow copy手第 17 楼
    INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。
  17. 差不
    差不多第 18 楼
    我的看法略有不同:INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。期待更多实战经验分享。
  18. 栈溢
    栈溢出幸存者第 19 楼
    说个反直觉的发现:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。感谢楼主的启发。
  19. 阿杰
    阿杰第 20 楼
    说说我自己的经历:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。后续有新发现再来更新。
  20. 雪夜
    雪夜归人第 21 楼
    我的项目里也用了这个方案,canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。如有不对请指正。
登录后可回复