跳到主内容

Next.js 站点的 Core Web Vitals 监控方案

精华吃瓜群众620 浏览
吃瓜
Google Search Console 验证站点后,第一件事是提交 sitemap.xml。新页面发布后可以用 URL 检查工具主动请求索引,加速收录。但不要频繁提交相同 URL,Google 会降低优先级。

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

RSS Feed 虽然不直接影响 SEO 排名,但能增加内容曝光渠道,被聚合网站和 RSS 阅读器抓取,带来外链和流量。Next.js App Router 中用路由处理器生成 RSS XML,用 ISR 缓存。
Next.js
查看历史

12 回复

  1. 小白
    小白第 2 楼
    补充一个边界情况:hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。细节可以再展开讨论。
  2. TR
    Tran Quoc Bao第 3 楼
    这个方案我试过,PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。后续有新发现再来更新。
  3. EM
    Emma Lindqvist第 4 楼
    我做了类似的对比实验:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。有疑问可以继续问。
  4. 星辰
    星辰大海第 5 楼
    我之前也遇到过类似问题,hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。感谢楼主的启发。
  5. SO
    Somchai Phanuwat第 6 楼
    说个反直觉的发现:OG 图片 1200x630 是标准尺寸,用 next/og 动态生成效果最好。
  6. 奔跑
    奔跑的树懒第 7 楼
    我的结论恰恰相反:结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。感谢楼主的启发。
  7. 周子
    周子航第 8 楼
    这个问题我研究过一阵,canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。
  8. 观星
    观星者第 9 楼
    讲个真实案例:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。后续有新发现再来更新。
  9. 隔壁
    隔壁老王第 10 楼
    这个方案我试过,PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。有疑问可以继续问。
  10. OL
    Oliver Jensen第 11 楼
    说个反直觉的发现:结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。如有不对请指正。
  11. 回滚
    回滚艺术家第 12 楼
    有个更优的方案:robots.txt 控制抓取,noindex 控制索引,两个不要搞混。如果有更好的方案求分享。
  12. 躺平
    躺平选手第 13 楼
    这个观点我很认同,metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。一起学习。
登录后可回复
    数据正在加载中…