所以有关搜索引擎注册、搜索引擎优化排名等网络营销方法内容中，通常都要谈论META标签的作用，我们甚至可以说，META标签的内容设计对于搜索引擎营销来说是至关重要的一个因素，合理利用 Meta 标签的 Description 和 Keywords 属性,加入网站的关键字或者网页的关键字，可使网站更加贴近用户体验。
希望楼主可以采纳！
网页代码的<head>标签的内容中通常会有多个<Meta>标签，而其中涉及到SEO优化的有<meta name="keywords" content="xxx,xxx,xxx,xxx,"/>和<meta name="description" content="xxxxxxxxxxxxxxxxxxxxxxxxx"/>这两个内容。
1、<meta name="keywords" content="xxx,xxx,xxx,xxx,"/>
这个部分是用来填写关键词的，其中name说明属性是关键词，content则是说明具体的关键词是什么，比方：<meta name="keywords" content="百度,百度知道"/>。这个标签中的关键词首先必须是页面的核心关键词，同时要和页面的标题也要相关，只有填写核心关键词，搜索引擎的蜘蛛在爬取网页的时候才能了解页面的主要核心是什么。需要注意的是，这里的关键词一般为6-10个左右，如果填写过多会造成优化过度的效果——堆积关键词，反而不利于SEO。
2、<meta name="description" content="xxxxxxxxxxxxxxxxxxxxxxxxx"/>
这个部分是用来填写描述的，其中name说明属性是描述，content则说明具体的，描述是什么，比方：<meta name="description" content="百度知道是由全球最大的中文搜索引擎百度自主研发、基于搜索的互动式知识问答分享平台。用户可以根据自身的需求，有针对性地提出问题；同时，这些答案又将作为搜索结果，满足有相同或类似问题的用户需求。"/>。这个描述是用于描述网页的主要内容，同时要和网页标题（title）以及关键词（keyword）都要相关，搜索引擎的蜘蛛来爬去页面的时候，通过这段话初步判断页面的内容是什么。需要注意的是，这里的描述一般不超过一百字，同时由于描述会在搜索业展示大约75个字左右，所以在描述里面的前75个字可以首先突出自己的优势、特点、优惠等，以便更好地提搜索点击率。当然，描述必须要是完整通顺的符合逻辑的句子，如果为了增加关键词密度而纯粹堆积关键词也会起到过度优化的效果，反而不利于SEO。
综合的来说，Meta标签中的Keywors和Description的设置必须要符合搜索引擎的优化推荐方式，在符合正确的优化方式的前提下，需要细细斟酌的是网站的关键词以及能够突出自己优势的描述。
上文中提到过这里主要使用的是 vue-meta-info ，下面来和大家说一下它的用法
大家可以选择不同的安装方式
Yarn:
NPM:
引入方式很简单，没有什么难理解的，照做就是了
使用方式的话会分为两种(接下来会举一些官网上的例子)：
使用时注意，meta里可以写多个map，下面这个例子中只写了keyWords
这种方式可以动态生成META标签的内容，一般META标签的内容需要根据变量去变化的时候，可以选用这种方式：
这些配置好了之后，就可以测试一下啦，打开调试工具，点击到Elements一栏，看下head标签下是否有你刚刚生成的meta，如果有的话，那么恭喜你，你成功的征服了它
欢迎分享，转载请注明来源：夏雨云
微信扫一扫
支付宝扫一扫
评论列表（0条）