小网站用vue的用法---SEO实战密码读后感

发现SEO实战密码又是读得太晚,要是早读，翻一会都不会在几大搜索引擎做seo这么费劲了（虽然还没开始做，但知道要做只有对网站结构进行某些大的调整，针对搜索引擎的。）

今天写这个读后感之前还google了下，发现谈论前端几大框架的选型，对比的，都是说的纯技术，或者说好像这些网站基本都有其他的推广方式，完全不用考虑用了vue之后，seo完全没法做的问题，不过看了看各种比选文章，都说的是百度，腾讯，阿里分别用的是什么前端框架，这才反应过来，这些互联网大厂的确是不需要考虑如何推广的，所以这篇读后感是完全针对一个小网站的vue用法选型。

vue的常规用法

vue常规用法是调用axios，从服务器端获取数据，然后在页面上通过vue的data变量进行渲染，生成页面，如果觉得慢，可以考虑用nuxt编译成原生js，这样就会快不少。

vue的seo用法

vue也是支持seo的，具体支持方法就是在服务器端除了常规的程序外，单独再布置一个npm服务程序，再安装上nuxt，然后从网页访问服务器时，先访问nuxt，nuxt去后端取数据，然后渲染成html页面，发送到客户端。

从上面的过程大概可以看出，为了seo，人为在服务器端增加了nuxt，这对小网站来说，那服务器的负载又增加了，这就不好。

vue非nuxt的seo用法

先说个题外话：“翻一会”后端用的nginx加tornado，tornado本身支持template模板，不过tornado的模板与vue的变量模板有点冲突，网上一堆解决办法，我试了之后发现都不好使，后来直接在tornado里把template的模板变量给改掉就好了。

所以vue配合tornado使用就是直接将tornado模板的变量输入到vue的data里，让data直接驱动渲染网页（好吧，这个想法一直还没有验证，但愿不会有问题），如果还不行，说不定为了seo只有直接全使用tornado的模板，这样就真的是把整个网站给重写一遍，那就酸爽了。

看完这本书才知道在html页面head部分的keywords堆积关键词一点用处都没有，网上还有一堆说vue做seo只要在keywords堆积关键词就可以了，我印象中nuxt的官网文档好像也这么写的，对此也是很无语，很无力。

有些书真是要早看，不然等看完才知道某些事情真是崩溃，还有这本也是。