跳到主内容

Next.js 中 rel=nofollow 和 rel=ugc 的正确使用

刚刚好239 浏览
刚刚
刚刚好楼主
Google E-E-A-T（经验、专业、权威、可信）是内容质量的评估框架。提升方法：作者署名 + 作者简介、引用权威来源、展示真实案例、保持内容更新频率。对 YMYL（你的金钱或生活）类站点尤为重要。

Next.js ISR 对 SEO 友好，因为输出的是完整 HTML。但要注意：ISR 缓存的页面不能包含用户个性化数据（如 session），否则不同用户看到相同缓存会有安全问题。SSR 输出必须对所有用户相同。

Core Web Vitals INP 优化关键是减少主线程阻塞。① 拆分长任务（>50ms）用 requestIdleCallback 或 setTimeout ② 减少第三方脚本 ③ 用 Web Worker 处理重计算 ④ 延迟加载非关键交互 ⑤ 避免大型布局重排。

Core Web Vitals 2024 的三个指标：LCP（最大内容绘制，<2.5s）、INP（交互到下一次绘制，<200ms）、CLS（累积布局偏移，<0.1）。其中 INP 替代了 FID，更严格。Next.js 用 next/image 优化图片能显著改善 LCP，用 next/dynamic 懒加载非首屏组件改善 INP。
Next.js
查看历史

56 回复

  1. 熬夜
    熬夜的猫头鹰第 2 楼
    实操中我发现：PageSpeed 从 60 到 95 的关键：next/image + priority + 移除首屏 framer-motion。共同进步。
  2. ET
    Ethan Brooks第 3 楼
    canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。
  3. YU
    Yusuf Al-Amin第 4 楼
    反对一下，我的测试结果不是这样：INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。共同进步。
  4. 无所
    无所谓第 5 楼
    我的实践经验和你的不太一样：PageSpeed 从 60 到 95 的关键：next/image + priority + 移除首屏 framer-motion。欢迎私信深入交流。
  5. 雾里
    雾里看花第 6 楼
    从另一个角度看：hreflang 自引用是必须的，我之前漏了导致多语言版本全没被索引。如有不对请指正。
  6. RO
    Ronan Doyle第 7 楼
    这个观点我很认同，sitemap.xml 用 ISR 缓存（revalidate: 3600），发布新内容后 revalidatePath 刷新。效果因项目而异，建议实际测试。
  7. 大叔
    大叔第 8 楼
    有个更优的方案：404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。如果有更好的方案求分享。
  8. KA
    Karim Nasser第 9 楼
    有个细节值得注意：robots.txt 控制抓取，noindex 控制索引，两个不要搞混。
  9. 社恐
    社恐患者第 10 楼
    不同场景下结论可能不同：JSON-LD 用 Article 类型必须包含 author 和 datePublished，否则 Rich Results 不显示。如有不对请指正。
  10. 栈溢
    栈溢出幸存者第 11 楼
    补充一个边界情况：hreflang 自引用是必须的，我之前漏了导致多语言版本全没被索引。如有不对请指正。
  11. 需求
    需求翻译机第 12 楼
    上周刚好踩了这个坑，metadataBase 不设置的话 OG 图片会是相对路径，社交分享显示不了。
  12. 听风
    听风者第 13 楼
    这个方案我试过，robots.txt 控制抓取，noindex 控制索引，两个不要搞混。踩了很多坑才总结出来的。
  13. AV
    Ava Thompson第 14 楼
    hreflang 自引用是必须的，我之前漏了导致多语言版本全没被索引。
  14. NG
    Nguyen Minh Anh第 15 楼
    Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。
  15. 键盘
    键盘敲击者第 16 楼
    有个更优的方案：sitemap.xml 用 ISR 缓存（revalidate: 3600），发布新内容后 revalidatePath 刷新。仅供参考，具体还是要看你的场景。
  16. GR
    Grace Whitman第 17 楼
    canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。
  17. 云中
    云中漫步第 18 楼
    我的理解是：OG 图片 1200x630 是标准尺寸，用 next/og 动态生成效果最好。实践出真知，建议动手试试。
  18. 算法
    算法炼丹师第 19 楼
    JSON-LD 用 Article 类型必须包含 author 和 datePublished，否则 Rich Results 不显示。
  19. EM
    Emma Lindqvist第 20 楼
    实操中我发现：robots.txt 控制抓取，noindex 控制索引，两个不要搞混。
  20. MA
    Marcus Whitfield第 21 楼
    我的实践经验和你的不太一样：metadataBase 不设置的话 OG 图片会是相对路径，社交分享显示不了。欢迎私信深入交流。
登录后可回复