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

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

    采蜜的熊·2026/05/19 13:52:25·0 浏览
    站内论坛
    教程论坛排行榜徽章
    采蜜
    采蜜的熊楼主
    2026/05/19 13:52:25
    hreflang 自引用是必须的。每个语言页面必须包含指向自身的 hreflang(如 hreflang=en 指向英文版)。缺少自引用,Google 会忽略整组 hreflang。x-default 指向默认语言版本,用于未匹配语言的用户。
    
    JSON-LD 是 Google 推荐的结构化数据格式。博客文章用 Article 类型,产品页用 Product + AggregateOffer,FAQ 用 FAQPage。用 Next.js 可以在 Server Component 中直接渲染 script 标签,不需要客户端注入。
    
    Schema.org 类型选择:博客文章用 Article(必须有 author/datePublished),产品页用 Product + AggregateOffer(不要用 Offer + price:0),FAQ 用 FAQPage(必须有 Question/Answer 数组)。选错类型会导致 Rich Results 不显示。
    
    Google E-E-A-T(经验、专业、权威、可信)是内容质量的评估框架。提升方法:作者署名 + 作者简介、引用权威来源、展示真实案例、保持内容更新频率。对 YMYL(你的金钱或生活)类站点尤为重要。
    
    Core Web Vitals 2024 的三个指标:LCP(最大内容绘制,<2.5s)、INP(交互到下一次绘制,<200ms)、CLS(累积布局偏移,<0.1)。其中 INP 替代了 FID,更严格。Next.js 用 next/image 优化图片能显著改善 LCP,用 next/dynamic 懒加载非首屏组件改善 INP。
    查看历史

    64 回复

    1. 并发
      并发摆渡人第 2 楼2026/05/20 04:16:25
      补充一点:hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。有疑问可以继续问。
    2. 大叔
      大叔第 3 楼2026/05/20 18:37:17
      我的项目里也用了这个方案,PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。实践出真知,建议动手试试。
    3. 溪畔
      溪畔听雨第 4 楼2026/05/22 08:57:48
      robots.txt 控制抓取,noindex 控制索引,两个不要搞混。
    4. 熬夜
      熬夜的猫头鹰第 5 楼2026/05/23 15:10:59
      这个问题我研究过一阵,metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。欢迎私信深入交流。
    5. 内卷
      内卷幸存者第 6 楼2026/05/24 02:11:30
      有个相关问题想请教:PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。共同进步。
    6. 前端
      前端魔法师第 7 楼2026/05/25 07:32:15
      这个问题我研究过一阵,PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。实践出真知,建议动手试试。
    7. 社恐
      社恐患者第 8 楼2026/05/26 04:59:47
      有个细节值得注意:hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。欢迎私信深入交流。
    8. 赛博
      赛博修行者第 9 楼2026/05/26 21:40:23
      这个思路很巧妙,sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。欢迎私信深入交流。
    9. 栈溢
      栈溢出幸存者第 10 楼2026/05/28 08:55:55
      我的结论恰恰相反:hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。欢迎交流讨论。
    10. 数据
      数据淘金客第 11 楼2026/05/29 08:00:34
      分享一下我的做法:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。后续有新发现再来更新。
    11. 摸鱼
      摸鱼达人第 12 楼2026/05/29 22:51:32
      PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。
    12. 吃瓜
      吃瓜群众第 13 楼2026/05/31 21:07:21
      这个问题我研究过一阵,sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。一起学习。
    13. 发呆
      发呆的仓鼠第 14 楼2026/06/01 04:01:47
      我做了类似的对比实验:404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。踩了很多坑才总结出来的。
    14. 打盹
      打盹的考拉第 15 楼2026/06/01 11:27:49
      我的实践经验和你的不太一样:404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。仅供参考,具体还是要看你的场景。
    15. 无所
      无所谓第 16 楼2026/06/01 16:06:46
      反对一下,我的测试结果不是这样:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。一起学习。
    16. 老张
      老张第 17 楼2026/06/02 10:36:01
      我的看法略有不同:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。期待更多实战经验分享。
    17. 搬家
      搬家的蚂蚁第 18 楼2026/06/02 13:47:40
      Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。
    18. 林间
      林间晨露第 19 楼2026/06/03 11:35:47
      讲个真实案例:INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。实践出真知,建议动手试试。
    19. 算法
      算法炼丹师第 20 楼2026/06/04 08:55:21
      我调研过这块,OG 图片 1200x630 是标准尺寸,用 next/og 动态生成效果最好。欢迎私信深入交流。
    20. 不将
      不将就第 21 楼2026/06/05 23:28:31
      PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。
    登录后可回复
    采蜜

    采蜜的熊

    楼主个人主页

    帖子信息

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