Next.js Edge 架构下的 SEO 工程规范

免费 - Sunrise - 15 小时前 - 浏览量： 0 - 文章来源

1. 服务端直出与语义化标签

每个独立路由严格保持单一 标签，配合清晰的 / 层级与语义化容器（、、、），确保搜索引擎爬虫首屏即可完整抓取正文。

2. Canonical 与多语言 Sitemap

通过 generateMetadata 动态注入 canonical 链接、OpenGraph 与 Twitter Card，并在 sitemap.xml 中输出 xhtml:link hreflang 多语言映射。

export async function generateMetadata(): Promise<Metadata> {
  const site = await getCurrentSiteConfig();
  return {
    alternates: { canonical: site.canonicalUrl },
  };
}