VUE(SPA)项目中使用SEO-动态生成META标签

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

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

Yarn:

NPM:

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

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

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

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

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

js是不影响seo的，但是影响搜索引擎抓取。因为搜索引擎是不能抓取js，图片，视频等等。因此优化就只能不用js，但是为了站点美观，又要是用js，所以就必须不让蜘蛛抓取，用robots进行屏蔽

伪静态就是把动态的地址隐藏起来，用一个新到的看似静态的地址提供给蜘蛛和用户访问，利于优化。

而静态是静态网页和文件名称就路径，形成的访问轨迹网页就是静态页面。

当然这两者肯定是静态网页利于搜索，但是为什么还要有伪静态那，是因为网站如果你要做大，便于编辑就需要有后台管理，而牵扯后台权限的都需要php以上的动态程序开发。而静态网页是一个一个网页开发而组合起来的，动态是可以快速生成网页。

动态就是用动态网站形成的自然的路径，这样的路径不好之处就是有些路径长，而去容易进入死循环。

当然后台的路径就需要屏蔽蜘蛛抓取访问！

---