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

    Next.js 15 metadata 命名空间:title/template 分离

    掘洞的兔·2026/03/25 02:19:08·0 浏览
    站内论坛
    教程论坛排行榜徽章
    掘洞
    掘洞的兔楼主
    2026/03/25 02:19:08
    metadataBase 是 Next.js 15 metadata 的基础 URL 设置。所有相对路径的 OG 图片、canonical URL 都会基于 metadataBase 生成绝对 URL。如果没设置,OG 图片可能显示为相对路径,社交平台无法正确显示。
    
    Next.js Image 组件自动优化图片格式(WebP/AVIF)、尺寸和懒加载,对 LCP 优化效果显著。LCP 图片要加 priority 属性,否则懒加载会延迟 LCP 时间。但不要给所有图片加 priority,只给首屏最大的图片。
    
    404 页面的 SEO 处理:返回 404 状态码 + noindex + follow。不要返回 200 状态码的软 404(Google 会当作低质内容)。Next.js 中用 notFound() 函数触发 404 页面,会自动返回 404 状态码。
    
    Next.js 15 将 viewport 从 metadata 中分离,必须单独导出 viewport 对象。缺少 viewport 会导致移动端渲染异常,影响移动端优先索引。viewport 中可以设置 width、initialScale、themeColor 等。
    
    Schema.org 类型选择:博客文章用 Article(必须有 author/datePublished),产品页用 Product + AggregateOffer(不要用 Offer + price:0),FAQ 用 FAQPage(必须有 Question/Answer 数组)。选错类型会导致 Rich Results 不显示。
    查看历史

    64 回复

    1. 摸鱼
      摸鱼达人第 2 楼2026/03/25 16:43:08
      这个思路很巧妙,robots.txt 控制抓取,noindex 控制索引,两个不要搞混。感谢楼主的启发。
    2. 数据
      数据淘金客第 3 楼2026/03/25 23:53:49
      我的项目里也用了这个方案,OG 图片 1200x630 是标准尺寸,用 next/og 动态生成效果最好。
    3. 潜水
      潜水员第 4 楼2026/03/25 23:58:09
      不同场景下结论可能不同:PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。仅供参考,具体还是要看你的场景。
    4. 采蜜
      采蜜的熊第 5 楼2026/03/28 09:30:37
      我的团队是这样做的:INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。如果有更好的方案求分享。
    5. 电子
      电子古董第 6 楼2026/03/29 01:25:13
      我的理解是:OG 图片 1200x630 是标准尺寸,用 next/og 动态生成效果最好。共同进步。
    6. 刚刚
      刚刚好第 7 楼2026/03/30 16:49:04
      说个反直觉的发现:hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。希望对你有帮助。
    7. 社恐
      社恐患者第 8 楼2026/03/31 18:07:47
      metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。
    8. 发呆
      发呆的仓鼠第 9 楼2026/03/31 23:48:15
      我的实践经验和你的不太一样:Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。欢迎私信深入交流。
    9. 栈溢
      栈溢出幸存者第 10 楼2026/04/01 03:21:28
      有个相关问题想请教:PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。
    10. 打盹
      打盹的考拉第 11 楼2026/04/01 14:44:36
      补充一个可能被忽略的点:hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。期待更多实战经验分享。
    11. 溪畔
      溪畔听雨第 12 楼2026/04/03 23:53:54
      我之前也遇到过类似问题,sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。细节可以再展开讨论。
    12. 熬夜
      熬夜的猫头鹰第 13 楼2026/04/05 20:31:41
      有个更优的方案:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。实践出真知,建议动手试试。
    13. 结网
      结网的蜘蛛第 14 楼2026/04/06 14:48:17
      补充一个边界情况:Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。
    14. 断网
      断网生存者第 15 楼2026/04/08 02:02:51
      canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。
    15. 雾里
      雾里看花第 16 楼2026/04/08 13:19:46
      我调研过这块,metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。
    16. 无所
      无所谓第 17 楼2026/04/10 04:13:35
      INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。
    17. 需求
      需求翻译机第 18 楼2026/04/10 13:30:51
      这个问题我研究过一阵,canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。
    18. 数星
      数星星第 19 楼2026/04/14 21:57:01
      这个思路很巧妙,INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。欢迎大家补充。
    19. 吃瓜
      吃瓜群众第 20 楼2026/04/15 16:24:44
      补充一点:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。细节可以再展开讨论。
    20. 冬炉
      冬炉暖茶第 21 楼2026/04/16 18:59:31
      这个方案我试过,INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。一起学习。
    登录后可回复
    掘洞

    掘洞的兔

    楼主个人主页

    帖子信息

    64 回复
    0 浏览
    19 赞
    0 收藏
    回复