现在前端技术越来越花哨，很多站用上 React、Vue 这类框架做纯前端渲染。做出来确实丝滑，但你要是没处理好，搜索引擎来了一看，页面上啥都没有，就一个空壳子。
这事儿的原理不复杂。以前网页是服务器直接吐 HTML 出来，搜索引擎一抓一大把内容。现在很多站是先给个空页面，里面塞一段 JavaScript，用户的浏览器把这段 JS 跑起来，内容才慢慢显示出来。搜索引擎的爬虫虽然也能跑 JS，但跑起来费劲，而且它不一定有耐心等你跑完。等它跑完一看，内容还没出来，它就当你这页面是空的。
我有个做前端的朋友，站上线三个月收录是零。他百思不得其解，内容写得挺好啊。我一看源码，页面上除了一个 div 和一段 script，什么都没有。所有内容都靠接口异步拉。我说你这不叫网站，这叫空盒子。后来做了服务端渲染，收录慢慢就上来了。
那怎么办。最彻底的是服务端渲染，让内容在服务器就把 HTML 拼好，搜索引擎一来直接就看到内容了。再不然用预渲染，对那些不经常变的页面预先渲染成静态 HTML。这些方案改造起来都有成本，但你要做内容型的站，前端渲染这块必须解决。
还有一个更省事的办法，叫动态渲染。就是判断来访的是不是搜索引擎，如果是，就给它返回服务端渲染好的版本，普通用户还是走 JS。这个方法能快速解决问题，但我不太推荐，因为它本质上是对不同访问者给不同内容，处理不好有风险。
不管用哪种方案，验证都特别重要。你不能想当然地以为搜索引擎能看到。去站长平台用抓取诊断，看看它抓到的源码里有没有你的正文内容。如果抓到的是一堆 script 标签，那就是没处理好。你还可以把页面的 JS 禁掉，自己看看还剩多少内容。剩得越少，说明你对 JS 的依赖越重，风险越大。
内容型的站，我建议老老实实把服务端渲染做上。前端体验可以慢慢优化，但内容得先让搜索引擎看得到。这个顺序搞反了，做得再漂亮也是给自己看。
—— 来自 挖的客 - 优秀网站分类目录 的分享