React+Django网站迁移：如何实现SEO友好的旧URL重定向？

为什么前端方案不可取 #

• 前端存500+URL：打包后体积暴涨，拖慢首屏加载速度；而且用React路由做客户端跳转（比如useNavigate），浏览器不会返回3xx状态码，搜索引擎无法识别永久迁移，直接丢失旧URL的SEO权重。
• 调用API跳转：用户请求旧URL后，先加载React再发请求，延迟高；同样是客户端跳转，搜索引擎爬虫可能不等API响应就判定旧URL无效，完全起不到SEO权重转移的作用。

Django实现步骤 #

1. 用官方redirects应用（适合一对一固定URL） #

这是最省心的方式，适合500+固定URL的映射：

• 在settings.py的INSTALLED_APPS里加'django.contrib.redirects'
• 在MIDDLEWARE里加'django.contrib.redirects.middleware.RedirectFallbackMiddleware'
• 运行python manage.py migrate生成重定向数据表
• 批量导入URL映射：别手动在admin加，用Django的import-export插件，或者写个简单脚本读CSV文件批量插入数据库（比如用csv模块+Django ORM）

2. 自定义正则重定向（适合批量规则匹配） #

如果旧URL有规律（比如分类、文章URL的结构统一），直接用正则路由写重定向视图，比一个个加URL高效：

# urls.py
from django.http import HttpResponsePermanentRedirect
from django.urls import re_path

def old_post_redirect(request, post_id):
    return HttpResponsePermanentRedirect(f'/new-blog/post/{post_id}/')

urlpatterns = [
    # 匹配旧文章URL：/old-blog/123/ 跳转到 /new-blog/post/123/
    re_path(r'^old-blog/(?P<post_id>\d+)/$', old_post_redirect),
    # 其他路由...
]

SEO关键细节 #

• 必须用301永久重定向：Django的HttpResponsePermanentRedirect和redirects应用默认都是301，这是告诉搜索引擎旧URL已永久迁移，权重会转移到新URL；别用302临时重定向，它不会传递权重。
• 内容匹配：新URL的内容要和旧URL高度相关（或者是合理的迁移后的内容），避免搜索引擎判定为内容替换导致权重下降。
• 主动告知搜索引擎：更新sitemap并提交到各大搜索平台站长工具，同时提交URL变更请求，加速爬虫识别。

特殊场景的前端补充（尽量不用） #

如果某些旧URL是纯前端路由（比如旧React项目的路由，没走Django后端），可以在新React的路由配置里用Navigate组件，但必须满足：

// React Router v6 示例
import { Navigate, Route, Routes } from 'react-router-dom';

function App() {
  return (
    <Routes>
      {/* 旧前端URL跳转到新URL，replace确保不会在浏览器历史留痕迹 */}
      <Route path="/old-frontend-page" element={<Navigate to="/new-page" replace={true} />} />
      {/* 其他路由... */}
    </Routes>
  );
}

但注意：纯客户端渲染的React无法返回301状态码，搜索引擎爬虫可能识别不到，所以如果要兼顾SEO，必须配合服务器端渲染（SSR），让服务器在收到旧URL请求时直接返回301状态，再跳转新URL。

内容的提问来源于stack exchange，提问作者Anonymous