Vue单页面如何做seo页面优化

1、服务端渲染

服务端渲染对于刚接触 vue 的新手来说，并不是那么友好，虽然已有官方 SSR 中文文档。但是对于一个已经开发完毕的 vue 项目去接 SSR 无论是从工作量还是技术角度来说，都是一种挑战。

2、预渲染方式

在构建时 (build time) 简单地生成针对特定路由的静态 HTML 文件。优点是设置预渲染更简单，并可以将您的前端作为一个完全静态的站点。如果您使用 webpack，您可以使用 prerender-spa-plugin 轻松地添加预渲染。它已经被 Vue 应用程序广泛测试。

1、控制字体类型

通常情况下，网页字体不会超过三种，一旦超出网站结构必然会混乱，而这会严重影响到内容的可读性，在这里教大家一个很简单的方式，那就是只使用一种网页中常用的字体，如果你真的需要在网站中使用两种不同类型的字体时，那么请确保这两种字体相互协调，可以很好的搭配在一起。

2、图文完美结合

不可否认，图文结合的方式更利于浏览者阅读，让读者更加有兴趣，并且任何网页设计都是由文字和图片搭配组成的，文字融入图片做了搭配，便使得文字赋有生命力，当整个网页活了，有了灵魂，才能更好的与用户交流。

3、合理的色彩对比度

编辑网页文本时，还需要注意文本与背景之间的对比度，只有当文本越明显的时候，用户才能快速获取网站的内容。另外，还需要注意，当我们网站的配色确定以后，一定要尽可能的在多个设备商进行详细的测试，确保不同设备的用户都能够拥有良好的阅读体验。

4、正确选用图片

大多数用户对于图片都是一视而过，那么在设计的过程中我们应如何使用图片?让图片来渲染页面，保证整体页面的美感呢?选定图片就必须要保证它们不杂乱，图片内容要对应文字主题，颜色搭配要合理，易于被人理解。不管是图片尺寸，风格都应配合好文字板块，使整体页面效果协调有层次感。

---