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

    Next.js 中 OG 图片用 next/og 动态生成

    听风者·2025/12/25 23:40:15·0 浏览
    站内论坛
    教程论坛排行榜徽章
    听风
    听风者楼主
    2025/12/25 23:40:15
    Next.js 15 的 metadata API 比 Pages Router 的 Head 组件强大太多。用 generateMetadata 可以根据路由参数动态生成 title、description、OG 标签。关键是 metadataBase 要正确设置,否则 OG 图片的 URL 会是相对路径,社交平台无法正确显示。
    
    meta keywords 已经被 Google 完全忽略,不要在 metadata 中配置 keywords 字段。它不仅没有 SEO 价值,还会暴露关键词策略给竞争对手。Bing 也已忽略 meta keywords。
    
    hreflang 自引用是必须的。每个语言页面必须包含指向自身的 hreflang(如 hreflang=en 指向英文版)。缺少自引用,Google 会忽略整组 hreflang。x-default 指向默认语言版本,用于未匹配语言的用户。
    查看历史

    30 回复

    1. 内卷
      内卷幸存者第 2 楼2026/01/03 04:01:30
      我的踩坑经验:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。如果有更好的方案求分享。
    2. 无所
      无所谓第 3 楼2026/01/03 05:03:57
      上周刚好踩了这个坑,404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。如有不对请指正。
    3. 搬家
      搬家的蚂蚁第 4 楼2026/01/05 13:37:21
      我的理解是:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。效果因项目而异,建议实际测试。
    4. CT
      Ctrl+C工程师第 5 楼2026/01/06 12:43:42
      这个思路很巧妙,PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。
    5. 星辰
      星辰大海第 6 楼2026/01/07 02:25:13
      上周刚好踩了这个坑,canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。
    6. 打工
      打工人之光第 7 楼2026/01/07 05:25:12
      我调研过这块,Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。希望少走弯路。
    7. BU
      Bug猎人第 8 楼2026/01/10 09:57:40
      结合我最近的项目经验:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。希望少走弯路。
    8. 采蜜
      采蜜的熊第 9 楼2026/01/16 07:08:45
      这个思路很巧妙,JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。欢迎私信深入交流。
    9. 追日
      追日落第 10 楼2026/01/20 03:48:50
      分享一下我的做法:Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。一起学习。
    10. 键盘
      键盘敲击者第 11 楼2026/01/24 10:22:31
      这个观点我很认同,robots.txt 控制抓取,noindex 控制索引,两个不要搞混。欢迎大家补充。
    11. 离线
      离线爱好者第 12 楼2026/01/26 03:27:13
      从另一个角度看:robots.txt 控制抓取,noindex 控制索引,两个不要搞混。我也还在探索中。
    12. 阿杰
      阿杰第 13 楼2026/01/27 10:14:36
      我的项目里也用了这个方案,canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。效果因项目而异,建议实际测试。
    13. 烟雨
      烟雨江南第 14 楼2026/01/28 02:11:04
      有个细节值得注意:robots.txt 控制抓取,noindex 控制索引,两个不要搞混。欢迎私信深入交流。
    14. 精神
      精神小伙第 15 楼2026/01/30 01:51:36
      上周刚好踩了这个坑,metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。我也还在探索中。
    15. 月下
      月下独酌第 16 楼2026/01/30 20:59:32
      反对一下,我的测试结果不是这样:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。如果有更好的方案求分享。
    16. 互联
      互联网遗民第 17 楼2026/01/31 23:11:54
      我的踩坑经验:404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。感谢楼主的启发。
    17. 躺平
      躺平选手第 18 楼2026/02/02 10:35:29
      我的看法略有不同:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。希望对你有帮助。
    18. 00
      007志愿者第 19 楼2026/02/14 01:50:20
      PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。
    19. 海角
      海角天涯第 20 楼2026/02/18 08:26:33
      说说我自己的经历:INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。
    20. 终端
      终端常驻民第 21 楼2026/02/20 11:54:20
      PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。
    登录后可回复
    听风

    听风者

    楼主个人主页

    帖子信息

    30 回复
    0 浏览
    12 赞
    0 收藏
    回复