vue单页面怎么优化seo

        我们一般做网站是用的DIV+CSS，因为这种一般利于优化，在前两天接到一个项目需要做优化，客户的网站是VUE做的，把网站看了一遍，发现类似这样的网站优化成本会很高。
        我们来了解一下什么是vue？
        VUE是几年出来的web很火的一项技术，他是一套构建用户界面的渐进式框架，采用自下而上增量式开发设计，在传统web开发中，我们搭建项目都以html结构为基础，然后通过jquery或者js来添加各种特效功能，需要去选中每一个元素进行命令，这些内容在简单的项目中或者不变的项目中还能应付得来，一旦项目改动或者项目工程较大，代码的修改将是复杂繁琐的，而这时候用了vue，这些问题都不复存在。在比如一些单网页制作成的应用程序，一般涉及到数据交互的内容都很多，而应用了vue之后将大大缩减工作量。

        用VUE开发的网站也有他的缺陷——不利于优化
        因为vue的脚手架搭建的项目，we bpack的配置当中就包含了压缩js，css和html的压缩。所以，当我们的单页面越做越大的情况下，首要的一步就是分包。也就是说一个网站你在代码里面智能看见JS和CSS，其他什么都没有了，那么这样的网站搜索引擎如何抓取？肯定抓取的难度会很大，处理起来也是相当麻烦的，所以建议大家在做网站开发的时候不要只用这种技术（前提是网站需要优化）。
        利用Freemarker生成静态页面。
        FreeMarker 是一个用 Java 语言编写的模板引擎，它基于模板来生成文本输出。FreeMarker与 Web 容器无关，即在 Web 运行时，它并不知道 Servlet 或 HTTP。它不仅可以用作表现层的实现技术，而且还可以用于生成 XML，JSP 或 Java 等。