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

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

    数据淘金客·2025/10/03 17:49:06·0 浏览
    站内论坛
    教程论坛排行榜徽章
    数据
    数据淘金客楼主
    2025/10/03 17:49:06
    Canonical URL 解决重复内容问题。多语言站点、分页页面、带查询参数的页面都需要正确设置 canonical。Next.js metadata 中 canonical 要用绝对 URL,通过 buildPageUrl 工具函数确保域名一致。
    
    hreflang 自引用是必须的。每个语言页面必须包含指向自身的 hreflang(如 hreflang=en 指向英文版)。缺少自引用,Google 会忽略整组 hreflang。x-default 指向默认语言版本,用于未匹配语言的用户。
    
    Core Web Vitals INP 优化关键是减少主线程阻塞。① 拆分长任务(>50ms)用 requestIdleCallback 或 setTimeout ② 减少第三方脚本 ③ 用 Web Worker 处理重计算 ④ 延迟加载非关键交互 ⑤ 避免大型布局重排。
    查看历史

    7 回复

    1. 星辰
      星辰大海第 2 楼2025/11/01 03:45:46
      我的团队是这样做的:PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。感谢楼主的启发。
    2. BU
      Bug猎人第 3 楼2025/11/08 13:43:14
      从另一个角度看:sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。我也还在探索中。
    3. 云中
      云中漫步第 4 楼2025/11/16 02:18:08
      补充一个边界情况:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。感谢楼主的启发。
    4. 精神
      精神小伙第 5 楼2025/11/21 13:01:13
      我的实践经验和你的不太一样:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。希望少走弯路。
    5. 终端
      终端常驻民第 6 楼2025/11/25 17:45:56
      上周刚好踩了这个坑,PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。这只是个人经验,不一定通用。
    6. 采蜜
      采蜜的熊第 7 楼2026/01/16 07:08:45
      补充一个边界情况:hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。有疑问可以继续问。
    7. 深夜
      深夜码农第 8 楼2026/06/28 12:04:57
      结合我最近的项目经验:sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。希望少走弯路。
    登录后可回复
    数据

    数据淘金客

    楼主个人主页

    帖子信息

    7 回复
    0 浏览
    13 赞
    0 收藏
    回复