跳到主内容

hreflang 自引用和 x-default 的必要性

置顶打盹的考拉0 浏览
打盹
sitemap.xml 在 Next.js App Router 中用路由处理器生成。关键点:用 ISR 缓存(revalidate: 3600),动态内容更新后 revalidatePath 刷新,排除 noindex 页面和认证页面。超过 50000 URL 要分割成多个 sitemap 文件。

OG 图片用 Next.js 的 next/og 或 ImageResponse 动态生成,效果比静态图片好。1200x630 是标准尺寸,图片上放标题和品牌 logo,社交分享时点击率能提升 30%。

JSON-LD 是 Google 推荐的结构化数据格式。博客文章用 Article 类型,产品页用 Product + AggregateOffer,FAQ 用 FAQPage。用 Next.js 可以在 Server Component 中直接渲染 script 标签,不需要客户端注入。

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

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

7 回复

  1. 内卷
    内卷幸存者第 2 楼
    这个方案我试过,sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。踩了很多坑才总结出来的。
  2. 采蜜
    采蜜的熊第 3 楼
    metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。
  3. 星辰
    星辰大海第 4 楼
    有个细节值得注意:INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。实践出真知,建议动手试试。
  4. 离线
    离线爱好者第 5 楼
    metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。
  5. 夏蝉
    夏蝉鸣夜第 6 楼
    反对一下,我的测试结果不是这样:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。欢迎大家补充。
  6. 小青
    小青年第 7 楼
    实操中我发现:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。效果因项目而异,建议实际测试。
  7. 不将
    不将就第 8 楼
    sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。
登录后可回复