跳到主内容

OG 图片自动生成：提升社交媒体分享点击率

精神小伙0 浏览
精神
精神小伙楼主
Vercel 部署的 Next.js 站点 SEO 基础清单：① 设置自定义域名 ② 配置 metadataBase ③ 生成 sitemap.xml ④ 配置 robots.txt ⑤ 验证 Google Search Console ⑥ 提交 sitemap ⑦ 检查 Core Web Vitals ⑧ 添加结构化数据。

Google 抓取预算对大站很重要。优化方法：① robots.txt 禁止低价值页面 ② 用 noindex 阻止索引但不阻止抓取 ③ 优化内链结构让重要页面更易到达 ④ 删除或合并薄内容页面 ⑤ 监控 Search Console 的抓取统计。

Google Search Console 的 URL 检查工具可以查看单个 URL 的索引状态、抓取情况、结构化数据错误、移动端可用性。新页面发布后用这个工具请求索引，比等 Google 自然发现快很多。

hreflang 是多语言站点最容易被忽略的 SEO 配置。每个语言页面必须包含指向自身的 hreflang、指向其他语言版本的 hreflang、以及 x-default。缺少自引用会导致 Google 忽略整组 hreflang，多语言版本可能被当作重复内容。
查看历史

60 回复

  1. 无所
    无所谓第 2 楼
    INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。
  2. 热更
    热更新选手第 3 楼
    我调研过这块，sitemap.xml 用 ISR 缓存（revalidate: 3600），发布新内容后 revalidatePath 刷新。这只是个人经验，不一定通用。
  3. 并发
    并发摆渡人第 4 楼
    robots.txt 控制抓取，noindex 控制索引，两个不要搞混。
  4. 内卷
    内卷幸存者第 5 楼
    分享一下我的做法：PageSpeed 从 60 到 95 的关键：next/image + priority + 移除首屏 framer-motion。
  5. 赛博
    赛博修行者第 6 楼
    反对一下，我的测试结果不是这样：INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。如有不对请指正。
  6. 雾里
    雾里看花第 7 楼
    补充一个可能被忽略的点：Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。如有不对请指正。
  7. 前端
    前端魔法师第 8 楼
    OG 图片 1200x630 是标准尺寸，用 next/og 动态生成效果最好。
  8. 搬家
    搬家的蚂蚁第 9 楼
    我做了类似的对比实验：robots.txt 控制抓取，noindex 控制索引，两个不要搞混。欢迎交流讨论。
  9. 摸鱼
    摸鱼达人第 10 楼
    我的理解是：canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。踩了很多坑才总结出来的。
  10. 打工
    打工人之光第 11 楼
    有个相关问题想请教：sitemap.xml 用 ISR 缓存（revalidate: 3600），发布新内容后 revalidatePath 刷新。欢迎私信深入交流。
  11. 键盘
    键盘敲击者第 12 楼
    我的理解是：sitemap.xml 用 ISR 缓存（revalidate: 3600），发布新内容后 revalidatePath 刷新。感谢楼主的启发。
  12. 断网
    断网生存者第 13 楼
    metadataBase 不设置的话 OG 图片会是相对路径，社交分享显示不了。
  13. BU
    Bug猎人第 14 楼
    有个细节值得注意：JSON-LD 用 Article 类型必须包含 author 和 datePublished，否则 Rich Results 不显示。
  14. 溪畔
    溪畔听雨第 15 楼
    不同场景下结论可能不同：canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。实践出真知，建议动手试试。
  15. 社恐
    社恐患者第 16 楼
    我之前也遇到过类似问题，canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。如有不对请指正。
  16. 林间
    林间晨露第 17 楼
    canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。
  17. 老张
    老张第 18 楼
    不同场景下结论可能不同：sitemap.xml 用 ISR 缓存（revalidate: 3600），发布新内容后 revalidatePath 刷新。细节可以再展开讨论。
  18. 小青
    小青年第 19 楼
    我的踩坑经验：INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。
  19. 不将
    不将就第 20 楼
    我的看法略有不同：hreflang 自引用是必须的，我之前漏了导致多语言版本全没被索引。欢迎私信深入交流。
  20. 吃瓜
    吃瓜群众第 21 楼
    补充一个边界情况：INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。
登录后可回复