分享一个 SPA 应用（React）的 SEO 方案

[zhdsuperm]

现在公司大部分前端项目都切换到 React 了，社区、论坛类，电商商品详情页都有 SEO 需求，然鹅 SPA 应用 SEO 确实是个麻烦事，经过前期实践后总结出我们的 SEO 方案。可以看看下文，欢迎感兴趣的小伙伴讨论下～

SPA 的 SEO 方案对比、最终实践

PS：安利下公司的一个任务管理神器，TaskHub 文件式任务管理

[Lax]

点链接进去超过 10 秒了还是白屏。广告就应该有个广告的亚子

[zhdsuperm]

@Lax 兄弟是不是你翻墙啦～ 这个应用国外 IP 访问还没有优化呢～

[throns]

线上环境没关 Redux DevTools?

[zhdsuperm]

@throns ⊙﹏⊙b 汗。。。前端同事。。。╮(╯▽╰)╭

[throns]

另外， [登陆] 用得不对吧，正常应该使用 [登录] 讨论： https://www.zhihu.com/question/19570377

[robinlovemaggie]

@zhdsuperm 先不着急关哈，让我们一窥究竟～

[phpfpm]

这又是从 ssr 到 case study 的示范么

[keepeye]

要 seo 的干啥要做成 spa ？

[iXingo]

图用什么画的

[airfling]

第一次打开确实是需要十秒左右

[zhdsuperm]

@keepeye SPA 有明显的体验差距，用户体验有限，其次 SEO 都是做给爬虫看的，普通用户用不到其实，所以文章写了动态渲染的方案。
@iXingo 前几张用的网图，后面架构图片用的 google sheet （ PPT ）画的，我们用谷歌文档协作

[zhdsuperm]

@airfling @robinlovemaggie @throns 让你们见笑了，应该是前端同学调试发版本的时候忘了。。。CDN 也没刷新预热。
感谢你们的意见，我们会吸收改进！

[gitjavascript]

我打开挺快的

[dartabe]

有点收获 但是我觉得应该是 ssr 和 csr 混合吧 不是什么 spa

[zqx]

所以结论是 nginx 判断 ua，是爬虫就代理到 node 服务，是人就返回静态资源
但是 ssr 还有个优点是内容到达时间更短，首屏渲染快，人就享受不到了

[yeept]

10 多秒还没打开呢。

[crazyrock]

关掉翻墙，秒开，赞

[ddzy]

不支持 Markdown?

[ljpCN]

打听一下，Gatsby 是不是类似构建时渲染？

[maichael]

sourcemap 不去掉？