但我仍然建议你能静态就静态化,这个不需要讨论,因为无论是用户体验还是搜索引擎的友好,静态文件都优于动态文件,但如果条件不允许,刻意追求伪静态,这就没必要。
另外,并不是追求静态化,就需要全站静态,比如在线留言等需要经常调用数据库,或经常要修改的页面,这些动态比静态更适合。
动态页面通常是php或者asp等语言结合数据库,通过代码调用数据来实现页面展示;可以通过调用不同数据,显示不同页面内容;静态页面通常是单页面,没有程序调用数据,单纯的html呈现;
在SEO上,要对网页的标题,关键词,描述信息以及页面关键词密度进行优化设计,用动态网站维护管理比较方便,通过对数据库数据的修改,就可以实现优化,简单方便机动;如果用静态页面,就需要找到每个页面,都修改一遍,后期的维护和优化比较繁琐;
上文中提到过这里主要使用的是 vue-meta-info ,下面来和大家说一下它的用法
大家可以选择不同的安装方式
Yarn:
NPM:
引入方式很简单,没有什么难理解的,照做就是了
使用方式的话会分为两种(接下来会举一些官网上的例子):
使用时注意,meta里可以写多个map,下面这个例子中只写了keyWords
这种方式可以动态生成META标签的内容,一般META标签的内容需要根据变量去变化的时候,可以选用这种方式:
这些配置好了之后,就可以测试一下啦,打开调试工具,点击到Elements一栏,看下head标签下是否有你刚刚生成的meta,如果有的话,那么恭喜你,你成功的征服了它
欢迎分享,转载请注明来源:夏雨云
评论列表(0条)