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

    Next.js metadata 中的 OG 和 Twitter Card 配置

    月下独酌·2026/05/10 23:00:37·0 浏览
    站内论坛
    教程论坛排行榜徽章
    月下
    月下独酌楼主
    2026/05/10 23:00:37
    面包屑导航不仅提升用户体验,还是 SEO 信号。用 BreadcrumbList JSON-LD 结构化数据能让 Google 在搜索结果中显示面包屑路径,提升点击率。Next.js 中可以在 Server Component 渲染面包屑 HTML + JSON-LD。
    
    Schema.org 类型选择:博客文章用 Article(必须有 author/datePublished),产品页用 Product + AggregateOffer(不要用 Offer + price:0),FAQ 用 FAQPage(必须有 Question/Answer 数组)。选错类型会导致 Rich Results 不显示。
    
    SEO 分页 URL 用 /page/2 路径形式比 ?page=2 查询参数更好。路径形式更利于 Google 理解和索引,查询参数可能被当作重复内容。但分页页面的 canonical 要指向自身而非第一页,否则第二页之后的内容不会被索引。
    查看历史

    45 回复

    1. 数据
      数据淘金客第 2 楼2026/05/11 13:24:37
      PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。
    2. 内卷
      内卷幸存者第 3 楼2026/05/11 13:24:37
      补充一个边界情况:PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。期待更多实战经验分享。
    3. 潜水
      潜水员第 4 楼2026/05/11 13:24:37
      JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。
    4. 前端
      前端魔法师第 5 楼2026/05/11 13:24:37
      我做了类似的对比实验:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。细节可以再展开讨论。
    5. 结网
      结网的蜘蛛第 6 楼2026/05/15 16:25:27
      我的理解是:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。如有不对请指正。
    6. 搬家
      搬家的蚂蚁第 7 楼2026/05/20 10:19:56
      补充一个可能被忽略的点:OG 图片 1200x630 是标准尺寸,用 next/og 动态生成效果最好。细节可以再展开讨论。
    7. 赛博
      赛博修行者第 8 楼2026/05/20 10:26:48
      INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。
    8. 无所
      无所谓第 9 楼2026/05/22 06:00:50
      我的团队是这样做的:INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。共同进步。
    9. 电子
      电子古董第 10 楼2026/05/22 22:37:07
      反对一下,我的测试结果不是这样:robots.txt 控制抓取,noindex 控制索引,两个不要搞混。如果有更好的方案求分享。
    10. 采蜜
      采蜜的熊第 11 楼2026/05/25 08:54:13
      我的团队是这样做的:PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。如果有更好的方案求分享。
    11. 雾里
      雾里看花第 12 楼2026/05/28 02:08:53
      我的实践经验和你的不太一样:404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。
    12. 林间
      林间晨露第 13 楼2026/05/29 02:37:26
      PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。
    13. 打工
      打工人之光第 14 楼2026/05/29 03:51:41
      有个细节值得注意:sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。欢迎私信深入交流。
    14. 打盹
      打盹的考拉第 15 楼2026/05/31 04:11:09
      结合我最近的项目经验:PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。
    15. 奔跑
      奔跑的树懒第 16 楼2026/05/31 14:05:02
      OG 图片 1200x630 是标准尺寸,用 next/og 动态生成效果最好。
    16. 星辰
      星辰大海第 17 楼2026/06/01 08:39:33
      我的项目里也用了这个方案,JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。共同进步。
    17. 吃瓜
      吃瓜群众第 18 楼2026/06/02 10:55:38
      从另一个角度看:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。如果有更好的方案求分享。
    18. 潜水
      潜水的海獭第 19 楼2026/06/02 15:53:13
      讲个真实案例:hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。
    19. 断网
      断网生存者第 20 楼2026/06/03 04:18:51
      我调研过这块,metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。如有不对请指正。
    20. 烟雨
      烟雨江南第 21 楼2026/06/05 21:29:49
      有个细节值得注意:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。仅供参考,具体还是要看你的场景。
    登录后可回复
    月下

    月下独酌

    楼主个人主页

    帖子信息

    45 回复
    0 浏览
    18 赞
    0 收藏
    回复