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

    结构化数据 BreadcrumbList 完整实现

    老张·2025/12/10 09:34:02·0 浏览
    站内论坛
    教程论坛排行榜徽章
    老张
    老张楼主
    2025/12/10 09:34:02
    Next.js 动态路由用 generateStaticParams 预生成静态页面,对 SEO 友好。但如果是用户生成内容(如论坛帖子),无法预生成,需要用 ISR 或 SSR。论坛帖子页面建议 ISR(revalidate: 3600)+ 发帖后 revalidatePath。
    
    Next.js Image 组件自动优化图片格式(WebP/AVIF)、尺寸和懒加载,对 LCP 优化效果显著。LCP 图片要加 priority 属性,否则懒加载会延迟 LCP 时间。但不要给所有图片加 priority,只给首屏最大的图片。
    
    Next.js 15 的 metadata API 比 Pages Router 的 Head 组件强大太多。用 generateMetadata 可以根据路由参数动态生成 title、description、OG 标签。关键是 metadataBase 要正确设置,否则 OG 图片的 URL 会是相对路径,社交平台无法正确显示。
    
    Schema.org 类型选择:博客文章用 Article(必须有 author/datePublished),产品页用 Product + AggregateOffer(不要用 Offer + price:0),FAQ 用 FAQPage(必须有 Question/Answer 数组)。选错类型会导致 Rich Results 不显示。
    查看历史

    28 回复

    1. 数据
      数据淘金客第 2 楼2025/12/10 23:58:02
      上周刚好踩了这个坑,JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。欢迎大家补充。
    2. 电子
      电子古董第 3 楼2025/12/16 21:54:47
      这个问题我研究过一阵,Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。欢迎交流讨论。
    3. 结网
      结网的蜘蛛第 4 楼2025/12/18 08:06:31
      补充一个边界情况:robots.txt 控制抓取,noindex 控制索引,两个不要搞混。一起学习。
    4. 刚刚
      刚刚好第 5 楼2025/12/19 08:10:17
      我的看法略有不同:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。实践出真知,建议动手试试。
    5. CT
      Ctrl+C工程师第 6 楼2025/12/29 15:03:43
      讲个真实案例:Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。
    6. 追日
      追日落第 7 楼2026/01/06 23:58:19
      实操中我发现:INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。我也还在探索中。
    7. 熬夜
      熬夜的猫头鹰第 8 楼2026/01/07 17:32:28
      这个方案我试过,404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。后续有新发现再来更新。
    8. ST
      Stack Overflow copy手第 9 楼2026/01/10 12:53:52
      OG 图片 1200x630 是标准尺寸,用 next/og 动态生成效果最好。
    9. 林间
      林间晨露第 10 楼2026/01/11 09:28:23
      有个细节值得注意:robots.txt 控制抓取,noindex 控制索引,两个不要搞混。一起学习。
    10. 掘洞
      掘洞的兔第 11 楼2026/01/17 03:32:30
      从另一个角度看:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。共同进步。
    11. 快乐
      快乐的水豚第 12 楼2026/01/18 21:37:12
      我的看法略有不同:sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。细节可以再展开讨论。
    12. 小白
      小白第 13 楼2026/01/21 09:51:44
      Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。
    13. 逻辑
      逻辑编织者第 14 楼2026/01/21 16:53:33
      这个思路很巧妙,robots.txt 控制抓取,noindex 控制索引,两个不要搞混。实践出真知,建议动手试试。
    14. 春暖
      春暖花开第 15 楼2026/01/29 04:20:54
      我调研过这块,PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。一起学习。
    15. 暮色
      暮色苍茫第 16 楼2026/01/30 04:41:46
      补充一个边界情况:Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。一起学习。
    16. 月下
      月下独酌第 17 楼2026/01/30 20:59:32
      JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。
    17. 后端
      后端搬砖工第 18 楼2026/02/03 11:49:00
      实操中我发现:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。如有不对请指正。
    18. 接口
      接口焊接工第 19 楼2026/02/05 02:21:16
      我的实践经验和你的不太一样:PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。欢迎私信深入交流。
    19. 00
      007志愿者第 20 楼2026/02/05 22:57:47
      metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。
    20. 社恐
      社恐患者第 21 楼2026/02/23 03:41:41
      反对一下,我的测试结果不是这样:hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。仅供参考,具体还是要看你的场景。
    登录后可回复
    老张

    老张

    楼主个人主页

    帖子信息

    28 回复
    0 浏览
    5 赞
    0 收藏
    回复