前后端分离项目如何做seo

2019-04-16-09:22 于公司

假如面试官问你：前后端分离项目如何做seo？

1、使用prerender，如果说不用prerender，你怎么回答呢？

2、先去 www.baidu.com/robots.txt 找出常见的爬虫，然后在 ngnix 服务器上判断访问者的 User Agent （划重点）是否是爬虫。

如果是：用 ngnix 反向代理到我们自己用 nodejs + puppeteer 实现的爬虫服务器。

知识点：

puppeteer ：谷歌推出，可以理解为无界面版本的 chrome 浏览器，通俗说就是可以在服务端使用浏览器（页面不展示而已）。

实际上是通过调用Chrome DevTools开放的接口与Chrome通信，Chrome DevTools的接口很复杂，但puppeteer对其进行了封装，我们调用起来还是很方便的。

这个问题可以从多个方向去考虑，如果在有环境有精力的情况下，可以考虑ssr(server side rendering)，不仅能解决SEO，折腾的过程也是一笔宝贵的经验和财富。

其次偏静态的站点可以考虑预渲染，chrisvfritz/prerender-spa-plugin，作者是vue的核心团队成员，但不局限于vue使用，搭配webpack和主流UI层框架均可。

再其次就可以寻求一些妥协方案，例如针对爬虫请求返回直出页面，关键SEO相关直出后UI框架接管等等，这也是一个老生常谈的话题了，多思考多变通，从中找出一个最适合你们现状的法子。

*回答来源链接：https://www.zhihu.com/question/47902788/answer/450982622

以上就是《前后端分离怎么解决seo》的全部内容，感谢阅读，希望对你有帮助！

SEO你可以找一位专员来作为沟通的桥梁。

毕竟一个合格的SEO对前端和后台都是有所了解的。

seo方面更在乎的是前端展现内容，并不是说页面上线之后，就符合搜索引擎需求的，关键词等战略性的，还需要我们重点考虑。

---