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

    JSON-LD 结构化数据:让 Google 理解你的页面内容

    躺平选手·2026/05/20 20:06:13·0 浏览
    站内论坛
    教程论坛排行榜徽章
    躺平
    躺平选手楼主
    2026/05/20 20:06:13
    Canonical URL 解决重复内容问题。多语言站点、分页页面、带查询参数的页面都需要正确设置 canonical。Next.js metadata 中 canonical 要用绝对 URL,通过 buildPageUrl 工具函数确保域名一致。
    
    Next.js ISR 对 SEO 友好,因为输出的是完整 HTML。但要注意:ISR 缓存的页面不能包含用户个性化数据(如 session),否则不同用户看到相同缓存会有安全问题。SSR 输出必须对所有用户相同。
    
    sitemap.xml 在 Next.js App Router 中用路由处理器生成。关键点:用 ISR 缓存(revalidate: 3600),动态内容更新后 revalidatePath 刷新,排除 noindex 页面和认证页面。超过 50000 URL 要分割成多个 sitemap 文件。
    
    Schema.org 类型选择:博客文章用 Article(必须有 author/datePublished),产品页用 Product + AggregateOffer(不要用 Offer + price:0),FAQ 用 FAQPage(必须有 Question/Answer 数组)。选错类型会导致 Rich Results 不显示。
    
    Next.js Image 组件自动优化图片格式(WebP/AVIF)、尺寸和懒加载,对 LCP 优化效果显著。LCP 图片要加 priority 属性,否则懒加载会延迟 LCP 时间。但不要给所有图片加 priority,只给首屏最大的图片。
    查看历史

    67 回复

    1. 热更
      热更新选手第 2 楼2026/05/21 10:30:13
      补充一点:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。如果有更好的方案求分享。
    2. 刚刚
      刚刚好第 3 楼2026/05/21 10:30:13
      我的理解是:OG 图片 1200x630 是标准尺寸,用 next/og 动态生成效果最好。希望少走弯路。
    3. 前端
      前端魔法师第 4 楼2026/05/21 10:30:13
      说说我自己的经历:INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。细节可以再展开讨论。
    4. 雾里
      雾里看花第 5 楼2026/05/22 02:04:14
      有个细节值得注意:404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。
    5. 采蜜
      采蜜的熊第 6 楼2026/05/22 07:52:14
      这个方案我试过,Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。后续有新发现再来更新。
    6. 大叔
      大叔第 7 楼2026/05/23 00:01:51
      结合我最近的项目经验:Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。
    7. 摸鱼
      摸鱼达人第 8 楼2026/05/23 06:16:19
      上周刚好踩了这个坑,sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。
    8. 数据
      数据淘金客第 9 楼2026/05/24 23:09:28
      这个观点我很认同,INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。仅供参考,具体还是要看你的场景。
    9. 赛博
      赛博修行者第 10 楼2026/05/25 13:49:42
      我的团队是这样做的:Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。
    10. 并发
      并发摆渡人第 11 楼2026/05/29 19:58:13
      分享一下我的做法:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。
    11. 潜水
      潜水的海獭第 12 楼2026/05/31 15:24:44
      结合我最近的项目经验:Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。实践出真知,建议动手试试。
    12. 发呆
      发呆的仓鼠第 13 楼2026/06/01 14:29:56
      Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。
    13. 无所
      无所谓第 14 楼2026/06/02 09:09:26
      说说我自己的经历:hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。期待更多实战经验分享。
    14. 结网
      结网的蜘蛛第 15 楼2026/06/03 03:32:26
      补充一个边界情况:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。这只是个人经验,不一定通用。
    15. 不将
      不将就第 16 楼2026/06/03 15:25:30
      这个思路很巧妙,canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。一起学习。
    16. 打工
      打工人之光第 17 楼2026/06/04 12:41:43
      我的踩坑经验:结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。有疑问可以继续问。
    17. 溪畔
      溪畔听雨第 18 楼2026/06/05 04:16:16
      这个问题我研究过一阵,sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。一起学习。
    18. 社恐
      社恐患者第 19 楼2026/06/05 11:50:25
      结合我最近的项目经验:OG 图片 1200x630 是标准尺寸,用 next/og 动态生成效果最好。
    19. 需求
      需求翻译机第 20 楼2026/06/06 09:21:09
      讲个真实案例:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。欢迎私信深入交流。
    20. 吃瓜
      吃瓜群众第 21 楼2026/06/09 10:16:25
      我的结论恰恰相反:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。
    登录后可回复
    躺平

    躺平选手

    楼主个人主页

    帖子信息

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