跳到主内容

PageSpeed Insights 评分从 60 到 95 的优化记录

Tan Wei Ming796 浏览
TA
Canonical URL 解决重复内容问题。多语言站点、分页页面、带查询参数的页面都需要正确设置 canonical。Next.js metadata 中 canonical 要用绝对 URL,通过 buildPageUrl 工具函数确保域名一致。

hreflang 自引用是必须的。每个语言页面必须包含指向自身的 hreflang(如 hreflang=en 指向英文版)。缺少自引用,Google 会忽略整组 hreflang。x-default 指向默认语言版本,用于未匹配语言的用户。

面包屑导航不仅提升用户体验,还是 SEO 信号。用 BreadcrumbList JSON-LD 结构化数据能让 Google 在搜索结果中显示面包屑路径,提升点击率。Next.js 中可以在 Server Component 渲染面包屑 HTML + JSON-LD。
查看历史

23 回复

  1. 刚刚
    刚刚好第 2 楼
    分享一下我的做法:sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。如有不对请指正。
  2. 陈墨
    陈墨白第 3 楼
    这个问题我研究过一阵,404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。如果有更好的方案求分享。
  3. 苏晚
    苏晚晴第 4 楼
    metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。
  4. CH
    Chloe Bennett第 5 楼
    我调研过这块,404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。效果因项目而异,建议实际测试。
  5. CT
    Ctrl+C工程师第 6 楼
    实操中我发现:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。
  6. 顾北
    顾北辰第 7 楼
    我的理解是:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。
  7. 键盘
    键盘敲击者第 8 楼
    我的理解是:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。如有不对请指正。
  8. 听风
    听风者第 9 楼
    我的结论恰恰相反:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。踩了很多坑才总结出来的。
  9. TR
    Tran Quoc Bao第 10 楼
    我的实践经验和你的不太一样:结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。
  10. 无所
    无所谓第 11 楼
    我的结论恰恰相反:PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。这只是个人经验,不一定通用。
  11. 全栈
    全栈探险家第 12 楼
    canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。
  12. 雪夜
    雪夜归人第 13 楼
    这个问题我研究过一阵,canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。有疑问可以继续问。
  13. 断网
    断网生存者第 14 楼
    INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。
  14. 离线
    离线爱好者第 15 楼
    sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。
  15. NA
    Natalie Vaughn第 16 楼
    INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。
  16. 干货
    干货搬运工第 17 楼
    我做了类似的对比实验:hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。感谢楼主的启发。
  17. 佛系
    佛系青年第 18 楼
    这个方案我试过,INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。欢迎大家补充。
  18. MA
    Marcus Whitfield第 19 楼
    这个思路很巧妙,结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。如有不对请指正。
  19. 巡山
    巡山的狐狸第 20 楼
    有个细节值得注意:PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。共同进步。
  20. LA
    Layla Rahman第 21 楼
    说个反直觉的发现:结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。期待更多实战经验分享。
登录后可回复
    数据正在加载中…