大家可以选择不同的安装方式
Yarn:
NPM:
引入方式很简单,没有什么难理解的,照做就是了
使用方式的话会分为两种(接下来会举一些官网上的例子):
使用时注意,meta里可以写多个map,下面这个例子中只写了keyWords
这种方式可以动态生成META标签的内容,一般META标签的内容需要根据变量去变化的时候,可以选用这种方式:
这些配置好了之后,就可以测试一下啦,打开调试工具,点击到Elements一栏,看下head标签下是否有你刚刚生成的meta,如果有的话,那么恭喜你,你成功的征服了它
适用于vue的SEO优化方案,以下几种:(1)ssr,即单页面后台渲染
(2)vue-meta-info 与prerender-spa-plugin 预渲染
(3)nuxt
(4)phantomjs
使用Vue,是js加载后台数据的,动态赋值在元素上的,搜索引擎只能抓取html内容并不能执行JS,这样搜索引擎抓取不到数据。解决方法:1、使用CDN缓存静态文件;2、使用服务端对SEO部分进行动态赋值;3、prerender-spa-plugin预渲染插件
欢迎分享,转载请注明来源:夏雨云
评论列表(0条)