跳到主内容

Next.js 中 OG 图片用 next/og 动态生成

数星星0 浏览
数星
数星星楼主
Schema.org 类型选择:博客文章用 Article(必须有 author/datePublished),产品页用 Product + AggregateOffer(不要用 Offer + price:0),FAQ 用 FAQPage(必须有 Question/Answer 数组)。选错类型会导致 Rich Results 不显示。

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

软 404 是指返回 200 状态码但内容是「页面未找到」的页面。Google 会把这些当作低质内容。Next.js 中确保:不存在的页面用 notFound() 触发真正的 404,搜索结果无结果时返回 404 或 noindex。

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

6 回复

  1. 潜水
    潜水员第 2 楼
    有个相关问题想请教:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。如果有更好的方案求分享。
  2. 键盘
    键盘敲击者第 3 楼
    我的团队是这样做的:hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。欢迎交流讨论。
  3. BU
    Bug猎人第 4 楼
    我的看法略有不同:robots.txt 控制抓取,noindex 控制索引,两个不要搞混。
  4. 全栈
    全栈探险家第 5 楼
    讲个真实案例:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。希望少走弯路。
  5. 躺平
    躺平选手第 6 楼
    robots.txt 控制抓取,noindex 控制索引,两个不要搞混。
  6. 快乐
    快乐星球居民第 7 楼
    Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。
登录后可回复