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

利用 Server Components、Canonical 标签与 JSON-LD 结构化数据构建高权重索引体系。

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 },
  };
}

下一篇极简黑白单色设计系统实践

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

标签，配合清晰的

/

更多文章