SPA单页面应用、前后端分离项目SEO优化的方法

原文地址：https://xeblog.cn/articles/9

前言

我这个博客架构使用的是前后端分离的模式，前端项目独立，后端提供数据接口，使用Ajax与服务器端接口交互，前端渲染接口返回的数据。这种模式非常不利于SEO优化，因为获取数据需要执行js代码，百度蜘蛛是执行不了js的，所以就算百度收录了我的博客，也不会有真实数据显示，显示的全是html里写死的一些文字。PS:据说Google蜘蛛是可以执行js的，但好像需要满足一些条件，此处不做叙述（因为我也不会）

下面这张图是未做优化前Google收录我网站时的信息

如何优化？

使用Prerender做预渲染
Prerender介绍请移步 https://prerender.io/

这个方案经常会出现响应太慢的情况，可走替代方案：基于Selenium的动态网页渲染服务