网站迁移SEO检查清单：保护你的流量

我监督过23次跨行业的网站迁移，从企业级SaaS到区域电商。其中四次导致了显著且持久的自然流量损失——每一次失败都有相同的根本原因：迁移被当作开发项目，而非SEO项目来处理。网站迁移是网站自然搜索历史中风险最高的事件之一。执行正确，Google几乎感知不到。执行不当，可能在数周内抹去多年积累的排名信号。本指南为你提供完整的技术SEO框架：迁移前检查清单、SEO架构决策、React应用SEO的具体挑战，以及在问题演变为灾难之前发现问题的上线后监控协议。

为什么网站迁移会摧毁自然流量（以及如何预防）

迁移相关流量损失的机制已被充分理解，但仍在不断重复。当URL在没有301重定向的情况下发生变化时，Google将旧URL视为已删除，将新URL视为零权威的全新页面。每个指向旧URL的外链都停止传递链接权益。每个内部链接都变成死链。每个用户点击的书签都返回404。

迁移流量损失最常见的三个原因，按频率排序：

1. 不完整的重定向映射 — 团队重定向了首页和顶级页面，但遗漏了数百个共同带来大量自然流量的长尾URL。
2. 未更新canonical标签就更改URL结构 — 新URL上线时没有更新canonical标签，产生稀释排名权威的重复内容信号。
3. 丢失内部链接权益 — 新网站的内部链接仍然指向旧URL，形成在每次跳转时都会损耗PageRank的重定向链。

完整的SEO网站迁移检查清单

点击任意复选框，在完成迁移步骤时标记为已完成。

SEO架构：子域名vs子目录（这个决策会产生复利效应）

企业做出的最重要的SEO架构决策之一是在哪里托管支持内容——博客、帮助中心或资源库。子域名（blog.example.com）和子目录（example.com/blog/）之间的选择对链接权益在域名中的流动方式有直接、可量化的影响。

子目录的优势不是理论上的。根据Google关于URL整合的文档，同一根域名下的内容受益于整合的抓取预算和统一的权威信号。example.com/blog/seo-guide的博客文章从第一天起就继承了根域名的信任信号；而blog.example.com/seo-guide的文章则从零继承权威开始。

设计扁平、可抓取的网站架构

除了子域名决策之外，网站的内部结构决定了Google如何在页面间高效分配PageRank。目标是扁平架构，使每个重要页面都能在从首页3次点击内到达。

React SEO：为什么客户端渲染是隐藏的排名风险

React是构建现代Web应用的主流JavaScript框架——它引入了纯HTML网站不会面临的一系列SEO挑战。核心问题是渲染：默认情况下，React应用向浏览器提供一个空的HTML壳，并通过JavaScript填充内容。对于连接速度快的人类用户，这几乎是不可见的。对于Googlebot，这造成了两阶段抓取问题。

三种渲染方式及其SEO影响

React应用SEO的实际建议很直接：对每个需要在自然搜索中排名的页面使用SSR或SSG。将CSR保留给认证后的页面或不需要自然曝光的页面。Next.js等框架允许按页面做出这个决定，让你在单个应用中混合使用渲染策略。

// pages/blog/[slug].tsx
// getStaticProps runs at build time — full HTML delivered to Googlebot
export async function getStaticProps({ params }) {
  const post = await fetchPostBySlug(params.slug);
  return {
    props: { post },
    revalidate: 3600  // ISR: rebuild page every hour
  };
}

export async function getStaticPaths() {
  const slugs = await fetchAllPostSlugs();
  return {
    paths: slugs.map(slug => ({ params: { slug } })),
    fallback: 'blocking'  // SSR for new slugs not yet built
  };
}

除了渲染之外，React应用还需要特别关注元数据管理。每个SEO关键页面都需要唯一的<title>、<meta name="description">和canonical标签——按页面动态生成，而不是从单个根index.html继承。next/head或react-helmet-async等库在页面组件级别实现时能正确处理这个问题。

要深入了解React特定的技术SEO模式，请探索我们关于Next.js SEO配置的指南，涵盖React应用的元数据、结构化数据和Core Web Vitals优化。

对于将现有React CSR应用迁移到SSR的团队，迁移本身也存在SEO风险。将其视为完整的网站迁移：抓取CSR版本，映射所有URL，并在切换DNS之前验证SSR版本为每个URL生成相同的内容。了解更多关于在不损失自然排名的情况下管理JavaScript框架迁移的内容。