React SPA动态标题及Meta标签无法被SEO工具识别的问题求助

React SPA默认是客户端渲染模式：当SEO工具或爬虫请求任意URL时，IIS返回的是首页的基础静态HTML（仅包含根容器<div id="root"></div>和加载React的JS文件），此时HTML里的标题和meta都是首页的。而react-helmet是在客户端JS执行完成后才动态修改head内容，但大部分SEO工具/爬虫不会等待客户端JS执行，直接抓取初始返回的HTML，因此只能识别到首页的标题和meta。

• 服务器端渲染（SSR）：改用支持SSR的React框架（如Next.js），或自行搭建React SSR服务。每个URL请求时，服务器会预先渲染对应页面的完整HTML，包含正确的标题和meta标签后再返回，爬虫/SEO工具能直接获取到对应路由的正确head信息。不过这种方式需要改造现有项目架构，开发和维护成本较高。
• 静态站点生成（SSG）：如果页面内容可提前预渲染，使用Next.js的SSG功能或Gatsby框架，预先生成每个路由对应的静态HTML文件（包含对应页面的标题和meta），部署到IIS后，每个URL请求直接返回对应的静态HTML，SEO工具能直接识别到正确内容。适合内容变动不频繁的场景。
• 预渲染配置（IIS环境）：通过IIS的URL重写规则，检测请求的User-Agent是否为SEO爬虫/工具，若是则返回预渲染好的对应页面HTML（可通过本地预渲染工具生成每个路由的渲染后HTML文件），普通用户请求则正常返回客户端渲染的入口文件。这种方式无需大规模改造项目，适合现有SPA的优化，需维护预渲染的HTML文件。
• 手动静态HTML fallback：针对每个路由手动创建包含对应标题和meta的静态HTML文件，在IIS中配置URL重写规则，将每个路由请求指向对应的静态HTML文件。仅适合路由数量少、内容几乎不变的场景，维护成本较高。

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