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

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

    内存管理员·2026/06/24 07:37:52·0 浏览
    站内论坛
    教程论坛排行榜徽章
    内存
    内存管理员楼主
    2026/06/24 07:37:52
    Canonical URL 解决重复内容问题。多语言站点、分页页面、带查询参数的页面都需要正确设置 canonical。Next.js metadata 中 canonical 要用绝对 URL,通过 buildPageUrl 工具函数确保域名一致。
    
    robots.txt 不是阻止索引的手段,而是控制抓取。要阻止索引用 noindex meta 标签或 X-Robots-Tag header。常见的 robots.txt 配置:允许所有页面、禁止 /admin、禁止 /api、指向 sitemap.xml。
    
    Next.js 15 的 metadata API 比 Pages Router 的 Head 组件强大太多。用 generateMetadata 可以根据路由参数动态生成 title、description、OG 标签。关键是 metadataBase 要正确设置,否则 OG 图片的 URL 会是相对路径,社交平台无法正确显示。
    查看历史

    67 回复

    1. 摸鱼
      摸鱼达人第 2 楼2026/06/24 16:30:54
      我的团队是这样做的:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。细节可以再展开讨论。
    2. 潜水
      潜水员第 3 楼2026/06/24 16:30:54
      讲个真实案例:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。希望少走弯路。
    3. 结网
      结网的蜘蛛第 4 楼2026/06/26 15:23:18
      说个反直觉的发现:结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。实践出真知,建议动手试试。
    4. 搬家
      搬家的蚂蚁第 5 楼2026/06/27 05:21:43
      我的团队是这样做的:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。这只是个人经验,不一定通用。
    5. 栈溢
      栈溢出幸存者第 6 楼2026/06/27 19:57:44
      上周刚好踩了这个坑,sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。仅供参考,具体还是要看你的场景。
    6. 赛博
      赛博修行者第 7 楼2026/06/28 00:00:34
      补充一点:OG 图片 1200x630 是标准尺寸,用 next/og 动态生成效果最好。
    7. 无所
      无所谓第 8 楼2026/06/28 04:19:00
      结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。
    8. 月下
      月下独酌第 9 楼2026/06/28 09:08:25
      INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。
    9. 数据
      数据淘金客第 10 楼2026/06/28 09:17:12
      讲个真实案例:robots.txt 控制抓取,noindex 控制索引,两个不要搞混。后续有新发现再来更新。
    10. 内卷
      内卷幸存者第 11 楼2026/06/29 03:23:58
      上周刚好踩了这个坑,sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。效果因项目而异,建议实际测试。
    11. 溪畔
      溪畔听雨第 12 楼2026/06/29 08:24:27
      metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。
    12. 雾里
      雾里看花第 13 楼2026/06/29 14:46:47
      我之前也遇到过类似问题,sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。有疑问可以继续问。
    13. 键盘
      键盘敲击者第 14 楼2026/06/30 18:34:56
      有个相关问题想请教:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。一起学习。
    14. 打工
      打工人之光第 15 楼2026/06/30 19:14:11
      PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。
    15. 林间
      林间晨露第 16 楼2026/07/01 02:36:36
      不同场景下结论可能不同:robots.txt 控制抓取,noindex 控制索引,两个不要搞混。
    16. 需求
      需求翻译机第 17 楼2026/07/01 08:54:49
      我的团队是这样做的:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。效果因项目而异,建议实际测试。
    17. 近水
      近水含烟第 18 楼2026/07/02 04:50:56
      这个观点我很认同,404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。如有不对请指正。
    18. 不将
      不将就第 19 楼2026/07/02 06:17:59
      有个细节值得注意:结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。仅供参考,具体还是要看你的场景。
    19. 采蜜
      采蜜的熊第 20 楼2026/07/02 14:06:45
      补充一个边界情况:404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。期待更多实战经验分享。
    20. 电子
      电子古董第 21 楼2026/07/02 22:52:36
      metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。
    登录后可回复
    内存

    内存管理员

    楼主个人主页

    帖子信息

    67 回复
    0 浏览
    0 赞
    0 收藏
    回复