网站地图

VUE做的网站怎么做SEO优化?

时间:2022-11-15

我们一般做网站是用的DIV+CSS,因为这种一般利于优化,但是在前两天接到一个项目需要做优化,客户的网站是VUE做的,把网站看了一遍,发现类似这样的网站优化成本会很高。

21V04[DN}0OJ%)GJH52SKNJ.png

首先我们来了解一下什么是vue?

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

但是用VUE开发的网站也有他的缺陷——不利于优化

因为vue的脚手架搭建的项目,webpack的配置当中就包含了压缩js,css和html的压缩。所以,当我们的单页面越做越大的情况下,首要的一步就是分包。也就是说一个网站你在代码里面智能看见JS和CSS,其他什么都没有了,那么这样的网站搜索引擎如何抓取?肯定抓取的难度会很大,处理起来也是相当麻烦的,所以建议大家在做网站开发的时候不要只用这种技术(前提是网站需要优化)

那么VUE实用在哪些场景?

正因为VUE是适合做优化,智能用在不用优化的项目上,比如微信公众平台的开发和一些内部自己的系统开发,这个时候反正是内部使用的,可以使用VUE,性能上还是工作量上都会大大减少。