使用VUE开发的项目怎么解决SEO问题最好

使用Vue，是js加载后台数据的，动态赋值在元素上的，搜索引擎只能抓取html内容并不能执行JS，这样搜索引擎抓取不到数据。

解决方法：1、使用CDN缓存静态文件；2、使用服务端对SEO部分进行动态赋值；3、prerender-spa-plugin预渲染插件

上文中提到过这里主要使用的是 vue-meta-info ，下面来和大家说一下它的用法

大家可以选择不同的安装方式

Yarn:

NPM:

引入方式很简单，没有什么难理解的，照做就是了

使用方式的话会分为两种(接下来会举一些官网上的例子)：

    使用时注意，meta里可以写多个map，下面这个例子中只写了keyWords

这种方式可以动态生成META标签的内容，一般META标签的内容需要根据变量去变化的时候，可以选用这种方式：

    这些配置好了之后，就可以测试一下啦，打开调试工具，点击到Elements一栏，看下head标签下是否有你刚刚生成的meta，如果有的话，那么恭喜你，你成功的征服了它

vue等框架打包的项目一般为SPA应用，而单页面是不利于SEO的，现在的解决方案有两种：

注意：

然后在webpack.prod.conf.js里面添加：

在webpack.prod.conf.js的plugins里面添加：

最后在main.js里面修改：

安装：

在main.js引入：

在vue页面中配置：

---